@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.8em Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333; background:url(images/body-bg.jpg) repeat-x #fff; text-align:center; min-height:100%;}
#container{margin:30px auto; width:1015px; position:relative; text-align:left; background:url(images/container-bg.gif) no-repeat;}/*centers main content*/
#content{width:750px; padding:0 0 20px 0; margin:10px 0 0 0; color:#333; float:left;  background:url(images/home-bottom-content-rounded.gif) no-repeat  bottom left;}
#minheight {height:400px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
.topsentence{font-size:.8em; color:#ccc; text-align:center;}
.clear {clear:both;}
.darkbluebold {color:#252f62; font-size:1.4em; padding:20px 0 20px 0; font-weight:bold;}
.border-right {border-right:1px solid #ccc; padding-right:10px; margin-right:10px;}
#loginblock {background:url(images/login-home-bg.gif) no-repeat; width:238px; height:52px; padding:3px 0 0 30px; position:absolute; right:7px; margin-top:4px; color:#333333;}
#loginblock p {line-height:1.7em;}
#logo {padding:30px 0 0 20px; display:block; float:left;}
#logo img {border:none;}
#homeicon {background:url(images/icon-home.gif); height:47px; width:62px; display:block; float:right; margin:70px 0 0 0;}
/***************** Rotating Image **************/
#rotatingimg {height:292px; width:740px; position:relative}
#textoverimg {position:absolute; top:0; right:0; height:292px; width:234px; background:#00467F; filter:alpha(opacity=85);-moz-opacity:.75;opacity:.75; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.7em; font-weight:bold;}/*Make sure to include a width on your submenu - to display properly in IE7*/
#textoverimg p { padding:15px 0 0 15px; line-height:1.5em;}
#corner {background:url(images/banner-curved-corner-right.gif) no-repeat; width:13px; height:14px; position:absolute; top:0; right:0;}
/***************** Skip **************/
#skip a, #skip a:hover, #skip a:visited{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#skip a:active, #skip a:focus{position:static; width:auto; height:auto;}

/***************** Headers *****************/
h1 {font-size: 1.8em; font-weight:bold; color:#000;}

h2 {font-size: 1.5em; }
h3 {font-size: 1.33em; }
#bread_style {background:url(images/page-title-bg.gif) no-repeat; height:20px; color:#FFFFFF; text-transform:uppercase; font-size:.7em; padding:8px 0 0 15px; font-weight:bold;}
.highlight {background:url(images/home-highlight-bg.gif) repeat-y left; width:236px; float:left; margin-right:14px; padding:0; display:inline; }
#dnn_companyPane, #dnn_rolePane, #dnn_advantagePage {padding:10px; width:216px; clear:left;}
.highlight img {float:left;}
.highlight h2 {color:#fff; padding:2px 0 0 10px; font-weight:lighter; width:226px; float:left; clear:left;}
.highlight  a.view:link, .highlight  a.view:visited {float:right; margin:-25px 18px 0 0; color:#FFFFFF;}
.highlight  a.view:hover {text-decoration:none; color:#CCCCCC;}
#company h2 {background:url(images/home-highlight-company-text-bg.jpg) no-repeat right top; height:26px;}
#role h2 {background:url(images/home-highlight-role-text-bg.jpg) no-repeat right top; height:26px;}
#advantage h2 {background:url(images/home-highlight-advantage-text-bg.jpg) no-repeat right top; height:26px;}
/***************** Basic Links *****************/
a:link, a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}

/***************** Menu *****************/
#leftcolumn {width:250px; float:left;}
/*style containing menu div*/
#menu {width:225px; margin:0 0 0 15px;; padding:0; font-size:.9em; text-align:left; clear:both;}
/*style first tier navigation ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin: 0; padding: 0; width: 225px;}
#menu h2 {color:#014780; padding:15px 0 5px 0;}
#menu h2 a:link, #menu h2 a:visited, #menu h2 a:hover {color:#014780;}
#menu li {position: relative; list-style: none; margin: 0; background:url(images/nav-bg-noexpand.gif);}
#menu lihover, #menu li.sfhover {background-color: #EDD;}
#menu li a {display: block; width:215px; height:20px; padding:4px 0 0 10px; color:#FFF; font-weight:bold;}
#menu li a:hover{ background:url(images/nav-bg-no-expand-over.gif); text-decoration:none;}
/*style second tier ul*/
#menu ul ul{background: #F9F9F9;}
#menu ul ul {position:absolute; top: 0; left:145px;}
/*style third tier ul*/
#menu ul ul ul{background: #F3F3F3;}
#menu ul.submenu {background:#FFF;}
.AccordionPanelContent {border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.AccordionPanelContent a {display:block; width:192px;  border-bottom:1px solid #e6e6e6; padding-left:15px;}
.AccordionPanelContent a:hover {background:#999; text-decoration:none;}
/*Spry Menu*/
#Accordion1 {width:225px; margin-bottom:10px;}

.Accordion {

	overflow: hidden;
 
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	background:url(images/nav-bg-expand.gif) no-repeat;
    padding:4px 0 0 10px;
	margin: 0px;
	height:20px;
	cursor: pointer;
	-moz-user-select: none; 
	-khtml-user-select: none;
	font-weight:bold; color:#FFF;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0 0 0 15px;
	padding: 0px;
	height: 200px;
	
}


.AccordionPanelOpen .AccordionPanelTab {
	background:url(images/nav-bg-expand-active.gif) no-repeat;
}

.AccordionPanelTabHover {
	background:url(images/nav-bg-expand-over.gif);
}
.AccordionPanelTab .AccordionPanelTabHover {
	background:url(images/nav-bg-expand-over.gif);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	background:url(images/nav-bg-expand-active-over.gif);
}
/*DO NOT DELETE ..... THIS SECTION TRIGGERS THE DISPLAY AND HIDE OF THE SUBMENUS.......DO NOT DELETE*/
#nav li ul, #nav li:hover ul ul, #nav li.sfhover ul ul {display:none;}
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul, #nav li li.sfhover ul {display:block;}
div:focus {border:none;}
/***************** Footer *****************/
#footer {display:block; margin:5px auto 0pt; padding:0 0 0 290px; width:750px; text-align:center;}
ul#footer  { display:inline; float:left; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none; padding:0pt 10px 0pt 17px;}
#footer  a:link, #footer  a:visited{color:#666; text-decoration:none; margin:0 7px 0 7px;}
#footer a:hover{color:#666; text-decoration:underline;}
#footer .copyright {color:#b2b2b2;}


/***************** Credit *****************/
#credit {clear:both; font-size:0.7em; padding:50px 0 0 290px; width:750px; text-align:center; margin:0 auto;}
#credit a:link, #credit a:visited {color:#999; text-decoration:none;}
#credit a:hover {color:#999; text-decoration:none;}