/* Tables styles must be defined so EWE will look the same as the site */
table tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#gscContainer {
    margin-right: 20px;
    margin-left: 20px;
} 

#fullpage{ 
 width:786px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#branding{
 position:relative; 
 height:112px; 
 width:100%;
} 
#middle{
	background-image: url(images/middle-bkg-tile.gif);
	background-repeat: repeat-y;
}

#left{
	width:155px;
	float:left;
	position:relative;
  }
 
#middleandright{
	width:631px;
	float:right;
	position:relative;
  }
 
#right{
	width:155px;
	float:right;
	position:relative;
 }
 
#content{ float: left; 
 display:inline; 
 position: relative; 
 width:476px; 
 }
#middlebottom{
	height:7px;
	clear:both;
	background-image: url(images/middle-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
 } 

#footer{
	width: 100%;
	clear:both;
	background-color: #FFFFFF;
 } 

 
/* TOP BRANDING STYLES */
#brleft{
	width:155px;
	height:112px; 
	float:left;
	position:relative;
	background-image: url(images/login-bkg.gif);
	background-repeat: no-repeat;
	background-position: top;
 }
 
#brmiddleandright{
 width:631px; 
 float:right; 
 position:relative; 
  }
 
#brright{
	width:155px;
	height:112px;
	float:right;
	position:relative;
	background-image: url(images/signup-bkg.gif);
	background-repeat: no-repeat;
	background-position: top;
 }
 
#brmiddle{
	float: left;
	display:inline;
	position: relative;
	width:476px;
	height:112px;
	background-image: url(images/branding-bkg-center.gif);
	background-repeat: no-repeat;
	background-position: top;
 }
/* END TOP BRANDING DIVS */

#loginandsearch {
    width:176px;
    height: 122px;
    float:right;
    position:relative;
    padding-right: 0px;
    background-image: url(images/header-bkg-rt.gif);
    background-repeat: no-repeat;
}

#login {
    width:161px;
/*
    float:right;
    position:relative;
*/
    padding-top: 7px;
    padding-left: 15px;
}

#login_label_img {
    border: 0;
    width:  125px;
    height: 11px;
}

#login_form {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 12px;
}

#login_form_username {
    font: 10px Verdana;
    display: block;
    width: 125px;
    margin-top: 4px;
}

* html #login_form_username {margin-top: 0px;}

#login_form_password {
    display: block;
    width: 125px;
    padding-top: 2px;
}

* html #login_form_password {padding-top: 0px;}

#login_form_password_text {
    font: 10px Verdana;
    display: block;
    width: 125px;
}

#login_form_password_input {
    font: 10px Verdana;
    display: none;     /* Hide the password input until user intacts with it */
    width: 125px;
}

#login_btn_link {
}

#login_btn_img {
    margin-top: 3px;
    border: 0;
    width: 66px;
    height: 21px;
}

#login_forgot {
    padding-left: 5px;
    text-align: center;
}

#login_forgot_link:link,
#login_forgot_link:visited {
    line-height: 105%;
    text-decoration: underline;
    color:#072a8e;
    font: 9px Verdana;
}

#login_forgot_link:hover {
    color:#072a8e;
    text-decoration: underline;
}

#login_salutation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 100%;
    font-weight: bold;
    color: #072a8e;
    margin: 0px;
    padding: 0px;
}

#login_username
{
	width: 140px;
	height: 12px;
	overflow: hidden; /* --- prevents long names from breaking layout (width/height required) --- */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#login_logoutbtn_link {
}

#login_logoutbtn_img {
    border: 0;
    width: 80px;
    height: 21px;
    padding-top: 5px;
}

#signupbtn {
    border: 0;
    width: 145px;
    height: 23px;
    padding-top: 39px;
    padding-left: 5px;
}
#search {
    width: 139px;
/*
    float:right;
    position:relative;
*/
    height: 30px;
    padding-left: 5px;
    margin-left: 10px;
    margin-top: 0px;
}




#search_form {
margin: 0px;
/*padding: 3px 5px 0px 5px;*/
}

#search_form_input {
    float: left;
    position: relative;
    font: 10px Verdana;
    width: 103px;
    padding-top: 3px;
    padding-left: 3px;
}

#search_form_btn {
}

#search_form_btn_img {
    float: right;
    position: relative;
    border: 0px;
    width: 30px;
    height: 20px;
    padding-top: 3px;
    padding-right: 3px;
}


/****
#login_label {
}

#login_form {
}

#login_form_username {
    font: 10px Verdana;
    display: block;
    width: 125px;
    padding-top: 2px;
}

#login_form_password {
    font: 10px Verdana;
    display: block;
    width: 125px;
    padding-top: 3px;
}
#login_form_password_text {
    font: 10px Verdana;
    display: block;
    width: 125px;
}

#login_form_password_input {
    font: 10px Verdana;
    display: none;
    width: 125px;
}

#login_btn {
}

#login_btn_img {
    border: 0;
    width: 66px;
    height: 19px;
    padding-top: 5px;
    float: left;
}

#login_forgot {
    width: 60px;
    float: right;
    padding-right: 30px;
    padding-top: 3px;
    line-height: 105%;
    text-align: center;
}

#login_forgot a:link{
    color: #fff;
}
#login_forgot a:link,
#login_forgot a:visited {
    color: #fff;
    text-decoration: none;
}
#login_forgot a:hover {
    color:#fff;
    text-decoration: underline;
}

#login_forgot_link {
}

#login_logoutbtn {
}

#login_logoutbtn_img {
    border: 0;
    width: 66px;
    height: 19px;
}


#search {
}

#search_form {
}

#search_form_input {
    font: 10px Verdana;
    width: 80px;
}

#search_form_btn {
}

#search_form_btn_img {
    border: 0;
    width: 30px;
    height: 20px;
}
*****/

#title{
	float: left;
	display:inline;
	position: relative;
	width:466px;
	height: 102px;
	background-image: url(images/header-mid-bkgtile.gif);
	background-repeat: repeat-y;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #6396d4;
 }
#titleart{
	float: left;
	display:inline;
	position: relative;
	width:466px;
	height: 102px;
 }

#topper{
	height:16px;
	clear:left;
	background-image: url(images/header-topgap-ctr-bkg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #5a8dca;
 } 

/* END TOP BRANDING STYLES */

/* CENTER CONTENT STYLES */

#contenttext {
	margin: 0px;
	padding-top: 7px;
	padding-right: 26px;
	padding-bottom: 10px;
	padding-left: 26px;
}

#contenttext .breadcrumb, #contenttext .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	font-size: 10px;
	color: #5c73bf;
	padding-bottom: 2px;
	padding-left: 5px;
}
#NOTcontenttext .breadcrumb a {color:#4973a5;}

/***
  NOTE: This style should be fixed when the styles below are fixed (it
        should be a conditional style: global (for EWE) and contenttext)
***/
#contenttext img {
	padding: 0px;
	margin: 2px;
}

/***
  NOTE: The styles below used to be restricted to the contenttext div,
        but we have found that they must be global or EWE doesn't see them
        (becuase EWE knows noting about the contenttext div).
        We need to fix this by ASP to conditionally change them from #contenttext
        to global depending on the presence of an argument (like "editor=yes").
***/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px; 
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #003399;
	background-image: url(images/contenttitle-bkg.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 2px;
	background-position: top;
}

ul {
	margin-top: 5px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 15px 3px 0px;
}
/* END CENTER CONTENT STYLES */

/* PROMO STYLES */

.promo_left {
display:none;
	background-image:url(images/promo-bkg-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 171px;
	padding: 0px 0px 16px;
	margin: 0px 0px 7px;
}
.promo_left p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #123b6d;
	background-image: url(images/promo-midbkg-tile.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px 10px 0px 12px;
}
.promo_left h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #123b6d;
	background-image: url(images/promo-bkg-h1-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 10px 0px 0px 12px;
}
.promo_left a {color:#123b6d;}

.promo_left h1 a:link,
.promo_left h1 a:visited {
	color: #123b6d;
	text-decoration: none;
}
.promo_left h1 a:hover {color:#0d52a6;
	text-decoration: underline;
	}
.promo_left img {
	background-color:#FFCC99;
}

.promo_right {
	width: 155px;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
	background-image: url(images/promo-bkg-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.promo_right p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #00299c;
	margin: 0px 0px;
	padding: 2px 7px 2px;
	background-color: #eceff9;
	line-height: 115%;
}
.promo_right h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00299c;
	margin: 0px;
	padding: 5px 7px 3px;
	background-image: url(images/promo-bkg-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	line-height: 105%;
}
.promo_right a {color:#00299c;}

.promo_right h1 a:link,
.promo_right h1 a:visited {
	color: #00299c;
	text-decoration: none;
}
.promo_right h1 a:hover {color:#00299c;
	text-decoration: underline;
	}
.promo_right img {
	padding: 0px;
	margin: 2px;
}


/* ADVERTISEMENT STYLES */

.advertisement_left {
display:none;
    width: 100%;
	text-align:center;
}

.advertisement_right {
    width: 100%;
	text-align:center;
}

/* NAVIGATION STYLES */
#navmain{
	float:right;
	background-image: url(images/nav-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#navbottom{
display:none;
	float:right;
	height:12px;
	width:155px;
	background-image: url(images/nav-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	}
#navmain ul
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px;
	line-height: 110%;
	background-image: url(images/nav-top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#navmain li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
}


/* STYLES FOR ALL NAVITEMS THAT ARE NOT IN THE EXPANDED TREE */
#navmain .navitem a
{
	display: block;
	padding: 4px 0px 4px 10px;
	width: 145px;
	border-top: 1px solid #f8faff;
	border-bottom: 1px solid #afbde7;
	text-decoration: none;
	margin: 0px;
	background-color: #d9e0f5;
	background-image: url(images/nav-bkg-n-tile.gif);
	background-repeat: repeat;
}
#navmain .navitem a:link, #navmain .navitem a:visited
{
    color: #5c73bf;
    text-decoration: none;
}
#navmain .navitem a:hover
{
	color: #ffb872;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #113356;
	background-color: #00299c;
	background-image: url(images/nav-bkg-h-tile.gif);
	background-repeat: repeat;
 }

/* BASIC STYLES FOR ALL EXPANED TREE LEVELS */
#navmain .level0, #navmain .level1, #navmain .level2, #navmain .level3, #navmain .level4
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #00299c;
	line-height: 110%;
}
#navmain .level0 a, #navmain .level1 a, #navmain .level2 a, #navmain .level3 a, #navmain .level4 a
{
	display: block;
	padding: 4px 0px 4px 10px;
	width: 145px;
	border-top: 1px solid #00299c;
	border-bottom: 1px solid #00299c;
	text-decoration: none;
	background-image: url(images/nav-bkg-subnav-a-tile.gif);
	background-repeat: repeat-y;
	font-size: 10px;
	text-transform: uppercase;
}
#navmain .level0 a:link,    #navmain .level1 a:link, #navmain .level2 a:link, #navmain .level3 a:link, #navmain .level4 a:link,
#navmain .level0 a:visited, #navmain .level1 a:visited, #navmain .level2 a:visited, #navmain .level3 a:visited, #navmain .level4 a:visited
{
    color: #00299c;
    text-decoration: none;
}

#navmain .level0 a:hover, #navmain .level1 a:hover, #navmain .level2 a:hover, #navmain .level3 a:hover, #navmain .level4 a:hover
{
	color: #ffb872;
	background-image: url(images/nav-bkg-subnav-h-tile.gif);
	background-repeat: repeat-y;
}


/* STYLES FOR ALL SUB-LEVELS */
#navmain .level0 a 
{
	display: block;
	padding: 4px 0px 4px 10px;
	width: 145px;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #00299c;
	border-bottom: 1px solid #00299c;
	text-decoration: none;
	background-image: url(images/nav-bkg-subnav-a-tile.gif);
	background-repeat: repeat-y;
	margin: 0px;
	text-transform: none;
}
#navmain .level1 a 
{
	padding: 4px 0px 4px 20px;
	width: 135px;
}
#navmain .level2 a 
{
	padding: 4px 0px 4px 30px;
	width: 125px;
}
#navmain .level3 a 
{
	padding: 4px 0px 4px 40px;
	width: 115px;
}
#navmain .level4 a 
{
	padding: 4px 0px 4px 50px;
	width: 105px;
}

/* SELECTED STATE STYLE FOR SELECTED NAV ITEM */
#navmain .selected a:link, #navmain .selected a:visited, #navmain .selected a:hover
{
	color: #00299c;
	border-top: 1px solid #00299c;
	border-bottom: 1px solid #00299c;
	background-image: url(images/nav-bkg-a-tile.gif);
	background-repeat: repeat-y;
}

/* EXPANDED STATE STYLE (IF ANY) */
#navmain .expanded a:link, #navmain .expanded a:visited, #navmain .expanded a:hover
{
	text-decoration: underline;
}
/* END NAVIGATION STYLES */

/* FOOTER STYLES */
#ftwidth{
	width:786px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	padding-bottom: 20px;
} 
 
#ftleft{
 width:165px; 
 float:left; 
 position:relative;
 vertical-align: middle;
 padding-top: 20px; 
 }
 
#ftmiddleandright{
	width:621px;
	float:right;
	position:relative;
  }
 
#ftright{
 width:155px; 
 float:right; 
 position:relative;
 vertical-align: middle;
 padding-top: 20px;
 }
 
#footertext{
	float: left;
	display:inline;
	position: relative;
	width:466px;
	padding-top: 5px;
 }
#footertext p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 115%;
	font-weight: normal;
	color: #4D6599;
	text-align: center;
	margin: 0px;
	padding: 0px 15px 0px 10px;
}

#footertext p a:link,
#footertext p a:visited {
	color: #4D6599;
	text-decoration: none;
}
#footertext p a:hover {color:#4D6599;
	text-decoration: underline;
	}

/* END FOOTER STYLES */

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#left{display:none;} 

/*hide the right column when printing*/ 
#right{display:none;} 
#middlebottom{display:none;}
#middleandright, #content{width:100%; float:none;}

#middle{
	background-image:none;
	width:80%;
	margin-right: auto;
	margin-left: auto;
} 
#login{display:none;}
#header{background-image:none;}
#footer{background-image:none;}
#logo{background-image:none;} 
#title{background-image:none;}
#topper{background-image:none;}
#verybottom{background-image:none;}
#contenttext h6{background-image:none;}
html, body{
	background-image:none;
}
#branding{background-color:#4a7bb7;}
#footertext p {color:#000000;}
}