/* CSS Document */


/*--- Basic principles ---*/

html, body {
	background:#fff url(../_img/bgd.gif) repeat-x;
	height:100%;
}

html, body, div, p, td, a, li {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	line-height:14px;
}

table.center {
	margin:0 auto;
}

p {
	margin:0 0 14px 0;
	color:#00275d;
}

td {
	vertical-align:top;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#408fcc;
	font-weight:bold;
	text-decoration:none;
	padding:2px 0;
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#408fcc;
	font-weight:bold;
	text-decoration:underline;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#40175d;
	font-weight:bold;
	margin:0 0 4px 0;
	
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#40175d;
	font-weight:bold;
	margin:0 0 4px 0;
	
}


hr {
	color:#999ea2;
	background-color:#999ea2;
	border:none;
	height:1px;
	
}





/*--- lists ---*/

ul {
    /*position:relative;*/ /* fix IE6 disappearing bullet bug */
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 14px 0; 
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ul li {
	background-image: url(/_img/bullet.gif); /* add custom bullet */
	background-repeat: no-repeat; 
	background-position: 0 6px; /* position from 'Left' 'Top' - used mostly for small bullet images */
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00275d; /* defined because not carried from p */
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 21px 2px 0; /* define distance between bullets (appreciated if bullets wrap)  and distance from right*/
}



/* Now for the Ordered List, which needs no bullet */

ol {
	list-style-type:decimal;
	padding: 0 0 0 30px; /* move number to the right (add padding-left) */
	margin: 0 0 0 0; /* Move number using left-margin */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00275d; /* defined because not carried from p */
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 0 4px 0; /* define distance between bullets (appreciated if bullets wrap)  and distance from right*/
}


ul.linkList { /* no bullet */
	list-style-type:none;
	padding: 0 0 0 0; 
	margin: 0 0 15px 0; 
	line-height:15px;
}

ul.linkList li {
	background-image: none; 
	padding: 0 0 0 0; 
	margin: 0 0px 4px 0; 
}




/*--- Architectural elements (and some dependancies) ---*/

#getmesomeheight {
	height:100%;
	width:930px;
	border-left:5px solid #003580;
	border-right:5px solid #003580;
	background:#fff;
}

#getmesomeheight td {
	height:100%;
}

#container {
	position:relative;
	z-index:1;
}

#header {
}

#navtop {
	background:#eaf4fb;
	display:block;
	padding:0 19px 1px 0;
	height:90px;
	z-index:3;
}

#masthead img {
	display:block;
	
}




/*--- Content area of page ---*/

#maincontent { /* containing DIV */
	margin:25px 36px 0 33px;
}

/* first the containg table structure */

.maincontent { /* table class */
	
}



.navLeft { /* left column */
	width:218px;
}

.contentCenter { /* center column */
	width:445px;
}

.contentSidebar { /* right column */
	width:198px;
}


/* now the actual content, which are housed in DIVs */




#navLeft { 
	width:165px;
}

#contentCenter { 
	width:420px;
}


.contentCenterTitle {
	display:block;
	margin:0 0 12px 0;
}


#contentSidebar { 

}

#contentSidebar div { 
	border:1px solid #9fc7e5;
	padding:15px 14px 0 14px;
}

#contentSidebar div img { 
	display:block;
}



.sidebarImage {
	border:1px solid #408fcc;
	margin-bottom:4px
}










/*--- bottom of page ---*/

#navbottom {
	float:right;
	
}

#navbottom span {
	padding:0 13px;
	color:#003580;
}

#navbottom a {
	font-weight:normal;
	color:#003580;
	text-decoration:none;
	
}

#navbottom a:hover {
	font-weight:normal;
	color:#408fcc;
	text-decoration:none;
}




#footer {
	padding:0 0 20px 0;
	margin:23px 0 0 0;
	color:#408fcc;
}






/*--- Career pages ---*/

.postingHead {
	margin:0 0 14px 0;
}

.postingHead th {
	text-align:left;
	font-weight:bold;
	color:#003580;
	padding:2px 10px 2px 0;
}

.postingHead td {
	padding:2px 0;
}

.gotoTop {
	float:right;
	font-weight:bold;
	color:#408fcc;
	margin-top:5px;
}

.careerButton a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	border:1px solid #408fcc;
	color:#408fcc;
	font-weight:bold;
	margin:0;
	padding:2px 6px;
	text-decoration:none;
}

.careerButton a:hover {
	border-color:#40175d;
	text-decoration:none;
}



/*--- Random yet useful ---*/

.clearMe {
	clear:both;
	height:1px;
	font-size:0.1px;
}

.noticeMe {
	background:yellow;
	border:1px dashed blue;
	
}

.noFlash {
	background:#FDFDFD;
	border:4px double #FF0000;
	padding: 10px 10px 0px 10px;
	width:80%;
	margin:10px auto;
}


.clientTable {
	
}

.clientTable th {
	border-bottom:1px solid #d1e4f3;
	padding:0 10px 0 0;
	width:33%;
	vertical-align:bottom;
}

.clientTable td {
	padding:6px 10px 0 0;
}