/*---------------------------------------------*/
/*---------------Default Styles----------------*/
/*---------------------------------------------*/

body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; line-height: 1.8em; background-color:#494E4F; background-image:url(../images/bckgrd.gif); background-repeat:repeat-x; }

td {font-family: Arial, Helvetica, sans-serif;}
th {font-family: Arial, Helvetica, sans-serif;}
h5 { color:#ACBCBC; font-size:13px; padding:0; text-transform: capitalize; }
.bioSubheads { font-size: 13px; font-weight: bold; text-transform: capitalize; color: #FFFFFF; }

h4 {color:#ACBCBC; font-size:9px; padding:0; margin:0; text-transform:uppercase;}
h6 { font-size:14px; color:#ACBCBC; margin-bottom:10px; padding:0; text-transform: capitalize; }



a:link {color:#FFFFFF; text-decoration:none}
a:visited {color:#FFFFFF; text-decoration:none}
a:hover {color: #8D9192; text-decoration:none}
a:active {color:#FFFFFF; text-decoration:none}

a.navmenu:link { color:#747879; text-decoration:none;}
a.navmenu:visited { color:#747879; text-decoration:none;}
a.navmenu:hover { color: #000000; text-decoration:none;}
a.navmenu:active { color:#747879; text-decoration:none;}

a.navmenuII:link { color:#000000; text-decoration:none;}
a.navmenuII:visited { color:#000000; text-decoration:none;}
a.navmenuII:hover { color: #747879; text-decoration:none;}
a.navmenuII:active { color:#000000; text-decoration:none;}

.galleryItem { border: 1px #FFFFFF solid; margin:7px;}


/*---------------------------------------------*/
/*--------------Main Containers----------------*/
/*---------------------------------------------*/


#mainContainer{
	width:800px;
	border:#65696A 5px solid;
	margin:auto;
	background-color:#FFFFFF;
	background-image:url(../images/sidebar_bg.gif);
	background-repeat:repeat-y;
}
	

#NavCont{
	float:left;
	background-color:#FFFFFF;
	width: 250px;
	
}

#Title{
	float:right;
	width: 550px;
}


#Content{
	float:right;
	background-color:#535758;
	width: 550px;
	padding-bottom:20px;
}

#clear{
	clear:both;
	margin:auto;
}

#FloatLeft {float:left;}

#FloatRight {float:right;}

#footer{
	color:#FFFFFF;
	margin:auto;
	font-size:9px;
	width:800px;
}


/*---------------------------------------------*/
/*---------------Main Elements-----------------*/
/*---------------------------------------------*/

#logo{
height:120px;
width:154px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
margin-left: 55px;
margin-top:15px;
text-indent:-9999px;
}

#logo a {display:block; height:120px; width:154px;} 

#ColumnOne{
	float:left;
	margin-left:17px;
	width:260px;
	margin-bottom: 20px;
}

#ColumnTwo{
	float:right;
	margin-left:10px;
	width:240px;
}

#ColumnBoth{
	margin-left:10px;
	width:525px;
}

#profileCont{
	width:260;
}
#ProfilePhoto{
	float:left;
	width:95px;
}
#ProfilePhotoBig{
	float:right;
	border:#FFFFFF 3px solid;
	width:125px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
}

#MainPhoto{
 margin:auto;
}

#MainPhoto img{ border:#FFFFFF 1px solid;}

#ProfileBrief{
	float:left;
	width:165px;
}

/*---------------------------------------------*/
/*---------------Navigaion Menu----------------*/
/*---------------------------------------------*/
#navmenu{
padding-right:40px;
padding-top:30px;
}

#navmenu li{
	padding-top:10px;
	font-size:16px;
	list-style-type:none;
	text-align:right;
	background-image:url(../images/dots.gif);
	background-repeat:no-repeat;
}

#navmenu li li{
	background-image:none;
	margin:0;
	padding:0;
	font-size:12px;
	list-style-type:none;
	margin-top:3px;
}

#proLinks{
	float:right;
	width:225px;
	margin-right:15px;
	margin-top:10px;
	padding-bottom:3px;
	border-bottom:#8D9192 1px dotted;
	color:#FFFFFF;
	font-size:12px;
	
}

#proLinksII{
	float:right;
	width:225px;
	margin-right:15px;
	margin-top:10px;
	padding-bottom:3px;
	color:#FFFFFF;
	font-size:12px;
	}

#bios{
	padding-bottom:5px;
	font-size:14px;	
}

#twoColoumnBody{
	margin: 0px 10px 0px 10px;
}

/*---------------------------------------------*/
/*---------------------FORMS-------------------*/
/*---------------------------------------------*/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 500px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	/*text-decoration:underline;    Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 120px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}

legend {font-weight:bold; color:#ACBCBC;}