/* CSS Document */
/* Basic Formatting
====================================================================*/
/* Zero down margin and paddin on all elements */

* {
margin: 0;
padding: 0;
}

html {
background-color: #fff;
}

body {
font: 12px Arial, Helvetica, sans-serif;
text-align: center;
min-width: 760px;
}

h1 {
font-size: 2.0em;
font-weight: bold;
line-height: 0.6em;
}

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

p {
font-size: 12px;
}

td {
font-size: 12px;
padding: 2px;
}

li {
font-size: 12px;
}

h1, h2, p {
margin: 1em 0;
line-height:1.5em;
}

.ieMaxWidth {
width:expression(document.body.clientWidth > 300? "300px": "auto" );
}

.ieMaxWidth {
max-width:300px;
text-align:center;
}

th {
padding: 3px;
width: 150px;
}

.thumbnail {
margin: 0;
padding: 1em;
float: left;
width: expression(document.body.clientWidth > 90? "90px": "auto" );
max-width: 90px;
text-align: center;
}

#forumTopics {
width:450px;
}

#forumTopics p {
color: #FFFBBF;
}

#forumTopics td {
background-color: #FFFEEF;
border-bottom: 1px solid #1A578D;
}

.forumMid {
border-left: 5px solid #1A578D;
border-right: 5px solid #1A578D;
}

.forumTop {
height: 28px;
background:url(images/forumTop.jpg) no-repeat;
color:#FFF;
font-weight: bold;
text-align: center;
padding-top: 0.4em;
}

#forumTopics a {
padding-left: 0.6em;
display: block;
font-size: 12px;
text-decoration: none;
color: #1A578D;
}

#forumTopics a:active {
padding-left: 0.6em;
display: block;
font-size: 12px;
text-decoration: none;
color: #1A578D;
}

#forumTopics a:hover {
background-color: #FFFBBF;
padding-left: 0.6em;
display: block;
font-size: 12px;
text-decoration: none;
color: #1A578D;
}

#forumTopics a:visited {
padding-left: 0.6em;
display: block;
font-size: 12px;
text-decoration: none;
color: #1A578D;
}

#forumPosts {
width:430px;
border: 5px solid #1A578D;
}

#forumPosts td {
padding: 5px;
background-color: #FFFEEF;
border: 1px solid #1A578D;
}

.code {
border: 1px solid #8EAFFD;
background-color:#CDDCFE;
padding: 1.5em;
}

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

#branding h1 {
margin: 0;
font-size: 1.4em;
line-height: 1.2em;
text-align: center;
font-style: italic;
position: relative;
top: 70px;
line-height: 1.3em;
}

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

.brandingButtons {
position: relative;
text-align: center;
top: 20px;
right: 20px;
}

.brandingButtons td {
width:102px;
height:30px;
}

.brandingButtons a {
display: block;
height: 30px;
padding-top: 4px;
color: #000;
font-size: 1em;
font-weight: bold;
text-decoration: none;
text-decoration: none;
}

.brandingButtons a:hover {
color: #FFF;
}

.contactinfo {
position: relative;
text-align: center;
top: 30px;
color: #fff;
font-size: 12px;
}

.contactinfo a {
color: #fff;
font-size: 12px;
padding: 15px;
}

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

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

#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;
}

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

#topMenu a:hover {
color: #fff;
}

#topMenu li {
float: left;
padding: 0;
width: 10em;
}

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

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

#topMenu li ul a {
width: 11em;
w\idth: 8em;
padding-left: 1.5em;
}

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

#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;
}

/* Picture, News & Action Buttons 
================================================================== */
#space1 {
width: 100%;
margin: 2% 0 0 0;
float: left;
}
#space2 {
width: 33%;
margin: 2% 0 0 0;
float: right;
}

/*============================= Rollover Buttons ========================*/
#glassButtons {
margin: 0;
padding: 0;

}


#glassButtons h4 a {
margin-top: 10px;
color: #1a578d;
font-size: 12px;
font-weight:bold;
text-indent:4px;
/*text-align: left;*/
width:250px;
float:right;
}


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

.rolloverNetwork a:hover {
width: 40px;
height: 40px;
display: block;
background: url(images/glassButton_Network.jpg) 0 -40px no-repeat;
text-align: center;
}

.rolloverNetwork {
width: 152px;
}

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

.rolloverAffiliate a:hover {
width: 40px;
height: 40px;
display: block;
background: url(images/glassButton_Affiliate.jpg) 0 -40px no-repeat;
text-align: center;
}

.rolloverAffiliate {
width: 152px;
}

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

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

.rolloverNewsletter {
width: 152px;
}

.loginWidth {
width: 164px;
}

/* rounded corner box
================================== */
.box {
width: 180px;
margin-top: 15px;
background: url(images/rcMid2.jpg) repeat-y;
float: right;
text-align: center;
}

.box h2 {
margin: 0;
background: url(images/rcTop2.jpg) no-repeat left top;
padding-top: 25px;
line-height: 0.5em;
font-size: 0.5em;
}

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

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

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

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

.box li a {
text-decoration: none;
font-size: 11px;
color: #1a578d;
line-height: 1.2em;
}

.box li a:visited {
text-decoration: none;
font-size: 11px;
color: #1a578d;
}

.box li a:active {
text-decoration: none;
font-size: 11px;
color: #1a578d;
}

.box li a:hover {
font-size: 11px;
color: #1a578d;
background-color: #ffff32;
}

/* Secondary Content
====================================================================*/
#secondaryContent { 
width: 140px;
height: 225px;
margin-top: 2em;
overflow: auto;
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: 12px;
margin: 0;
font-weight: bold;
color: #fff;
background-color: #1a578d;
text-align: center;
}

#secondaryContent p {
font-size: 12px;
font-weight:100;
}

#secondaryContent strong {
font-size: 0.9em;
font-weight:bold;
}

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

/* Main Content Common Page
====================================================================*/
#mainContent { 
width: 98%; 
margin: 0;
padding: 0; 
float: right; 
}

#mainContent table {
margin-top: 20px;
}

#mainContent td {
font-size: 12px;
}

#mainContent p {
font-size: 12px;
}

#mainContent h1 {
font-size: 1.5em;
font-weight:bold;
}

#mainContent ol {
padding: 0;
margin: 0 0 0 30px;
}

#mainContent li {
font-size: 1.2em;
}

.listing {
background-color: #CC9999;
}

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

#sideMenu, #sideMenu ul { /* all lists */
padding: 0;
margin: 50px 0 0 0;
list-style: none;
float : left;
width : 130px;
}

#sideMenu li { /* all list items */
position: relative;
float: left;
line-height : 1.2em;
width: 129px;
font-size: 9pt;
}

#sideMenu li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 129.05px;
margin-top : -2.2em;
}

#sideMenu li ul ul { /* third-and-above-level lists */
left: -999em;
}

#sideMenu li a:link {
width: 126px;
display: block;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #1a578d;
padding: 0.5em 0.3em 0.5em 0.3em;
} 

#sideMenu li a:visited {
width: 126px;
display: block;
color:#B8DFFF;
font-weight: normal;
text-decoration: none;
background-color: #1a578d;
padding: 0.5em 0.3em 0.5em 0.3em;
}

#sideMenu li a:active {
width: 126px;
display: block;
color: #ffff32;
font-weight: normal;
text-decoration: underline;
background-color: #1a578d;
padding: 0.5em 0.3em 0.5em 0.3em;
}

#sideMenu li a:hover {
width: 126px;
display: block;
color: #ffff32;
font-weight: normal;
text-decoration: underline;
background-color: #1a578d;
padding: 0.5em 0.3em 0.5em 0.3em;
}

#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;
}

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

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

#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;
}

.copyright {
color:#fff;
font-size:10px;
}

/* Other Helpful Links
====================================================================*/
#helpfullinks {
margin: 0;
padding: 0;
width: 100%;
font-size: 8px;
color: #CCCCCC;
background: #FFFFFF;
}

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

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

#helpfullinks td {
width: 50%;
}

#helpfullinks h1 a {
color: #CCCCCC;
font-size:9px;
line-height:0.5em;
}

#helpfullinks h1 {
line-height:0.5em;
}

#helpfullinks h2 {
color: #CCCCCC;
line-height:0.5em;
text-align: center;
}