html,body {margin:0;padding:0;}
body {font: 74% arial;color:#000;text-align:center;background:#f2f2f2}

h1 {color:#3434A9;margin:0px;font:26px 'trebuchet ms' bold;letter-spacing:-1px;margin-bottom:-2px;}
h2.section-header { width:100%;background:#3434A9;color:#fff;padding:2px 2px 2px 9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px; } 

#middle ul li { padding-bottom:10px}

/* ==================================================================
    			DIVS - LAYOUT
================================================================== */

div#container {background:#fff;text-align:left;width:950px;margin:20px auto 10px auto;border:10px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;
-moz-box-shadow: 0 0 5px 5px #EBEBEB;-webkit-box-shadow: 0 0 5px 5px #EBEBEB;box-shadow: 0 0 5px 5px #EBEBEB;}
 
div#header {height:95px;line-height:100px;padding:5px 0 0 0;background:#C5D5EF;-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;border-top-right-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-left-radius:15px;text-align: center;} 

div#wrapper {float:left;width:100%; }

div#left {background:#f5f5f5;float:left;width:150px;margin-left:-1000px;padding:5px 0 10px 10px;border-right:0px dashed #eaeaea;min-height:500px;height:auto !important;height:500px;line-height:.85em;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; }

div#middle {background:#fff;margin: 0 152px 0 0px;padding:0 5px 10px 20px;line-height:16px}
div#middle-large {background:#fff;margin: 0 0 0 156px;padding:0 15px 10px;line-height:16px}
div#middle-forum {background:#fff;margin: 0 157px 0 0;padding:0px;}
div#middle p {  }   /* change this is font size changes (px is not the preferred way to do line height, but em, %, or number made line height variable)  */

div#right {background:#fff;float:left;width:145px;margin-left:-152px;border-left:0px solid #efefef;text-align:right;}

div#footer {color:#000;width:950px;text-align:center;border:0px solid black;margin:0px auto 20px auto;}
div#footer p {margin:0;padding:0px 10px}

h3.front  { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#fff;   font-size:16px;background:#508F50;margin:-10px -10px 10px -10px;padding:4px;-webkit-border-top-left-radius:19px;-moz-border-radius-topleft:19px;border-top-left-radius:19px;-webkit-border-top-right-radius:19px;-moz-border-radius-topright:19px;border-top-right-radius:19px;text-align:center }
h3.front2 { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#006000;font-size:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center }
hr.front  { width:100%;color:#006d00;background-color:#006d00;border:0px;height:0px;margin-top:0px;margin-bottom:12px; }
hr.front2 { width:100%;color:#006d00;background-color:#006d00;border:0px;height:2px;margin-top:-2px;margin-bottom:5px; }

/* ==================================================================
    			BODY - TEXT
================================================================== */

wrapper.p {margin-bottom:15px;}

hr.h1 { width:100%;color:#C5D5EF;background-color:#C5D5EF;border:0px;height:1px;margin-bottom:20px; }
h2 {color:#000;margin-bottom:12px;font:16px 'arial';font-weight:bold;}
h3 {color:#000;margin:12px 4px 2px 0px;font:15px 'trebuchet ms' bold;border-bottom:0px solid #a0c0a0;font-weight:bold}
h4 {color:#006000;background:#fff;margin:20px 0px 0px 0px;font:16px 'arial';font-weight:bold;text-align:center;border-bottom:0px solid #a0c0a0;}

/* ==================================================================
    			BODY - LINKS
================================================================== */

a { font-family: Arial, sans-serif; font-size: 12px;color:#0000EE; text-decoration: underline}
a:link {  color: #0000EE; text-decoration: underline}
a:visited {  color: #0000EE; text-decoration: underline}
a:hover {  color: #a0c0a0; text-decoration: underline}

a.smallgreen { font-family:verdana; font-size: 85%; font-weight:bold}
#size12 { font-family:arial; font-size: 120%;font-weight:bold;line-height:1.05em;}
#size10 { font-family:arial; font-size: 12px;font-weight:bold;line-height:1.25em;}
a.smallgreen:link {  color: #006000; text-decoration: none}
a.smallgreen:visited {  color: #006000; text-decoration: none}
a.smallgreen:hover {  color: #a0c0a0; text-decoration: none}

/* ==================================================================
    			OTHER
================================================================== */

img.adsright {margin-bottom:0px;border:7px solid #efefef }
img.bodyimage { padding:0px;border:10px solid #f3f3f3;background:#002300;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px; }
img.bodyimage2 { padding:0px;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px; }
img.text-bullet { margin-bottom:-2px;margin-right:4px; }

ul.normal { padding-left:1em;}
ul.normal li { margin-bottom:10px; }
li.large { font-weight:bold;font-size:16px; }
li.medium { font-weight:bold;font-size:14px; }

div.content-container { padding:0px 0px 10px 0px;width:100%;line-height:16px;overflow:hidden;}
div.content-containerhalf { padding:10px 10px;float:left;width:46%;border:0px solid black;}
div.content-container p { }
img.content { margin-right:10px;border:0px;float:left; }
img.content2 { margin-right:10px;border:0px;float:left;margin-bottom:12px; }

img.odds {margin-right:4px;}
img.border-centered  {margin:5px;border:6px solid #eaeaea }
img.screenshot {margin:0 0px 0 0px;border:5px solid #eaeaea }
div.content-centered { text-align:center;}

div.cleared {clear:left;}
div.help {width:100%;padding:5px;}
.help ul {width:670px;margin-top:-5px}
.help li {float:left;margin-left:2px;width:220px;}

.picright {float:right;margin-left:10px}

/* ==================================================================
    			TABS - MENU
================================================================== */

/* Breadcrumb div. Not being used. If left empty, will show up in IE if given a width even if height is zero */
#breadcrumb { 
width: 100%;
height: 0px; 
/* margin: auto; */
float: left;
background-color:#3434A9;
border-bottom:0px solid #f3f3f3;
border:1px solid black;
margin-bottom:15px;
}

/* Begin Navigation */
#navigation {
width: 100%;
height: 35px;
/* margin: auto; */
float: left;
background: #C5D5EF;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomleft:15px;border-bottom-left-radius:15px;
//  background-color:#3434A9;
border:0px solid black;
margin-bottom:15px;
}

#nav {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0;
padding: 0;
margin-left:215px
}

#nav li {
float: left;
margin-left: 5px;
background: url(bg-menu-tab.gif) no-repeat right top;
}

#nav li.current {
background-position: right bottom;
}

#nav li a {
float: left;
display: block;
height: 26px;
padding: 9px 9px 0;
background: url(bg-menu-tab2.gif) no-repeat left top;
color: #fff;
text-decoration: none;
font-weight:bold;
font-size: 18px;     /* moved this from #nav li */
}

#nav li.current a {
background-position: left bottom;
color: #3434A9;
}

#nav li:hover, #nav li.sfhover {
background-position: right -35px;
}

#nav li.current:hover, #nav li.sfhover.current {
background-position: right bottom;
}

#nav li:hover a, #nav li.sfhover a {          /* tab on mouseover */
background-position: left -35px;
color: #3434A9;    

}

#nav li.current:hover a, #nav li.sfhover.current a {
background-position: left bottom;
color: #C7CBC0;
}

#nav li#nav_home.current {
background-position: right top;
}

#nav li#nav_home.current a {
background-position: left top;
color: #FFFFFF;
}

#nav li.current#nav_home:hover, #nav li.current.sfhover#nav_home {
background-position: right -35px;
}

#nv li.current#nav_home:hover, #nav li.current.sfhover#nav_home a {
background-position: left -35px;
color: #FFFFFF;
}

/* Under 1st dropdown */
#nav li ul {
clear: left;
position: absolute;
left: -999px;
z-index: 999;
width: 300px;
margin-top: 35px;
margin-left: -13px;
_margin-top: 0; /* IE6 only */
border-top: 1px solid #f3f3f3;
border-bottom: 15px solid #fff;
border-left: 15px solid #fff;
border-right: 15px solid #fff;
list-style: none;
line-height: 1;
padding-left: 0px;
margin-bottom:100px;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #nav li ul {
margin-top: 0;
}
/* Custom widths */
#nav li ul.skinny { width:114px}

#nav li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: 1.0em;
text-transform: none;
}

/* Not sure - nothing */
#nav li ul ul {
margin: -131px 0 0 161px;
}

/* Under 2nd dropdown - this has to stay in order */
#nav li:hover ul ul, #nav li.sfhover ul ul , #nav li:active ul ul {
left: -999em;
margin-left:165px;
margin-top:-24px;
border-left:1px;
border-top:1px solid #ddd;
border-right: 0px solid #fff;
border-bottom: 0px;
}


/* Not sure - nothing */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

/* Not sure - nothing */
#nav li li li {
font-size: 1em;
}

/* Both dropdowns */
#nav li:hover li a, #nav li.sfhover li a {
float: none;
width: 300px;
height: auto;
padding: 3px 5px 3px 6px;
border-top: 0px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #f3f3f3;
color: #3434A9;
font-weight:bold;
font-size: 16px;
}
/* Custom widths */
#nav li:hover li.skinny a { width:114px}

/* Triangle icon */
#nav li:hover li.fly a { background: #f3f3f3 url(fly.gif) no-repeat right center;}
#nav li:hover li.nofly a { background: #f3f3f3; cursor:pointer; }
#nav li:hover li.nofly a:hover { color:#C5D5EF;}

/* Both menus - hover change */
#nav li:hover li a:hover, #nav li.sfhover li a:hover {
color: #3434A9;
}

/* End Navigation */