@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; text-align:center; min-height:100%;}
#backgroundElement
{
	background:url(images/body-bg.jpg) repeat-x #fff;
	margin: 0px;
	padding: 0px;

}
#skip {border-top:#8192ac 1px solid;}

#container{margin:30px auto; width:1015px; position:relative; text-align:left; background:url(images/container-bg.gif) no-repeat;}/*centers main content*/
#content{width:758px; padding:0 0 20px 0; margin:10px 0 0 0; color:#333; float:left;}
#centercontent{width:496px; padding:0 0 20px 0; margin:3px 0 0 0; color:#333; float:left; background:url(images/interior-center-content-bottom-curve.gif) no-repeat bottom left;}
#rightcolumn {width:235px; padding:2px 0 0 9px; float: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*/ 

.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; /*margin-left:110px;*/}
#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 { width:478px; position:relative; padding-bottom:10px;}
/***************** Summary **************/
#summary {background:url(images/iterior-summary-curved-bottom.gif) no-repeat bottom #d4e6f7; width:487px;}
#summary  h2 {background:url(images/interior-summary-title-bg.gif) no-repeat #4340f7 top right;  color:#FFFFFF; font-weight:bold; font-size:1.2em; padding:0 0 0 15px;}
#summary p {padding:10px;}
/***************** Content Text **************/
#contenttext {background:url(images/interior-center-content-top-curve.gif) no-repeat top left #F2F5F9; width:457px; padding:0 15px 10px 15px; margin:10px 0 0 0; color:#333;}
#contenttext h2 {color:#666; font-weight:lighter; padding:10px 0 5px 0;}
#contenttext p {padding:10px 0 10px 0;}
#contenttext ul li {margin:5px 5px 5px 20px;}

/***************** Right Text **************/
#righttext {background:url(images/interior-right-content-bottom-curve.gif) bottom no-repeat #f1f1f1; margin:10px 0 0 0; clear:both;}
#righttext h2 {background:url(images/interior-right-content-header-bg.gif) no-repeat #666; color:#FFFFFF;font-weight:bold; font-size:1.3em; padding:3px 3px 0 10px;}

#righttext p {padding:10px;}

/***************** Highlight Box **************/

.highlight{margin:10px 0 10px 0; padding-bottom:25px;}
.highlight h3 {color:#FFF; font-size:1.2em; width:235px; padding:2px 0 0 0;}

.highlight ul li{display:inline; float:left;}
.highlight ul li a:link,.highlight ul li a:visited {color:#FFF; padding:3px 0 0 12px; width:60px; text-align:center; font-weight:bold; display:block; height:20px;}
.highlight ul li a:hover {text-decoration:none; color:#CCC;}
.highlight#company h3 {background:url(images/interior-highlight-company-header.gif) no-repeat #254d63 top right;}
.highlight#company{ background:url(images/style-1.jpg) no-repeat bottom left;}
.highlight#role h3 {background:url(images/interior-highlight-role-header.gif) no-repeat #254d63 top right;}
.highlight#role{ background:url(images/style-2.jpg) no-repeat bottom left;}
.highlight#advantage h3 {background:url(images/interior-highlight-advantage-header.gif) no-repeat #254d63 top right;}
.highlight#advantage{ background:url(images/style-3.jpg) no-repeat bottom left;}
/***************** 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;}
#bread_style #dnn_dnnBREADCRUMB_lblBreadCrumb a.SkinObject:link, #bread_style #dnn_dnnBREADCRUMB_lblBreadCrumb a.SkinObject:visited, #bread_style #dnn_dnnBREADCRUMB_lblBreadCrumb a.SkinObject:hover {color:#FFF;}

#company h2 {background:url(images/home-highlight-company-text-bg.jpg) no-repeat; height:28px;}
#role h2 {background:url(images/home-highlight-role-text-bg.jpg) no-repeat; height:28px;}
#advantage h2 {background:url(images/home-highlight-advantage-text-bg.jpg) no-repeat; height:28px;}
/***************** 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;}

.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 0; width:500px; 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:0 0 0 0; width:500px; 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;}