/* CSS Document */
/* Basic Formatting
====================================================================*/

/* Zero down margin and paddin on all elements */
* {
margin: 0;
padding: 0;
}

html {
background-color: #ccc;
}

body {
font: 66%/1.6 Arial, Helvetica, sans-serif;
text-align: center;
min-width: 1000px;
}

h1 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.25em;
color: #1a578d;
}

h2 {
font-size: 1.2em;
font-weight: bold;
}

p {
font-size: 1.2em;
}

li, table, td, tr {
font-size: 12px;
}

h1, h2, p {
margin: 1em 0;
}

.red {
color: #FF0000;
font-style:italic;
}

/* Header
====================================================================*/
#branding {
margin: 0 auto;
padding: 0;
height: 162px;
width: 100%;
background: url(1031x_img/finalheader775.jpg) no-repeat;
}

#branding h1 {
margin: 0;
position: relative;
top: 65px;
font-size: 2em;
text-align: right;
font-style: italic;
padding-right: 20px;
line-height: 1.0em;
color: #fff;
}

#branding h1 a {
color: #fff;
text-decoration: underline;
}

#branding table {
position: relative;
top: 90px;
color: #fff;
font-size: 12px;
padding-top: 0px;
}

#branding table a {
color: #fff;
font-size: 12px;
padding: 10px;
}

/* Layout Begins
====================================================================*/
#wrapper0 {
width: 775px;
margin: 0 auto; 
background: url(1031x_img/FinalbgCol.jpg) repeat-y left top;
}

#wrapper1 {
width: 775px;
margin: 0 auto; 
text-align: left;
background: url(1031x_img/FinalBG.jpg) no-repeat 0 162px;
}

#wrapper2 {
margin: 0;
padding: 0;
width: 82%;
float: right;
}

/* Top Menu
====================================================================*/
#topMenu, #topMenu ul {
float: left;
width: 100%;
list-style: none;
line-height: 1.1em;
font-weight: bold;
padding: 0;
border: solid #fbde92;
border-width: 0 0;
margin: 0em 0 1em 0;
}

#topMenu a {
display: block;
width: 12em;
w\idth: 8em;
color: #000;
text-decoration: none;
padding: 0.25em 2em;
}

#topMenu li {
float: left;
padding: 0;
width: 12em;
color: #ffff32;
}

#topMenu li ul {
position: absolute;
left: -999em;
height: auto;
width: 13.5em;
w\idth: 13em;
font-weight: normal;
border-width: 0.25em;
border-color: #000;
margin: 0;
background: #fff;
}

#topMenu li li {
padding-right: 1em;
width: 12em;
border-bottom: 1px solid #000;
}

#topMenu li ul a {
width: 13em;
w\idth: 9em;
}

#topMenu li ul ul {
margin: -1.75em 0 0 14em;
}

#topMenu li:hover ul ul, #topMenu li:hover ul ul ul, #topMenu li.sfhover ul ul, #topMenu li.sfhover ul ul ul {
left: -999em;
}

#topMenu li:hover ul, #topMenu li li:hover ul, #topMenu li li li:hover ul, #topMenu li.sfhover ul, #topMenu li li.sfhover ul, #topMenu li li li.sfhover ul {
left: auto;
}

#topMenu li:hover, #topMenu li.sfhover {
background: #1a578d;
}

#topMenu ul li a:link {
color: #000;
}

#topMenu ul li a:visited {
color: #4F4F4F;
}

#topMenu ul li a:active {
color: #000;
}

#topMenu ul li a:hover {
color: #FFF;
}

/*============================ Side Menu ================================*/
.sideMenuTitle p {
margin: 1em 0;
padding: 0.5em 0 0.5em 0.5em;
width: 128px;
font-size: 9pt;
line-height: 1.2em;
font-weight: bold;
color: #000;
background-color: #ffff32;
}

#sideMenu, #sideMenu ul { /* all lists */
padding: 0;
margin: 60px 0 0 0;
list-style: none;
float : left;
width : 133px;
}
	
#sideMenu li { /* all list items */
position: relative;
float: left;
line-height : 1.25em;
margin-bottom : -1px;
width: 133px;
}
	
#sideMenu li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 133.05px;
margin-top : -2.25em;
}
	
#sideMenu li ul a { /* second-level lists */
width: 13em;
font-size: 12px;
font-weight: 300;
}	
	
#sideMenu li ul ul { /* third-and-above-level lists */
left: -999em;
margin-left: 165.05px;
}
	
#sideMenu li a {
width: 11em;
w\idth: 10em;
display: block;
color: #fff;
f\ont-weight: bold;
text-decoration: none;
background-color: #1a578d;
padding: 0.5em;
}
	
#sideMenu li a:hover {
color: #ffff32;
background-color: #1a578d;
text-decoration: underline;
}
	
#sideMenu li:hover ul ul, #sideMenu li:hover ul ul ul, #sideMenu li.sfhover ul ul, #sideMenu li.sfhover ul ul ul {
left: -999em;
}
	
#sideMenu li:hover ul, #sideMenu li li:hover ul, #sideMenu li li li:hover ul, #sideMenu li.sfhover ul, #sideMenu li li.sfhover ul, #sideMenu li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#sideMenu a {
color: #fff;
} 

#sideMenu a:visited {
color:#B8DFFF;
}

#sideMenu a:active {
color: #ffff32;
text-decoration: underline;
}

#sideMenu a:hover {
color: #ffff32;
text-decoration: underline;
}
		
/* Picture, News & Action Buttons 
================================================================== */


#space3 { /* used for glassButton rollovers */
display: inline;
margin-left: 15px;
padding: 0 0.5em;
width: 63%;
float: left;
}


/*============================= Rollover Buttons ========================*/

#glassButtons {
margin: 20px 0 10px 0;
}

#glassButtons h1 {
margin-top: 10px;
margin-bottom: 0;
}

#glassButtons h2 {
margin: 0;
color: #1a578d;
}

#glassButtons p {
font-size: 12px;
margin-top: 0;
line-height: 1.3em;
}

.rolloverOrder a {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Order_sm.jpg) 0 0 no-repeat;
}

.rolloverOrder a:hover {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Order_sm.jpg) 0 -50px no-repeat;
}

.rolloverQuestion a {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Question_sm.jpg) 0 0 no-repeat;
}

.rolloverQuestion a:hover {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Question_sm.jpg) 0 -50px no-repeat;
}

.rolloverSearch a {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Search_sm.jpg) 0 0 no-repeat;
}

.rolloverSearch a:hover {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Search_sm.jpg) 0 -50px no-repeat;
}

.rolloverAffiliate a {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Affiliate_sm.jpg) 0 0 no-repeat;
}

.rolloverAffiliate a:hover {
width: 50px;
height: 50px;
display: block;
background: url(images/glassButton_Affiliate_sm.jpg) 0 -50px no-repeat;
}

/*===========Roll Over Large===============*/
.rolloverOrderLrg a {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Order.jpg) 0 0 no-repeat;
}

.rolloverOrderLrg a:hover {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Order.jpg) 0 -72px no-repeat;
}

.rolloverQuestionLrg a {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Question.jpg) 0 0 no-repeat;
}

.rolloverQuestionLrg a:hover {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Question.jpg) 0 -72px no-repeat;
}

.rolloverSearchLrg a {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Search.jpg) 0 0 no-repeat;
}

.rolloverSearchLrg a:hover {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Search.jpg) 0 -72px no-repeat;
}

.rolloverAffiliateLrg a {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Affiliate.jpg) 0 0 no-repeat;
}

.rolloverAffiliateLrg a:hover {
width: 75px;
height: 75px;
display: block;
background: url(1031X_img/glassButton_Affiliate.jpg) 0 -72px no-repeat;
}

.rolloverNewsletter a {
width: 75px;
height: 75px;
display: block;
background: url(images/glassButton_Newsletter.jpg) 0 0 no-repeat;
text-align: center;
}

.rolloverNewsletter a:hover {
width: 75px;
height: 75px;
display: block;
background: url(images/glassButton_Newsletter.jpg) 0 -72px no-repeat;
text-align: center;
}

/* rounded corner box
================================== */

.box {
width: 155px;
margin-top: 20px;
background: url(1031x_img/rcMid2.jpg) repeat-y;
float: right;
text-align: center;
}

.box h2 {
margin: 0;
background: url(1031x_img/rcTop2.jpg) no-repeat left top;
padding: 10px 0;
line-height: 0.8em;
font-size: 1.0em;
/*font-weight:bold;*/
font-family: "Arial Rounded MT Bold";
/*display:none;*/
}

.box .last {
background: url(1031x_img/rcBottom2.jpg) no-repeat left bottom;
padding-bottom:20px;
}

.box h2, .box li {
padding-left: 18px;
padding-right: 20px;
}

.box ul {
list-style: none;
margin: 0;
padding: 0;
}

.box li {
line-height: 1.25em;
font-size: 11px;
}

.box li a {
text-decoration: none;
color: #1a578d;
}

.box li a:hover {
color: #000;
background-color: #ffff32;
}
/* Newsletter box

/*******************************************************/
.rbox {  }

.nbox {
	position:relative;
width: 175px;
margin-top: 10px;
float:right;
text-align: center;
}

.nbox h2 {
margin: 0;
background: url(1031x_img/rcNewsTop.jpg) no-repeat left top;
padding: 10px 0;
line-height: 0.8em;
font-size: 1.8em;
font-weight:bold;
color:#009900;
font-family: "Arial Rounded MT Bold";
/*display:none;*/
}

.nbox .last {
background: url(1031x_img/rcBottom2.jpg) no-repeat left bottom;
padding-bottom:20px;
}

.nbox h2, .box li {
padding-left: 18px;
padding-right: 20px;
}

.nbox ul {
list-style: none;
margin: 0;
padding: 0;
}

.nbox li {
line-height: 1.25em;
font-size: 11px;
}

.nbox li a {
text-decoration: none;
color: #1a578d;
}

.nbox li a:hover {
color: #000;
background-color: #ffff32;
}

/* Main Content General
====================================================================*/
#mainContenti { 
width: 60%; 
margin: 0;
float: left;
font-weight:400;
}

#mainContent { 
width: 95%; 
margin: 0; 
float: left;
font-weight:400; 
}

#spacer {
width: 1px;
height: 600px;
float: left;
}

#mainContenti p {
font-size: 12px;
padding-left: 2%;
}

#mainContenti h1 {
padding-left: 2%;
}

#mainContenti ol {
padding-left: 2%;
margin: 0 0 0 30px;
}

#mainContenti ul {
padding-left: 2%;
margin: 0 0 0 30px;
}

#mainContenti li {
font-size: 12px;
padding-left: 2%;
}

#mainContenti a {
color: #1a578d;
}

#mainContenti a:visited {
color: #1a578d;
}

#mainContent h1 {
padding-left: 2%;
}

#mainContent p {
font-size: 1em;
padding-left: 2%;
}

#mainContent td {
padding-left: 2%;
}

#mainContent ol {
padding-left: 2%;
margin: 0 0 0 30px;
}

#mainContent li {
font-size: 12px;
padding-left: 2%;
}

#mainContent a {
color: #1a578d;
}

#mainContent a:visited {
color: #1a578d;
}

/* Secondary Content
====================================================================*/
#secondaryContent { 
width: 28%;
margin: 2.5em 0.01em 0 0;
height: 350px;
overflow: auto;
min-width: 10em;
display: inline; /* :KLUDGE: Fixes IE double margin float bug */
float: right;
border: 2px solid #1a578d;
background-color: #fff;
}

#secondaryContent * { 
padding-left: 10px;
padding-right: 10px;
}

#secondaryContent * * { 
padding-left: 0;
padding-right: 0;
} 

#secondaryContent h2{
font-size: 1.4em;
margin: 0;
font-weight: bold;
color: #fff;
background-color: #1a578d;
text-align: center;
}

#secondaryContent p {
font-size: 1em;
}

#secondaryContent a {
font-size: 1.0em;
color: #1a578d;
}

/* Footer
====================================================================*/
#footer {
margin: 0;
padding: 0;
height: 322px;
width: 775px;
text-align: center;
background: url(1031x_img/FinalendCol.jpg) no-repeat;
clear: both;
}

#footer table {
margin-top: 150px;
}

#footer p {
font-size: 12px;
font-weight: bold;
}

#footer a {
color: #fff;
text-decoration: none;
font-size: 11px;
}

#footer a:visited {
color: #fff;
font-size: 11px;
}

/* Other Helpful Links
====================================================================*/
#helpfullinks {
margin: 0;
padding: 0;
width: 775px;
font-size: 8px;
color: #666;
background: #CCC;
}

#helpfullinks p {
font-size: 8px;
background-color: #F3EEF0;
}

#helpfullinks tr, #helpfullinks td {
padding: 0;
text-align: left;
}

#helpfullinks h1 {
margin:0;
padding:0;
font-size:9px;
line-height:1.5em;
}

#helpfullinks a {
margin:0;
padding:0;
font-size:9px;
color: #666;
}