/* --- page styles --- ==================================== */
html,body {
	height: 100%;										/* for centering content */
	margin: 0;											/* for centering content */
	padding: 0;											/* for centering content */
}
body {
	position: relative;							/* for centering content */
	top: 0px;												/* for centering content */
	left: 0px;											/* for centering content */
	font-family: Verdana, Arial, Helvetica, sans-serif;		/* default page fonts */
	font-size: 12px;
	line-height: 1.5em;
	color: #444444;
	background-color: #ffffff; 	/* white */
}

/* --- list styles --- ==================================== */

ul {
	list-style-type: square;
}
ul ul, ol ol, ul ol, ol ul {
	margin-top: 7px;
	margin-left: 0;
	margin-bottom: -7px;
	padding-left: 17px;
}
ul, ol {
	padding-bottom: -7px;
}
ul li, ol li {
	padding-bottom: 7px;
}

ul.noindent {
	margin: 0;
	padding-left: 15px;
}
ul.noindent ul {
	margin-left: 0;
	padding-left: 17px;
}


/* icon bullets for checklists */
ul.checked li, li.checked {
	margin-left: -20px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../images/icons/bg-checked.png) no-repeat top left;
}
ul.unchecked, li.unchecked {
	margin-left: -20px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../images/icons/bg-unchecked.png) no-repeat top left;
}

/* icon bullets for link lists */
ul.mp3, li.mp3 {
	list-style-image: url(../images/icons/icon_audio_sm.png);
}
ul.xls, li.xls {
	list-style-image: url(../images/icons/icon_excel_sm.png);
}
ul.pdf, li.pdf {
	list-style-image: url(../images/icons/icon_pdf_sm.png);
}
ul.ppt, li.ppt {
	list-style-image: url(../images/icons/icon_ppt_sm.png);
}
ul.txt, li.txt {
	list-style-image: url(../images/icons/icon_text_sm.gif);
}
ul.swf, li.swf {
	list-style-image: url(../images/icons/icon_video_sm.png);
}
ul.doc, li.doc {
	list-style-image: url(../images/icons/icon_word_sm.png);
}
li.not {
	list-style-image: url(../images/icons/icon_plain_sm.gif);
}
ul.not a:link, li.not a:link, ul.not a:visited, li.not a:visited, 
ul.mp3 a:link, li.mp3 a:link, ul.mp3 a:visited, li.mp3 a:visited, 
ul.xls a:link, li.xls a:link, ul.xls a:visited, li.xls a:visited,
ul.pdf a:link, li.pdf a:link, ul.pdf a:visited, li.pdf a:visited,
ul.ppt a:link, li.ppt a:link, ul.ppt a:visited, li.ppt a:visited,
ul.txt a:link, li.txt a:link, ul.txt a:visited, li.txt a:visited,
ul.swf a:link, li.swf a:link, ul.swf a:visited, li.swf a:visited,
ul.doc a:link, li.doc a:link, ul.doc a:visited, li.doc a:visited {
	color: #0066cc;
	text-decoration: none;
}
ul.not a:active, li.not a:active, ul.not a:hover, li.not a:hover, 
ul.mp3 a:active, li.mp3 a:active, ul.mp3 a:hover, li.mp3 a:hover, 
ul.xls a:active, li.xls a:active, ul.xls a:hover, li.xls a:hover,
ul.pdf a:active, li.pdf a:active, ul.pdf a:hover, li.pdf a:hover,
ul.ppt a:active, li.ppt a:active, ul.ppt a:hover, li.ppt a:hover,
ul.txt a:active, li.txt a:active, ul.txt a:hover, li.txt a:hover,
ul.swf a:active, li.swf a:active, ul.swf a:hover, li.swf a:hover,
ul.doc a:active, li.doc a:active, ul.doc a:hover, li.doc a:hover {
	color: #008500;
	text-decoration: underline;
}

/* dated lists */
ul.date a:link, ul.date a:visited, 
li.date a:link, li.date a:visited {
	text-decoration: none;
	color: #0066cc;
}
ul.date a:active, ul.date a:hover, 
li.date a:active, li.date a:hover {
	text-decoration: none;
	color: #008500;
}
ul.date a span, li.date span {
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}

/* --- table styles --- ==================================== */

/* default table style */
table caption {								/* sets caption style */
	color: #01719b;
}
table tfoot td {							/* style for table footer */
	padding: 3px 11px;								/* cell padding */
	font-size: .9em;									/* font style */
	line-height: 1.2em;
	color: #016387;
	background: #cadbe6;
}
table th {										/* style for table headings */
	padding: 5px;								/* cell padding */
	font-weight: bold;								/* font style */
	color: #ffffff;
	background: #97b5cd;
}	
table th.sub {								/* style for table subheadings */
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
	color: #3c5d79;
	background: #b3cbdc;
}
table td {													/* style for table cells */
	padding: 5px;								/* cell padding */
	vertical-align: top;							/* align content to top */
	background: #ffffff;
}

/* alternate cell background color, set automatically with class="stripeMe" on alt row, or set manually in tds */
table tr.alt td, table td.alt {/* highlight table cells */
	background: #e8f0f5;
}
table tfoot tr.alt td, table tfoot td.alt {	/* don't show alt on footer */
	background: #cadbe6;
}

/* background color hover over styles for use with class="stripeMe" */
table tr.tover td {						/* highlight table cells on hover */
	background: #99def7;
}
table tfoot tr.tover td {			/* don't show hover on footer */
	background: #cadbe6;
}

/* set individual borders on cells */
table .lb {							/* add a left border to table cells */
	border-left: 1px solid;
}
table .rb {							/* add a right border to table cells */
	border-right: 1px solid;
}
table .tb {							/* add a top border to table cells */
	border-top: 1px solid;
}
table .bb {							/* add a bottom border to table cells */
	border-bottom: 1px solid;
}
/* table with an outer border only */
table.outline {
	border: 1px solid;
}
/* table with lines between rows and with outside border */
table.lined {
	border: 1px solid;
	border-bottom: 0;
}
table.lined th {
	border-right: 1px solid;
}
table.lined th.sub {
	border-right: 1px solid;
}
table.lined td, table.lined th {
	border-bottom: 1px solid;
}

/* table with colored border around all cells */
table.grid {
	border: 1px solid;
	border-right: 0;
	border-bottom: 0;
}
table.grid th, table.grid td  {
	border-right: 1px solid;
	border-bottom: 1px solid;
}
table.grid td.empty {													
	padding: 5px;								
	vertical-align: top;							
	background: #cccccc;
}

/* table with white border around all cells */
table.wgrid {
	border: 1px solid #ffffff;
	border-right: 0;
	border-bottom: 0;
}
table.wgrid th, table.wgrid td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
table .lb,							/* add a left border to table cells */
table .rb,							/* add a right border to table cells */
table .tb,							/* add a top border to table cells */
table .bb,							/* add a bottom border to table cells */
/* table with an outer border only */
table.outline,
/* table with lines between rows and with outside border */
table.lined,
table.lined th,
table.lined th.sub,
table.lined td, table.lined th,
/* table with colored border around all cells */
table.grid,
table.grid th, table.grid td {
	border-color: #83a4be;
}

/* dated  tables */
table.date td {
	padding: 2px 5px;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
} 
table.date td a:link, table.date td a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #0066cc;
} 
table.date td a:active, table.date td a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #008500;
} 

/* --- form styles - others in uni-form.css/uni-form-generic.css --- ==================================== */
/* overwrite default colors in uni-form.css */
/* remove gaps on divs in uni-form.css */
#container .uniForm div, #container .uniForm p { margin: 0; }
#container .uniForm { background: #f8fbed; border: 1px solid #d4e4c3; }	
#container .uniForm fieldset { border: 1px solid #d4e4c3; }
#container .uniForm fieldset legend { color: #333; }
#container .uniForm .blockLabels .formHint { color: #777; }
#container .uniForm .inlineLabels .formHint { color: #777; }
#container .uniForm div.focused .formHint { color: #333; }
#container .uniForm #errorMsg { color: #990000; background: #ffdfdf; border: 1px solid #df7d7d; }
#container .uniForm .error { background: none; border: 0; color: #990000;}
#container .uniForm .error input, #container .uniForm .error textarea {border: 1px solid #990000; background: #ffefef;}
#container .uniForm p.errorField { color: #990000; background: #ffbfbf; border: 1px solid #df7d7d; }
#container .uniForm #errorMsg a:link, .uniForm #errorMsg a:visited { color: #c90d39; }
#container .uniForm #errorMsg a:active, .uniForm #errorMsg a:hover { color: #660000; }
#container .uniForm #OKMsg { color: #009900; background: #c3f3bb; border: 1px solid #80c674; }
#container .uniForm .focused { background: #e9ff8f; color: #000000; }

/* --- link styles --- ==================================== */
a:link, a:visited {						/* default links */
	color: #124397;
	text-decoration: underline;
}
a:active, a:hover {						/* default links */
	color: #2d8ddd;
	text-decoration: underline;
}
a.noline:link, a.noline:visited, a.noline:active, a.noline:hover {
	text-decoration: none;
}
a, *:focus { 
	outline: 0 none; 						/* no dotted border on active links */
}

/* "more" links */
a.more:link, a.more:visited {						/* readmore links */
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
}
a.more:active, a.more:hover {						/* readmore links */
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
}
a.more:after { 
	content:" \0BB";
	text-transform: normal;
}

/* icon imgs for links */
a.mp3, a.xls, a.pdf, a.ppt, a.txt, a.swf, a.doc {
	padding: 2px 20px 2px 0;
	height: 16px;
	background-position: center right;
	background-repeat: no-repeat;
}
a.mp3 { background-image: url(../images/icons/icon_audio.png); }
a.xls { background-image: url(../images/icons/icon_excel.png); }
a.pdf { background-image: url(../images/icons/icon_pdf.png); }
a.ppt { background-image: url(../images/icons/icon_ppt.png); }
a.txt { background-image: url(../images/icons/icon_text.png); }
a.swf { background-image: url(../images/icons/icon_video.png); }
a.doc { background-image: url(../images/icons/icon_word.png); }

/* --- text styles --- ==================================== */

/* center */
.center {
	text-align: center;
}

/* highlight text */
.highlight {
	color: #1d7dcd;
}

/* note text */
.note {
	font-size: .85em;
	line-height: 1.2em;
	color: #84919a;
}

/* rotated text */
.rotate-text { 
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

/* --- collapse/expand div styles --- ==================================== */
/* set higlight color of dropdowns */
.ce-group {
	color: #1d7dcd;
}
#ce-content p { 								/* the thing that gets clicked - change cursor to hand */
	cursor: hand;
	cursor: pointer;
}
#ce-content div { 							/* this holds what's hidden initially */
	padding: 0 30px 0 30px;
}

/* --- heading styles --- ==================================== */
h1 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 28px;
	font-weight: normal;
	color: #2d8ddd;
}
h2 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 18px;
	font-weight: normal;
	color: #233d84;
}
h3 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 17px;
	font-weight: normal;
	color: #65696c;
}
h3.sub {
	font-size: 14px;
}
h4 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 14px;
	font-weight: bold;
	color: #65696c;
}
h1.sub, h2.sub, h3.sub, h4.sub, h5.sub, h6.sub {
	margin-top: 7px;						/* if having one heading follow another (as a subheading), use this class to remove the gap between them */
}
h1.nogap, h2.nogap, h3.nogap, h4.nogap, h5.nogap, h6.nogap {
	margin-bottom: -15px;						
}
#sidepage h1, #sidepage h2, #sidepage h3, #sidepage h4, #sidepage h5, #sidepage h6 {				/* use different colored headings in the side column */
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
}
#sidepage h1 {
	font-size: 16px;
	font-weight: bold;
	color: #2d8ddd;
}
#sidepage h2 {
	font-size: 15px;
	font-weight: bold;
	color: #233d84;
}
#sidepage h3 {
	font-size: 14px;
	font-weight: bold;
	color: #65696c;
}

/* --- image styles --- ==================================== */
img, div { 
	behavior: url(../js/iepngfix.htc) /* ie png fix */
}
.imgframe {														/* border around images */
	margin: 0px 10px 10px 10px;
	padding: 5px;
}
.imgframeng {														/* border around images */
	margin: 0px 0px 0px 0px;
	padding: 5px;
}
.imgframe, .imgframeng {														/* border around images */
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.imgframe-l {													/* border around left images */
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.imgframe-r {													/* border around right images */
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.slideshow {
	background-color: #ffffff;					/* slide show */
}

/* --- horizontal rule styles --- ==================================== */
hr {
	height: 1px;										/* make hr a thin line */
	margin: 22px 0px 0px 0px;				/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	border: 0;											/* don't allow it to have a border */
	background-color: #939598;			/* set hr color in both places for cross-browser use */
	color: #939598;
}

/* --- layout styles --- ==================================== */

/* --- content container --- ==================================== */
#container {/* goes around all but footer */
}

/* --- header styles: header holds logo, nav & tagline (tagline on home only) --- ==================================== */
#header { /* this is the 100% wide container around the header area */
	width: 100%;										/* for centering content */
}
#headercontent {	/* this is the 100% wide centered portion of the header area */
}

/* --- logo --- ==================================== */
#logo {
	display: none;
}
#logo-printonly {								
	font-size: 42px;
	font-weight: bold;	
	color: #1ebc64;
}

/* --- banner --- ==================================== */
#banner { /* this is the stripe */
	display: none;
}

/* --- main menu --- ==================================== */
#nav { /* this is the 100% wide container around the nav area */
	display: none;
}

/* --- main content styles --- ==================================== */
#page {
	clear: both;										/* clear anything above it */
	width: 100%;										/* for centering content */
}
#pagecontent { 	/* this is the 960 wide centered portion of the main content area */
	padding: 30px 0 30px 0;
}
#popup #pagecontent {
}
#mainpage {	 	/* this holds the left column content of the main content area */
}
#home #mainpage {
	display: none;
}
.mainpagebox {
}
.flashbox, #bannerGreen, #bannerGreenOver, .btn_oppvidonswf {
}
#home #sidepage, #colOne, #colTwo, #colThree { 
	float: left; 
	margin: 0 20px 20px 0; 
	border: 1px solid #ccc; 
	padding: 15px; 
	width: 250px;
	height: 250px;
	overflow: hidden;
}
#colOne p, #colTwo p, #colThree p { 
	width: 100% ! important;
}
#sidepage {	 	/* this holds the right column content of the main content area */
}
#home #repbox {
	margin: 0 0 50px 0; 
	border: 0;
}
.sidepagebox {
	padding: 20px 0 0 0;
}
#home .sidepagebox {										/* (normal) all content in the left column should go in a content box */
	padding: 7px 0 0 0;		/* padding around the content */	
}
.sidepagenoprint {
	display: none;
}
#fullpage {
}
#popup #fullpage {
}
.push {/* goes at very bottom of main */
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
}

/* --- side menu --- ==================================== */
#sidenav {
	display: none;
}

/* --- side buttons --- ==================================== */
#button_je {
	float: left;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 98px;
}
.sidepagebox-je #button_je {
	float: none;
	margin: 10px auto;
}
.sidepagebox-je .sidepagebox {
	text-align: center;
}
#button_je a:link, #button_je a:visited {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinje.jpg');
	text-decoration: none;
}
#button_je a:active, #button_je a:hover {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinje_over.jpg');
	text-decoration: none;
}
#button_mm {
	float: left;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 98px;
}
#button_mm a:link, #button_mm: avisited {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinmm.jpg');
	text-decoration: none;
}
#button_mm a:active, #button_mm a:hover {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinmm_over.jpg');
	text-decoration: none;
}
#button_ov {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video.jpg');
}
#button_ov a:link, #button_ov a:visited {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video.jpg');
	text-decoration: none;
}
#button_ov a:active, #button_ov a:hover {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video_over.jpg');
	text-decoration: none;
}
#button_au {
	float: right;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus.jpg');
}
#button_au a:link, #button_au a:visited {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus.jpg');
	text-decoration: none;
}
#button_au a:active, #button_au a:hover {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus_over.jpg');
	text-decoration: none;
}
#ziplookup {
	display: none;
}

/* --- footer styles --- ==================================== */
#footer { 
	clear: both;										/* clear anything above it */
	width: 100%;										/* for centering content */
	font-size: 10px;
}
#footercontent {
}
#mainfooter {
}
#sidefooter {
}
#fullfooter {
}
#footerlinks {
	padding: 0 0 10px 0;
}
#footerlinks strong {
	font-weight: normal;
	font-family: Times New Roman, Times, Times Roman, sans-serif;
}
#footerlinks a:link, #footerlinks a:visited {
	color: #666666;
	text-decoration: none;
}
#copyright {
}

/* --- rep box --- ==================================== */
#repbox {													/* in this design the rep box is inside right column at the top */	
	clear: both;
	margin-top: 30px;
	color: #555555;	
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* rep box font */
	font-size: 95%;
	text-align: left;							/* right align text */
}
#repboxcontent {									/* content holder for repbox */
}
#repbox-img {											/* holder for the image of the rep box */
	float: right;										/* image goes to the right of text */
	padding: 5px;							
	border: 1px solid #c4c4c4;			/* border around the image itself */
	margin-left: 10px;
}
#repbox-text {										/* holder for the text of the rep box */
}
#repbox-text a:link, #repbox-text a:visited {	/* email link */
	text-decoration: none;
	font-weight: bold;
}
#repbox-lic {										/* holder for the text of the rep box */
	clear: both;
	margin: 0;
	padding: 0;
}
.rbfoot {
	color: #205f91;
}

.imagerow, .imagerow-last {
	float: left;
	width: 120px;
	padding: 0 8px 20px 0;								
	font-size: 10px;
	line-height: 1.2em;
	color: #666666;
}
.imagerow img, .imagerow-last img {
	padding-bottom: 3px;
}
.imagerow-last {
	padding: 0;								
}
.imagerow span, .imagerow-last span {
	font-size: 11px;
	color: #1d7dcd;
}

.support-l {
	float: left; 
	margin: 6px 0 0 0;
	width: 465px; 
}
.support-r {
	float: right; 
	margin: 6px 0 0 0;
	width: 465px; 
}
.support-l h2, .support-r h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #0054aa;
}