/* CSS Document */

/* 
	Belrad Group
	May 2007	
	Web Site Re-design
	by Yvette Martinez
	tina@dharmainternet.com
	www.dharmainternet.com
*/

/* Belrad Web Site Colors

blue: #084C8D
light blue: #74A5CD
light grey: #F7FBFE
text color: #676767

*/

body { margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; color: #676767; background-color: #FFFFFF; }
h1 { font-size: 1.7em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color: #084C8D; }
.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
#admin h1 {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	border-bottom: 1px dashed #E6E8ED;
}
#header { width: 100%; position: fixed; z-index: 1000; top: 0; height: 140px;}
#content { margin-top: 140px;}
* html #content { margin-top: 0;}
#header { background-color: #FFFFFF;}
#mainHeader { width: 675px; margin-top: 0; margin-left: auto; margin-right: auto; height:140px; border-bottom: 1px solid #084C8D;}
#companyName { width: 264px; height: 51px; float: left; margin-top: 10px;}
#tagline { float: right; font-size: 1.1em; color: #084C8D; margin-top: 35px;}
.clear { clear: both;}
#header_navigation { height: 75px; background-image: url(/images/nav/nav_background.jpg); background-repeat: no-repeat;}
.topNavItem { width: 135px; float: left;}

#mainContent { width: 675px; margin-left: auto; margin-right: auto; /*overflow:auto; background-image: url(/images/watermark_white_bg.gif); background-repeat: no-repeat; */}
#leftNav {width: 180px; float: left; margin-top: 15px;}
#copy {width: 465px; float: right; font-size: 1.2em; padding-top: 15px; margin-bottom: 30px; line-height: 1.5em;}
#copy h4 { font-size: 1.0em; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px;}
#copy img { margin-left: 10px; margin-bottom: 10px;}
#copy a { color: #676767;}
#copy ul li { margin-bottom: 9px;}
#copy ul ul {margin-top: 8px;}
#copy hr { padding-bottom: 20px;}
#footer { width: 100%; border-top: 1px solid #676767;}
#footer a, .toTop a{ color: #666666; text-decoration: none;}
#mainFooter { width: 675px; margin-left: auto; margin-right: auto;}
.toTop {text-align:right; font-size:.85em;}
.location { width: 220px; float: left; text-align: center; padding-top: 15px; padding-bottom: 5px; color: #084C8D;}
.home_copy {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: left;
}
#mainLocationsPage { padding-top: 15px;}
#mainLocationsPage a { color: #676767;}
.map {font-size: .9em;}
.noWatermark {background-color: #FFFFFF;}

/* side navigation */

.sidenav {
	margin-left: 0px;
	font-size: 1.1em;
}
.sidenav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.sidenav li {
	margin-left: 0em;
	padding-left: 0em;
	line-height: 1.2em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.sidenav a {
	color: #084C8D;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.sidenav a:hover {
	color: #084C8D;
	text-decoration: underline;
}
.sidenav ul li {
	/* margin-left: 15px; */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B9B9B9;
}
.sidenav ul ul {
	padding-bottom: 0.5em;
	padding-top: .5em;
}
.sidenav ul ul a {
	color: #084C8D;
	font-weight: normal;
}
.sidenav ul ul li {
	margin-left: 25px;
	border: none;
	line-height: 1.2em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.noBorder {
	color: red;
	border: none;
}

/* Bullets -------------------------------------------------------*/

.bullet { padding-left: 15px; display:block;}

.bullet:hover {
	background-image: url(/images/bullet_sidenav_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.bullet_selected {
	background-image: url(/images/bullet_sidenav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	display:block;
}

/* members */

.back {float: left;}
.forward {float: right;}
.clear {clear: both;}
.projectListingTable {border: 1px solid #CCCCCC; }
.projectListingRow {background-color: #E7E7E7;}
.projectListingTableHeader {background-color: #CCCCCC; text-transform: uppercase;}
.membersTableRow:hover {background-color: #F7E9F8;}
.err {color: #FF9900;}
#projectFiles {width: 275px;}
#projectMembers {width: 275px;}
#admin a{ color: #FF9966;}
