@import url(/Components/Design/CSS/Editor.css);
/*  enter Main Layout styles */
/*
    enter additional styles about the layout.
*/
body 
{

    background-color:#06243B; 
	
}

/***********************************************
*** HEADER  ************************************
***********************************************/
#header 
{
    z-index: 2;
	min-width:1003px;
	*min-width:100%;	
    width: 100%;
    height: 140px; 
    text-align: center;
    clear: both;    
    background-image: url(/Components/Design/Images/Backgrounds/backgroundHeader.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #9baec1;
}

/***********************************************
*** PAGE HEADER  *******************************
***********************************************/
#pageHeader 
{
    margin: 0 auto;
    width: 975px; 
    text-align: left;
	height:140px;
}

/***********************************************
*** HEADER IMAGE  ******************************
***********************************************/
#headerImage 
{
    float: left;
    margin: 40px 0px 28px 15px; 
}

/***********************************************
*** SEARCH CONTAINER  **************************
***********************************************/
#searchContainer 
{
    float: right;
    margin: 30px 5px 0px 0px;
    padding: 10px 32px 10px 12px; 
    width: 298px;
    height: 24px;    
    background-image: url(/Components/Design/Images/Backgrounds/search-bg.png);
	background-position: left top;
    background-repeat: no-repeat;
	    
}

/***********************************************
*** SEARCH  ************************************
***********************************************/
#searchContainer .search 
{
    clear: both;
}

#searchContainer .search .label 
{
    float: left;
    padding: 3px 7px 4px 7px;
    width: 45px;
    text-align: center;    
    font-family: Palatino Linotype, Times New Roman, Serif;
    font-size: 14px;
    color: #ffffff;
    background-color: #969696;	
}

#searchContainer .search .searchInput
{
    float: left;
    margin: 0;
    padding: 2px 4px;
    width: 199px;
    height: 20px;
	line-height:20px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size:11px;
    color: #777777;
    border: none;
    background-color: #ffffff;
	
}

#searchContainer .search .searchButton
{
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 25px;    
    background-image: url(/Components/Design/Images/Backgrounds/search-button-bg.gif);
	border: 0;	
}

#searchContainer .search .searchButton:hover
{
    cursor: pointer;
}


/*** SEARCH RESULTS  ***/

.search-results-category .title
{
height:17px;
background-color:#f1f1f1;
border: 1px #cccccc solid;
margin: 20px 0 10px 0;
padding: 0 0 0 5px;
}

.search-results-category .link
{
display:none;
}
.search-results-hit a
{
font-weight:bold;
}

/***********************************************
*** ACCESS CONTAINER  **************************
***********************************************/
#accessContainer 
{
    margin: 0px 0px 0px 7px; 
    width: 950px; 
    height: 38px; 	
    clear: both;
}

/***********************************************
*** WELCOME USER  ******************************
***********************************************/
.welcomeUser 
{
	display:none;
}

.welcomeUser .userWelcome
{
  	display:none;
}

/***********************************************
*** CURRENT DATE  ******************************
***********************************************/
.currentDate 
{
    float: left;
    padding: 12px 10px 10px 15px;
    width: 122px;
    overflow: hidden;
}

.currentDate .dateFormat 
{
    font-size: 11px;
    color: #ffffff;
}

/***********************************************
*** CONTENT WRAP  ******************************
***********************************************/
#contentWrap 
{
    z-index: 1;
    margin: 0 auto;
	padding-top:0px;
    padding-bottom: 25px;
	min-width:1003px; 
	*min-width:100%;
    width: 100%;
    text-align: center;
    clear: both;    
    background-image: url(/Components/Design/Images/Backgrounds/backgroundContentWrap.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #9baec1;
}

/***********************************************
*** META NAVIGATION  ***************************
***********************************************/
#metaNavigation 
{
    padding: 5px 0px;
    clear: both;
    width: 935px; /*variable, started 945px;*/
    border-top: 1px solid #ecebea;
    border-bottom: 1px solid #ecebea;    
    text-transform: uppercase;
}


.printbutton img {padding-right:10px;}

/***********************************************
*** CONTENT  ***********************************
***********************************************/
#content
{
    margin: 0 auto;
    padding: 10px 10px 10px 15px;
    left: 0;
    width: 975px;
    text-align: left;    
    background-image: url('/Components/Design/Images/Backgrounds/content-background.png'); 
    background-repeat:repeat-y;
}

/***********************************************
*** CONTENT BODY  ******************************
***********************************************/
#contentBody 
{   
    margin: 15px 0 0;
    min-height: 550px;
    width: 950px;
    background-image: url(/Components/Design/Images/Backgrounds/three-column-bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
}
    
/***********************************************
*** COL1, COL2, COL3  **************************
***********************************************/
#col1, #col2, #col3
{
    float: left;
}


/***********************************************
*** FOOTER  ************************************
***********************************************/
#footer
{
    border-top: 1px solid #c6c6c3;
}

#pageFooter
{
    margin: 0 auto;
    width: 980px;
    text-align: left;
}

/***********************************************
*** FOOTER Content  *******************************
***********************************************/

#footerContent {
    background: transparent;
	width:970px;
	color:#DDDDDD;
}

#footerContent .footerContentInner {
    display:block;
	margin-bottom:20px;
}

#footerContent ol, ul {
    list-style: none outside none;
}

#footerContent .footerLinks {
    float: left;
    margin: 0 30px 0 0;
    width: 150px;
	padding:10px 0 0 20px;
}

#footerContent .footerSpacer {
	float: left;
    margin: 0 0 0 0;
    width: 50px;
	padding:10px 0 0 0;
}

#footerContent .footerLinks a {
    border-bottom: 1px solid #666666;
    color: #DDDDDD;
    display: block;
    font-size: 13px;
    line-height: 23px;
    padding: 0 2px;
    text-decoration: none;
}
#footerContent .footerSpacer {
	float: left;    
    width: 50px;	
}

#footerContent .empCallout {
	width:175px;
	padding:5px 0 0 0;
	float:left;
	text-align:center;
}

#footerContent .empCalloutContentTitle {
	display:block;
	color:#DDDDDD;
	border-bottom:1px solid #666666;
	width:175px;
	height:24px;
	padding:10px 0 0 0;
	margin-bottom:10px;
	font-family:verdana;
	font-size:15px;
	text-transform:uppercase;
	text-align:center;
}

#footerContent .empCalloutContent a {
	color:#DDDDDD;
	text-decoration:none;
}

#footerContent .empCalloutContent a:hover {
	text-decoration:underline;
}

#footerContent .addressInfo {
	width:200px;
	color:#DDDDDD;
	padding-Left:30px;
	line-height:18px;
	float:right;
	padding-top:20px;
}

#footerContent .addressInfo  p {
	color:#DDDDDD;
}

#footerContent .copyright {
	color:#DDDDDD;
	padding-left:0px;
}
 

/***********************************************
*** PAGE TITLE  ********************************
***********************************************/
h1.pageTitle 
{
    padding-bottom: 5px;
    border-bottom: 1px solid #ecebea;
    font-size: 24px;
	text-transform:none; 
	display:block; 
	clear:both; 
}


/***********************************************
*** WIDGETS  ***********************************
***********************************************/
.widgets
{
    width: 100%;
}

/***********************************************
*** WIDGET  ************************************
***********************************************/
.widget 
{
    margin: 0 0 10px 0;
    width: 100%;
}

.widgets.left .widget 
{
    width: 155px;
}

.widgets.right .widget
{
    width: 240px;
}


/***********************************************
*** WIDGET WIDGET TITLE  ***********************
***********************************************/
.widget .widgetTitle
{
    background-color: #ffffff;
}

/***********************************************
*** WIDGET WIDGET TITLE H3  ********************
***********************************************/
.widget .widgetTitle h3, .widget .widgetTitle h4
{
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
	font-weight:bold;
    color: #777777;
    background-color: #fff;
    height: 20px;
    border: 1px solid #d6d6d6;
	border-bottom:3px solid #e3e3e3;
    background: url(/Components/Design/Images/Backgrounds/gradient.jpg);
    padding: 4px 0 0 10px;
    margin: 0;
	text-transform:none;
}

/***********************************************
*** WIDGET WIDGET BODY  ************************
***********************************************/
.widget .widgetBody
{
    padding: 5px 0 15px 0;
    background-color: #f1f1f1;
}

/***********************************************
*** WIDGET WIDGET LINKS WIDGET BODY UL  ********
***********************************************/
.widget.linkswidget .widgetBody ul
{
    margin: 0px 0px 0px 10px;/*new*/
	padding: 0px;/* 0px 12px*/
    margin: 0;
    
    list-style: none;
}

.widget.linkswidget .widgetBody ul li
{
    margin: 0px 7px 0px 10px; 
	padding: 7px 0px 7px 0px; 	
    background: url(/Components/Design/Images/Backgrounds/rule.png) bottom no-repeat;
}

.widget.linkswidget .widgetBody ul li a:link,
.widget.linkswidget .widgetBody ul li a:visited
{
    
	font-size:11px;
    color: #025EAD;
    text-decoration: none;
}

.widget.linkswidget .widgetBody ul li a:active,
.widget.linkswidget .widgetBody ul li a:hover
{
    text-decoration: underline;
}