/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	/*vertical-align: baseline;*/
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

a { text-decoration:none;}

/* =General
-----------------------------------------------------------------------------*/
html {
	color:#000000;
}

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
	background-color: #CDD7E9;
}
#pageWrapper {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#pageContent   p   {
	margin-left: 60px;
	margin-bottom: 15px;
	margin-right: 10px;
	font-size: 0.8em;
	line-height: 1.25em;
}
#pageContent p.disclaimer {
	font-size: 0.7em;
	color: #999999;
}
blockquote {
	margin-left: 15px;
}
#pageContent  blockquote p {
	margin-bottom: 5px;
}


#mainContentCont {
	float: left;
	width: 955px;
	background-color: #FFFFFF;
}
#homeContent {
	background-image: url(images/homeContentBG.jpg);
	float: left;
	width: 955px;
	height: 535px;
	background-repeat: no-repeat;
}
.right {
	float: right;
}
#slideshowCont {
	float: right;
	position: relative;
	z-index: 50;
}


#mainMenu {
	background-color: #0A578B;
	width: 955px;
	height: 32px;
	position: relative;
	float: left;
}
#footer {
	background-image: url(images/footerBG.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 955px;
	margin-top: -50px;
	background-color: #FFFFFF;
	height: 75px;
	z-index: 100;
	position: relative;
	float: right;
	padding-top: 30px;
}
#clearer {
	clear: both;
	height: 1px;
	width: 955px;
}

.hotJobs {
	margin-top: 10px;
	width: 260px;
	height: 64px;
	margin-bottom: 10px;
}

#footer p {
	font-size: 0.7em;
	text-align: center;
	margin-bottom: 10px;
	color: #0A578B;
}

#pageContent {
	width: 540px;
	float: left;
	padding-bottom: 60px;
}
.templateB {
	background-image: url(images/templateB_BG.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}


#mainMenu li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#footer  a, #footer  a:visited {
	color: #1E5D90;
	font-family: Arial, Helvetica, sans-serif;
}

#pageContent a, #pageContentr a:visited {
	color: #782E49;
}

#footer  a:hover, #pageContent a:hover {
	color: #00aeef;
	text-decoration: underline;
}
#pageTop {
	background-image: url(images/pageTopBG.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 23px;
	width: 955px;
}




.menu {
	width:955px;
	position: relative;
	z-index:100;
	background-color: #0A578B;
	float: left;
	height: 32px;
}

.menuB {
	width:465px;
	float: right;
	height: 157px;
	position: relative;
	z-index: 100;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}

.menuB li {
	width: 195px;
	position: relative;
	line-height: 0px;
	margin-left: 20px;
	clear: left;
	float: left;
}

*html .menuB li {
	margin-left: 12px;
}


.menu /* style the links for the top level */
 a, .menu  a:visited, .menuB a, .menuB a:visited {
	line-height: 0px;
	display: block;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0px;
	width:197px;
}

.menuB ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:0px;
	left:175px;
	width:148px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:16px;
	t\op:32px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}
.menu  /* style the second level links */
ul   ul   a, .menu   ul   ul   a:visited         {
	height:auto;
	padding:5px;
	width:197px;
	display: block;
	background-color: #0A578B;
	}
	
.menuB ul ul a, .menuB ul ul a:visited {
	width:145px;
	display: block;
	background-color: #0A578B;
	}


/* yet another hack for IE5.5 */
* html .menu ul ul a {
	width:104px;
	w\idth:197px;
}
* html .menuB ul ul a {
	width:104px;
	w\idth:145px;
}
.menu  /* style the top and second level hover */
a:hover/*.menu a:hover {
	text-decoration: none;
	color: #666666;
}*/

    {
	text-decoration: none;
	background-color: #0A578B;
	color: #FFFFFF;

}
.menuB a:hover {
	text-decoration: none;
	background-color: #5383A7;
	color: #FFFFFF;
}

.menu /* keep FF color */
/*.menu :hover > a {
	text-decoration: none;
	background-color: #666666;
	color: #FFFFFF;

}
.menu ul ul a:hover{
	background-color: #C48F24;
	color: #FFFFFF;
}*/

/* keep FF color */
/*.menu ul ul :hover > a {
	background-color: #C48F24;
	color: #FFFFFF;
}*/

/* make the second level visible when hover on first level list OR link */
 ul  li:hover  ul,
.menu  ul  a:hover  ul, .menuB ul li:hover ul, .menuB ul a:hover ul {
visibility:visible; 
}


h1 {
	margin-left: 22px;
	margin-right: 10px;
	font-size: 0.9em;
	color: #7099A9;
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.25em;
}
#pageContent p.spBefore {
	margin-top: 15px;
}

h3 {
	font-weight: bold;
	margin-left: 60px;
	margin-top: 25px;
	color: #0A578B;
}

h1 .blue {
	font-size: 1em;
	color: #0A578B;
	font-weight: bold;
}
#homeMenu {
	background-image: url(images/homeMenuBG.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 955px;
	background-position: right top;
}
#homeContent p {
	margin-left: 60px;
	margin-bottom: 15px;
	margin-right: 10px;
	font-size: 0.8em;
	line-height: 1.25em;
	display: block;
	width: 375px;
}
#pageContent p.testimonialName {
	font-size: 0.8em;
	color: #666666;
	margin-bottom: 30px;
}