﻿/* Standard styles ============================================================*/
/* These two allow em to mirror px, so 1.0em = 10px */
html { font-size:62.5%; margin:auto; line-height:110%; }
input, select, th, td { font-size:1em }

/* Standard styles ============================================================*/
body {
	background-color:white;
	font-family:Garamond, Times New Roman, times, serif; font-size:1.3em; /* size bumps up Times from original Arial */
	color:Black;
}

/* Unless it's supposed to get padding, it won't have any; set by ID or class unless element is listed below */
* { margin:0px; padding:0px; }
p { margin: 0px 0px 1em 0px;}
h1, h2, h3, h4, h5, h6 { margin-bottom:1em; }

/* Defaults images to block elements and prevents inadvertent anchor borders */
img { display:block }
a img { border: none; }

a:link { color:#336699; text-decoration: none; }
a:visited { color:#336699; text-decoration: none; }
a:hover { text-decoration: underline; }

.bigger120 { font-size:1.2em }
.emphasize { font-weight:700; }

/* Used to provide proper column heights on all browsers */
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; }
* html .clear { height: 1px; }

/* IDs and Named Classes ==============================================================*/

/* Structure ==============================================================*/
/* Use enclose div if they have an overall background image
#enclose { background:white url('../images/site_bkgrnd.jpg') repeat-x; width:100%; }
*/
#container { width:818px; margin:auto; margin-top:10px; background:white; border-left:1px #666666 solid; border-right:1px #666666 solid}
#header { height:132px; background:#355a8e url('images/header_bg.jpg'); border-top:1px #666666 solid; border-bottom:1px #325a8f solid; }
#topNav { border-top:1px #666666 solid; border-bottom:1px #666666 solid; background:silver url('images/topnav_bg.jpg') repeat-x scroll left top; font-size:1.2em; padding:10px 10px; }
#themeBand { height:62px; background:white url('images/themeband_bg.jpg') repeat-x scroll left top; }
#separator { height:19px; background:#ff9900 url('images/separator_bg.gif') repeat-x scroll left top; }
#content { padding:20px 20px 10px 20px; background:white; }
#footer { background:#96bae1; border-bottom:1px #666666 solid; border-top:0px; text-align:center; font-size:1.1em; }
#footer p { margin-bottom:.3em; }
#footerStripeTop { height:9px; background:#c7d1e3; }
#footerStripeBottom { height:2px; background:#4789c5; }
#footerContent { padding:4px 10px;  }

#footerContent ul { list-style-type:none }
#footerContent ul li { display:inline; }

#topNav ul { list-style-type:none }
#topNav ul li { display:inline; margin-right:3em; }
#topNav a:link { color:black; }
#topNav a:visited { color:black }

#content { font-size:1.2em; line-height:1.2em; }
#content h1 { font-size:1.5em; font-weight:700; }
#content h2 { font-size:1.3em; font-weight:700; }
#content h3 { font-size:1.1em; font-weight:700; }
#content ul, .homeContentBox ul { list-style:square; margin-left:20px; padding-left:20px; margin-bottom:20px; }
#content ul li, .homeContentBox ul li { line-height:1.4em; }

#homeContentSeparator { background:#96bae1; border-top:4px #cbd3e3 solid; border-bottom:4px #c1d1e2 solid; padding:2px 20px 2px 0px;}
#homeContentSeparator, #memberLinks { font-size:1.1em; color:#336699; font-weight:700; line-height:1.2em; text-align:right }
#homeContentBoxesSurround { background:#cccccc; padding:18px 0px 18px 18px; }
.homeContentBoxTop { width:378px; background:#355a8e; border-bottom:4px #96bae1 solid; text-align:center; color:white; font-size:1.4em; font-weight:700; padding:3px 0px; }
.homeContentBox { padding:10px; font-size:1.2em; line-height:1.2em; min-height:150px; }
#homeContentLeftBox { width:378px; background:white; float:left; margin-right:26px; }
#homeContentRightBox { width:378px; background:white; float:left;}
li.continueItem { list-style:none }

.homeContentBoxTop a:link { color:white; text-decoration: none; }
.homeContentBoxTop a:visited { color:white; text-decoration: none; }
.homeContentBoxTop a:hover { text-decoration: none; }

.affiliateContentBoxesSurround { padding:0; margin:0 0 6px 0; }
.affiliateContentBox { padding:2px; }
.affiliateContentLeftBox { width:300px; float:left; margin-right:26px; }
.affiliateContentRightBox { width:300px; background:white; float:left;}

.floatBlock { float:left; margin-right:20px; }
.help { font-size: 95%; color: Gray; }


