/* Overall,the CSS needs alot of work */
body, html  
{
    margin:0; 
    padding:0; 
    font-size:85%; 
    font-family:verdana, arial, helvetica, sans-serif; 
    background:#FFF; 
    color:#707070;
}

#wrap 
{
    width:1024px;
    margin:0 auto;
    float:left;
    background-image: url(img/bg_layout.png);       /* (Alex) This is for a trick creating equal columns in a fixed size, see http://www.alistapart.com/articles/fauxcolumns/ under "The cheat" */
}

#header
{
    background-color: #FFF;
    overflow: hidden;
}

#sidebar 
{
    float:left;
    width:200px;
    padding-bottom: 10px;
}

#main
{
    float:right;
    width:824px;
    padding-bottom: 10px;
}

#footer 
{
    position:relative;
    clear:both;
    width:1010px;
    background-color:#DDDDDD;
    padding-left: 15px;
    border-top: solid 1px #FFF;
}


 .stdContentPanel 
 {
     padding: 15px 10px 0 10px;
 }


input[type="text"], input[type="password"], textarea 
{
    padding: 4px;
    border: solid 1px #85b1de;
    background-color: #EDF2F7;
    /* background-color: #F0FCFF; */
    background-image: url( 'img/bg_blue.png' );
	background-repeat: repeat-x;
	background-position: top;
}

h1
{
    font-size: 175%;
    margin-top: 0;
}

h2
{
    font-size: 150%;   
    margin-top: 0;
}


/* Print friendly header - appears only on the "print friendly" CSS, not on the screen or print CSS */
/*
div#printfriendly { display:none ; }
div#pfHeaderImg { display:none ; }
*/

/* Page header and it's nested content divs */
div#pageHeaderBtmTrim { position:relative; height:16px; text-align: center; background-color:#FFF; background-position:top left; width: 1024px; background-image: url('../images/headers/std_header.jpg'); overflow: hidden;}

/* START General content area styles */
/* div.container table { width:100% ; border-collapse:collapse ; } */
	th { text-align:left ; }
	td { vertical-align:top ; }
	img { border:none ; }

div#hdrGraphics { position:relative; padding: 10px 0 10px 20px; float:left; overflow: hidden;}
	/* Override for specific templates (left: 301px if text-align: center) */
div#home div#hdrGraphics { position:relative; left:20px ; top:10px ; width:400px ; text-align:left ; }
	
/* Breadcrumbs */
div#breadcrumbs { position:relative ; margin:0 ; padding: 0px 0 0 2px; border-top: solid 5px #FFF; left: 0px ; width: 1024px; height:15px ; color:#666666 ; font-size:11px ; background:transparent url('img/breadcrumb_bg.png') top left no-repeat; }
	div#breadcrumbs a { color:#000000 ; text-decoration:underline ; }
	div#breadcrumbs a:hover { color:#000000 ; text-decoration:none ; }
	/* Override for specific templates */
	div#home div#breadcrumbs { display: inline ; }
	
/* User Links */
div#userLinks {float: left; left:220px; width:795px ; height:30px ; padding: 0 ; text-align:right;}
	div#userLinks ul { margin:0 ; padding: 8px 20px 5px 0 ; list-style-type:none ; }
	div#userLinks li { display:inline ; }
	div#userLinks ul li.first a { padding:11px 10px 0 25px; border-left:none ; }
	div#userLinks ul li { padding: 8px 0px 10px 0px ; margin-right:-5px;}
	div#userLinks a { border-left:1px solid #000 ; padding:0px 5px ; font-size:11px ; color:#000 ; text-decoration:none ; }
	div#userLinks a:hover { text-decoration:underline ; }
	
/* Content body information */
div#pageBody { float:left ; width: 1024px; height:335px;}
	div#pageBody2 div.ColumnLeftBtm { float:left ; width: 1024px;}

div#divContentLeftX {float:left;}

/* Main content areas */

div.contentLeft div.columnLeftBg{position:relative ; left:0px; top:155px;}
div.columnLeftBg {width:200px ; height: 320px; background:transparent url('img/outer_col_bg.gif') repeat-x ; }
/* div.contentRight{position:absolute; padding: 0 0 0 0; left:839px; top: 152px; width:185px; height:320px; background:transparent url('img/outer_col_bg.gif') repeat-x; } */
div.contentRight{position:absolute; left:633px; width:185px; top:0px; height:318px; background:transparent url('img/outer_col_bg.gif') repeat-x; }



div.pageBackgroundBtmTrim {position:relative ; left:0px; top:480px; width:1024px; height:38px; background:transparent url('img/btm_bg.png') repeat-x ; }
div.ColumnLeftBtm div.loginModule{ float:left; height:390px; width:200px; }

/* Login */
div.loginModule {position:relative; left:0px; top:25px; border: none; clear:left; text-align:left ; z-index:25; margin-top: 0px;  padding-left: 5px; border-top: dotted 1px #000000; border-bottom: dotted 1px #000000;}
	div.loginModule fieldset { border: none; margin: 0px; padding: 5px ;  margin-top: 5px;   }
	.labelUserInfo {text-align: left; margin-right:4px ; padding-left:10px; color:#093260 ; font-size:11px ; font-weight:bold ; width: 120px;}
	div.inputUserInfo { vertical-align:bottom ; width:165px;}
	a.lnkSubmit {padding-left: 5px; }
	
    div.columnDiv {position:relative ; left:200px; top:480px; height: 425px; width:10px; background:transparent url('img/btm_div.png') ;  background-repeat: repeat-y;  }	
	div.columnMiddle {position:relative; text-align:center; clear:both; width:auto;}
	div.subSelectionImageBox {position: relative; top: 5px; text-align: center;}

    div.columnMiddleText {position:relative; top:10px; font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#666666; clear:both; width: 800px;}
	div.columnMiddleText h1 { margin:0 ; padding: 0 ; font-family:verdana, arial, helvetica, sans-serif ; font-weight:bold ; font-size:16px ; line-height:18px ; color:#666666 ; }

	

/* Navigation menu setup */
.navMenuItemDynamic
{
	/*
    background-color : #CCDDFF;
	border : solid 2px #FFFFFF;
	*/
    border: solid 2px #FFFFFF;
	background-color: #FFFFFF;
}

.navMenuDynamic {           
    z-index: 1;                     /* Needed for an IE8 standards mode fix */
    border: solid 1px #000;
}

.navMenuItemStatic
{
}


div.columnDiv2 {position:relative ; left:200px; top:480px; height: 425px; width:10px; background:transparent url('img/btm_div_500.png') ;  background-repeat: repeat-y;  }	


/* Executive Management Team (taken from scpil.com) */

.leaderContent
{
	float: left;
	height: 355px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 35px;
	/* width: 820px; */
}

.leaderSidebar
{
    position: relative;
    margin: 0px 25px 0px 25px;
}

.leaderImage
{
    float: left;
}

.leaderLabel a{
	background: #006ab3;
	color: #ffffff;
	float: left;
	height: 20px;
	left: 0px;
	line-height: 18px;
	padding: 0px 0px 0px 5px;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 195px;
}

.leaderLabel a.current .leaderSubLabel {
	background: #7cb6de;
	color: #ffffff;
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

.leaderLabel a.current, .leaderLabel a.current:hover {
	background: #006ab3;
	color: #e89710;
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

.leaderLabel a:hover .leaderSubLabelDbl, .leaderLabel a:hover .leaderSubLabel, .leaderLabel a:hover, .NormalText a:hover, .footerRow .footerText a:hover, .hyperLinkText:hover, .containerText:hover { color: #e9941a; cursor: pointer; }

.leaderSubLabel {
	background: #7cb6de;
	color: #ffffff;
	float: left;
	font-weight: bold;
	height: 20px;
	left: -5px;
	line-height: 18px;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 0px;
	vertical-align: text-top;
	width: 200px;
}


/* Contact Us */
.leftBlock{position:relative; clear:left; float: left;}
.rightBlock{position:relative; clear:right; float: right;}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


/* Solutions Page */
li.linkList
{
    padding-bottom: 10px;
}


/* Default Front Page */
.mainFrontPage{position:relative; left:6px;}


/* Left Panel */
.leftPanel{position:relative; clear:left; float:left; width: 200px;}
.mainContent{position:relative; float:left; clear: both;}