/* ----------------------------------------------------
Screen Stylesheet for http://www.themomexchange.com

Updated: 8/6/2009
------------------------------------------------------- 
: Site Colors : 

: Table Of Contents :
Resets
Defaults
Typography
Forms
Layout
Inner Stuff
Links
Menus
Global Classes
Content
---------------------------------------------------- */

/* -------------------- Resets --------------------- */
body, form, fieldset, ol, ul, li, h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}
img {
border:0; 
vertical-align:bottom; 
}
/* ------------------- Defaults ------------------- */
body {
font:100%/1.5 Verdana, Arial, Helvetica, sans-serif; /* font-size 100% prevents IE's resize bug */
background:#097cff;
color:#333;
padding:0 0 60px;
}
/* ------------------ Typography ------------------- */
p {
margin:0 0 1em;
font-size:.72em;
}
ul {
list-style:none;
}
#main ul {
list-style:disc;
font-size:.72em;
margin:0 0 0 30px;
}
#main li {
padding:4px 0;
}
/* ---- #head ---- */
h1 {
font-size:2em;
position:relative;
z-index:-1;
}
h1 span {
font-size:60%;
}
h2 {
position:absolute;
top:77px;right:37px;
width:317px;
text-align:center;
font-size:1.6em;
font-family:"Times New Roman", Times, serif;
line-height:1.2;
font-weight:normal;
white-space:nowrap;
}
h2 span {
font-size:60%;
color:#005EB5;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/* ---- #main ---- */
h3 {
font-size:1.4em;
height:38px;
margin:0 0 15px;
background:url(images/welcome.gif) 0 0 no-repeat;
}
h3 b {
position:relative;
z-index:-1;
}
h3.general {
font-family:'Times New Roman', Times, serif;
font-size:1.4em;
margin:0 0 15px;
background:none;
}
h4 {
background:url(images/graindientheader.gif) 0 0 no-repeat;
font-family:"Times New Roman", Times, serif;
text-indent:5px;
font-style:italic;
font-size:1.1em;
margin:0 0 10px;
}
/* -------------------- Forms ---------------------- */
.contactform fieldset {
width:500px;
margin:0;
padding:0; 
border:0;
} 
.contactform fieldset legend {
font-weight: bold;
display:none;
} 
.contactform div {
width: 500px;
margin:0 auto;
padding: 0.25em 0 0.25em 0;
font-size:12px;
} 
.contactform div label {
display: block; 
width: 10em;
} 
.contactform textarea {
width:230px;
height:100px;
font-size:12px;
font-family:Verdana,Arial, Helvetica, sans-serif;
}
.contactform .fbsubmit {
margin:0 0 0 -80px;
}
div.captcha {
margin-left:15px;
font-size:1.2em;
}
.contact_error_message {
font-size:1em;
margin:0 0 10px 0;
}
/* -------------------- Layout --------------------- */
#wrap {
width:913px; /* 1px wider for IE8 bug */
margin:77px auto 0; /* centers layout */
background:url(images/content-bg.gif) 0 0 repeat-y;
position:relative;
}
#rays {
position:absolute;
left:-49px;top:-77px;
width:961px;
height:79px;
background:url(images/rays.gif);
}
#head {
height:186px;
background:url(images/head.gif) 0 0 no-repeat;
}
#main {
float:right;
display:inline;
width:660px;
padding:15px;
}
#sidebar {
float:left;
display:inline;
width:201px;
padding:6px 6px 50px 6px;
overflow:hidden;
color:#fff;
font-family:"Times New Roman", Times, serif;
}
#foot {
width:913px;
height:85px;
margin:0 auto;
background:url(images/foot.gif) 0 0 no-repeat;
}
#footer {
width:913px;
height:25px;
margin:0 auto;
}
#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
}
#footer a, #footer a:visited {
color:#333;
text-decoration:none;
}
#footer a:focus, #footer a:hover, #footer a:active {
text-decoration:underline;
}
/* -------------- All The Inner Stuff -------------- */
/* ---- #head ---- */
#license {
position:absolute;
top:-66px;right:8px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
}
/* -- #head and #main -- */
.button {
display:block;
height:37px;
width:198px;
overflow:hidden;
line-height:37px;
text-align:center;
font-weight:bold;
font-size:.9em;
cursor:pointer;
color:#000000;
font-family:"Times New Roman", Times, serif;
text-decoration:none;
background:url(images/joinbutton.gif);
}
.button:hover {
background-position:0 -37px;
color:#000000;
}
.join {
position:absolute;
top:135px;right:96px;
}

.register {
margin:0 auto;
}
/* ---- #sidebar ---- */
#cpcc {
position:absolute;
top:225px;left:119px;
width:90px;
text-align:center;
line-height:1.2;
white-space:nowrap;
font-family:arial,sans-serif;
font-size:13px;
}
#sidebar-nav ul {
margin:20px 0;
}
#sidebar-nav li {
font-size:20px;
padding:0 5px;
}
#sidebar-nav ul li ul li {
padding:0;
margin:0;
}
#sidebar-nav li a {
text-decoration:none;
color:#fff;
}
#sidebar-nav li a:hover {
color:#7bfcd4;
}
#sidebar-nav .unli ul {
margin:-20px 0 0 0;
}
/* ---- #main ---- */
#main .content {
width:305px;
float:left;
display:inline;
padding:0 0 30px;
}
#main .content p {
padding:0 5px;
}
#main .slidshow {
margin:0 0 0 10px;
}
#main .last {
margin-left:45px;
}
/* ---- #foot ---- */
#foot #social {
float:left;
display:inline;
position:relative;
margin:-50px 0 0 2px;
height:110px;
width:213px;
}
#foot #social img {
margin:3px 0;
}
/* ------------------- Links ---------------------- */
a {
text-decoration:underline;
color:#000;
outline:0; /* removes dotted border in FX */
}
a:visited {
color:#000;
}
a:hover, a:focus, a:active {
visibility:visible; /* kills IE6 a:hover bug */
text-decoration:none;
}
/* --------------------- Menus -------------------- */
/* Main Menu */
#nav {
position:absolute;
top:-34px;right:3px;
list-style:none;
}
#nav li {
float:left;
width:111px;
height:31px;
margin-left:5px;
text-align:center;
background:url(images/nav.png);
}
#nav a {
float:left;
width:111px;
height:31px;
line-height:35px;
position:relative;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:.9em;
font-family:"Times New Roman", Times, serif;
}
#nav a:hover, #nav a:focus, #nav a:active {
color:#0167db;
}
/* Foot Menu */
#foot ul {
}
#foot li {
}
#foot a {
text-decoration:none;
}
#foot a:hover, #foot a:focus, #foot a:active {
}
/* ---------------- Global Classes --------------- */
.clear {
clear:both;
line-height:0;
height:0;
font-size:0;
}
.spacer {
width:100%;
height:2px;
margin:10px auto;
}
/* ------------------- Content ------------------- */