/* global settings - apply to all pages */

html,body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style:normal;
	color:#000;
	margin:0;
	padding:0;
	line-height: 1.4;
}

.mainpagebody {max-width:700px;}

a {color: #333333; font-weight:bold;}
a:visited {color: #0000FF;}
a:hover {color: #FF0000; background:none;}

/* Redundant syle used for editorial comments */
.comment { background-color:#FFFF00; font-style:italic}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	font-size: 20pt;
	font-weight: bold;
	margin:0;
	padding:0px;
	color: #FF8000;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin:0;
	padding:0px;
	color:#336600;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin:0;
	padding:5px;
	color:#333333;
}

.MargintopA {margin-top:10px;}
.MargintopB {margin-top: 10px;}
.FullWidth {width:712px;}
.CenterColumn {width:522px;}
.SideColumn {width:192px;}
.mainmenu {font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin:0;
	padding: 10px 0px 20px 0px;
	line-height:28px;
	color: #FF8000;
}
.mainmenu a {color: #366138;}
.mainmenu a:visited {color: #006600;}
.mainmenu a:hover {color: #FF8000;}
.footer {
	font-size:10px;
	color:#666666;
	margin: 20px;
}

/* set up 3 section box for section headers */
.floatleft {float: left; width:10%}
.floatright {float: right; width:10%; height:100%;}
.center {
	text-align: center;
	position: absolute;
	left:10%;
	width: 80%;
}

/* Callout boxes */
.callOutBox {margin:0px; position:relative; clear:right;}
.callOutBox h3 {font-size:11pt; padding:4px; text-align:center; vertical-align:top;}
.callOutBox head1 {font-size:11pt; padding:0px; text-align:center; vertical-align:top;}
.callOutBox p {font-size:9pt; line-height:12pt; margin:1em .5em;}
.tablecellfade {background: top url(../images/topfadetowhite3.png) repeat-x;}

/*color settings for individual palettes */
.coOption1 {border:solid 1px #006a89; background:#cce1e7 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption1 h3 {background:#006a89 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption1 a {color: #006a89;}
            .coOption1 li {color:#fff;}
			.coOption1Pad {position:relative; background: #7fb4c4 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}	
			
.coOption2 {border:solid 1px #da753a; background:#f8e3d8 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption2 h3 {background:#da753a url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption2 a {color: #da753a;}
            .coOption2 li {color:#fff;}
			.coOption2Pad {background: #ecba9c url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}
			
.coOption3 {border:solid 1px #f1b12e; position:relative; clear:both; background:#fcefd5 url(../images/topfadetowhite.png) repeat-x;}
            .coOption3 h3 {background:#f1b12e url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption3 a {color: #990000;}
            .coOption3 li {color:#fff;}
			.coOption3Pad {background: #f8d896 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}

.coOption4 {border:solid 1px #008457; position:relative; clear:both; background:#ccffcc url(../images/topfadetowhite.png) repeat-x;}
            .coOption4 h3 {background:#008457 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption4 a {color: #990000;}
            .coOption4 li {color:#fff;}
			.coOption4Pad {background: #66cc99 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}
			
.coOption5 {border:solid 1px #003366; position:relative; clear:both; background:#ccd6e0 url(../images/topfadetowhite.png) repeat-x;}
            .coOption5 h3 {background:#003366 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption5 a {color: #990000;}
            .coOption5 li {color:#fff;}
			.coOption5Pad {background: #7f99b2 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}
			
.coOption6 {border:solid 1px #000000; position:relative; clear:both; background:#cccccc url(../images/topfadetowhite.png) repeat-x;}
            .coOption6 h3 {background:#000000 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption6 a {color: #990000;}
            .coOption6 li {color:#fff;}
			.coOption6Pad {background: #7f7f7f url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}

.coOption7 {border:solid 1px #999999; position:relative; clear:both; background:#F0F0F0 url(../images/topfadetowhite.png) repeat-x;}
            .coOption7 h3 {background:#999999 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption7 a {color: #990000;}
            .coOption7 li {color:#fff;}
			.coOption7Pad {background: #7f7f7f url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}

.coOption8 {border:solid 1px #FFFFFF; position:relative; clear:both; background:#F0F0F0 url(../images/topfadetowhite.png) repeat-x;}
            .coOption8 h3 {background:#F0F0F0 url(../images/bkg3.png) repeat-x; color:#000;}
            .coOption8 a {color: #990000;}
            .coOption8 li {color:#fff;}
			.coOption8Pad {background: #7f7f7f url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}


.coOption10 {border:solid 1px #006a89; background:#cce1e7 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption10 h3 {background:#006a89 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption10 a {color: #990000;}
            .coOption10 li {color:#fff;}
			.coOption10Pad {background: #7f7f7f url(../images/bkg3.png) bottom repeat-x; padding:4px; margin-top:10px;}

.coOption11 {border:solid 1px #ff8000; background:#fee6d4 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption11 h3 {background:#ff8000 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption11 a {color: #990000;}
            .coOption11 li {color:#fff;}
			.coOption11Pad {background: #fbc194 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}
			
.coOption12 {border:solid 1px #1d6ebc; background:#e8f0f8 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption12 h3 {background:#1d6ebc url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption12 a {color: #990000;}
            .coOption12 li {color:#fff;}
			.coOption12Pad {background: #8eb6dd url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}
			
.coOption13 {border:solid 1px #afbf41; background:#ebefcf url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .coOption13 h3 {background:#afbf41 url(../images/bkg3.png) repeat-x; color:#fff;}
            .coOption13 a {color: #990000;}
            .coOption13 li {color:#fff;}
			.coOption13Pad {background: #d7dfa0 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin-top:10px;}


/* Client portal elements */

.keymessage1 { font-size:14px; font-weight:bold; color:#FF0000}
.keymessage2 { font-size:22px; font-weight:bold; color:#FF6600; margin-left:8px;}
.steptitle { font-size:18px; font-weight:bold; color:#006633; margin-left:2px;}

/* Hompage elements */
		
		.bbox1 {border:solid 1px #006a89; background:#cce1e7 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .bbox1 h3 {background:#006a89 url(../images/bkg3.png) repeat-x; color:#fff; text-align:center;}
            .bbox1 a {color: #006a89;}
            .bbox1 li {color:#fff;}
			 .bbox1 p { margin:8px;}
			.bbox1Pad {position:relative; float:left; background: #7fb4c4 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin:4px 4px 0 6px; width:225px;}
			
			.bbox2 {border:solid 1px #da753a; background:#f8e3d8 url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .bbox2 h3 {background:#da753a  url(../images/bkg3.png) repeat-x; color:#fff; text-align:center;}
            .bbox2 a {color: #da753a;}
            .bbox2 li {color:#fff;}
			.bbox2 p { margin:8px;}
			.bbox2Pad {position:relative; float:left; background: #ecba9c  url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin:4px 4px 0 7px; width:225px;}
			
			.bbox3 {border:solid 1px  #f1b12e; background:#fcefd5  url(../images/topfadetowhite.png) repeat-x; position:relative; clear:both;}
            .bbox3 h3 {background:#f1b12e   url(../images/bkg3.png) repeat-x; color:#fff; text-align:center;}
            .bbox3 a {color: #990000; }
            .bbox3 li {color:#fff;}
			.bbox3 p { margin:8px;}
			.bbox3Pad {position:relative; float:left; background: #f8d896 url(../images/topfadefromwhite.png) bottom repeat-x; padding:4px; margin:4px 4px 0 7px; width:225px;}
		
		
.topsection {
	border:#dddddd 4px solid;
	margin:12px;
	margin-left:4px;
	height:100px;
	min-height:100px;
	width:340px;
	background: url(../images/bkg2.png) left no-repeat;
	}

.topsection a { 
	color:#333333;
	}
.topsection a:hover {
	font-style:normal;
	color: #000000;
	}
.topsectionimage {
	float:right; 
	padding-left:8px;
	border:none;
}
.topsection p {
 	text-decoration:none; 
	font-style:normal; 
	color:#333333;
	padding-left: 5px;
	margin-top: -0px;
}

.homepageevents {
	border:#dddddd 4px solid;
	margin:12px;
	margin-left:4px;
	width:225px;
	background: #FFFFFF;
	}

.homepageevents H3 {
	background: #CCCCCC url(../images/bkg3.png) repeat-x; color:#000000;
	text-align:center;
	}

.homepageevents p {
	padding: 0 6px 0 6px;
	font-size:12px;
	}


.homepagevideo {
	margin: 4px 0 10px 0 ;
	width: 221px;
		min-height:74px;
}


	/* Hompage login box elements */
		.loxinbox {
		color: #00FF00;
		font-size:12px;
		}
		.loginbox p {
		color:#00FF00;
		font-size:10px;
		}
		.loxinboxnotes {
		color: #0000FF;
		font-size:10px;
		float:right;
		}

/* end of homepage elements */

.rightsidebar {
	float:right;
	width:150px;
	margin-left:12px;
	position: relative;
}
.rightsidebar p {
color:#333333;
font-size:10px;
}

/* elements for video overlay added Dec 2009 - just styling - do not affect video */

		.advert_badge {width:200px; height:90px; float:left; background-image:url("images/panels/badge_template.gif"); background-color:#09f;}

		.advert_badge img {float:right; padding-left:5px;}

		.advert_badge p {margin:0; padding:10px 0 10px 10px;}

		.advert_badge a, .advert_badge p {color:#fff !important; font-size:9pt !important; line-height:12pt !important;}
