/* 

version:   1.0
author:    Stephane Douville
email:     info@stephanedouville.com  
website:   http://www.stephanedouville.com
date:      
 
Copyright 2008 Stephanedouville.com  All Rights Reserved 

*/

/*

RESET BASIC PAGE SETUP, BASIC TYPOGRAPHY

------------------------------------------------------------------*/

*{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { color: #41464d; font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif, Geneva; background: #fff url(hub_bg.png) repeat-x; }
p { font-size: 1.2em; margin-bottom: 6px; }
table { color: #535252; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
tr { color: #535252; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
td { font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-left: 5px; }
/*
TOOL BOX  - FIXED BUG
------------------------------------------------------------------*/
.floatleft { float: left; margin-bottom: 15px; }
.floatright { float: right; margin-bottom: 15px; }
.clear { height: 1px; clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}
/* PAGE SETUP
------------------------------------------------------------------*/
#wrap { width: 900px; margin: 0 auto 0; }
#list_wrap { color: #535252; font-size: 11px; text-align: left; position: relative; width: 100%; overflow: scroll; float: left; clear: both; min-height: 250px; max-height: 300px; padding: 8px; border: solid 1px #c0c0c0; }
#maincontent { padding: 20px 0; clear: both; background: url(bg.gif) repeat-x; }
#promo_hub { width: 320px; height: auto; clear: both; margin-bottom: 10px; padding-bottom: 5px; }
/*HEADER TOP
------------------------------------------------------------------*/
#hub_top { color: #454545; background-image: url(hub_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 896px; clear: both; height: 56px; margin: 0 auto 0; }
#hub_top ul { float: right; padding: 12px 50px 0 0; }			
			#hub_top ul li { list-style-type: none; display: inline; }
			#hub_top ul li a { padding-left: 7px; background: #fff url(bullet.gif) no-repeat left center; margin-right: 5px; color: #000; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
			#hub_top ul li a:hover { color: #808080; }
/*HEADER BOTTOM
------------------------------------------------------------------*/
#hub_bottom { color: #ebebeb; background-image: url(hub_bottom.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 896px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; height: 66px; margin: 0 0 1px; }
#hub_bottom p { color: #f5f5f5; padding-right: 240px; padding-left: 33px; }
#hub_bottom h2 { color: #f5f5f5; font-size: 120%; font-weight: normal; word-spacing: 3px; }
/*LEFT COLUMN
------------------------------------------------------------------*/
#left { text-align: justify; float: left; width: 525px; padding: 5px 15px 0 5px; margin: 0 0 25px; border-right: thin dotted #cbcbcb; }
/*RIGHT COLUMN
------------------------------------------------------------------*/
#right { text-align: justify; width: 320px; float: right; padding-right: 15px; padding-left: 15px; }
/*ONE COLUMN
------------------------------------------------------------------*/
#one_col { width: 100%; margin: 0 0 25px; padding: 5px 15px 0 5px; float: left; }
#one p { text-align: justify; margin: 0 0 15px; }
/*INFO BOX
------------------------------------------------------------------*/
#info { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #f4f4f4; }
/*SEARCH ENGINE
------------------------------------------------------------------*/
#searchform { background: url(searchform.gif) no-repeat; padding: 8px 4px 10px 4px; height: 27px; font: bold 0.9em Arial, Sans-Serif; margin: 0 0 20px; }
		#searchform p { padding: 0; margin: 0; }
/*FOOTER
------------------------------------------------------------------*/
#footer { clear: both; border-top: 1px solid #ccc; line-height: 2em; margin-top: 8px; padding: 4px 10px 10px; }
#footer p { font-size: 1em; margin-top: 16px; }
/*
TYPOGRAPHY
------------------------------------------------------------------*/
h3 { color: black; font: 1.75em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; margin: 0 0 10px; padding: 0; }
h4 { color: black; font: bold 1.35em Arial, Sans-Serif; margin: 0 0 10px; padding: 0; }
.line { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #d9e1e4; }
.sm { color: black; font: 0.9em Arial, Helvetica, sans-serif, Geneva, SunSans-Regular; text-align: left; margin-top: -2em; }
.block2 { color: #000064; font-size: 1.4em; font-family: "Times New Roman", Times, serif, Georgia; }
.block2b { color: #000064; font-size: 1.2em; font-family: Arial, Helvetica, Sans-Serif, Geneva, SunSans-Regular; }
.block4a { color: #000064; font-size: 1.8em; font-family: Helvetica, Arial, SunSans-Regular, Geneva, sans-serif; font-weight: bold; line-height: 1em; word-spacing: -2px; }
.block4b { color: #000064; font-size: 1.4em; font-family: Helvetica, Arial, SunSans-Regular, Geneva, sans-serif; font-weight: lighter; line-height: 1em; word-spacing: -2px; }
.lblue { color: #06f; }
.dblue { color: #000064; }
.tab_tt { color: #000064; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding-right: 10px; }
/* 
LIST
------------------------------------------------------------------*/
#navcontainer ul
{ text-align: center; padding-bottom: 5px; padding-top: 5px; padding-left: 0; margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0; background-color: #036; color: white; font-size: 1.1em; width: 100%; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.8em;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }

.arrowlist
{ margin-bottom: 8px; margin-left: 15px; padding-left: 0; list-style: none; }

.arrowlist li 
{ color: #000; font-size: 0.85em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 0.9em; padding-left: 10px; background-image: url(arrow.gif); background-repeat: no-repeat; background-position: 0 0.25em; }

.hublist
{ float: right; margin: 0; padding: 40px 20px 0 0; }

.hublist li
{ margin: 0; padding: 0 10px; display: inline; list-style-type: none; }
.hublist a
{ color: #fff; font-size: 1.2em; font-weight: normal; line-height: 1.4em; text-decoration: none; }

.hublist a:hover
{ color: #d9e1e4; font-size: 1.2em; font-weight: normal; line-height: 1.4em; text-decoration: underline; }
.logout
{ float: right; margin: 0; padding: 40px 20px 0 0; }
.logout li
{ margin: 0; display: inline; list-style-type: none; }
.logout a
{ color: #ff0; font-size: 1.2em; font-weight: bold; line-height: 1.4em; text-decoration: none; }
.logout a:hover
{ color: #d9e1e4; font-size: 1.2em; font-weight: bold; line-height: 1.4em; text-decoration: underline; }
/* NAV */
#menuhead { width: 896px; height: 38px; margin: 0 auto 0; position: relative; z-index: 9998; }
#menuhead #menunav { margin: 0; padding: 0; }
#menuhead #menunav li { display: inline; }
#menuhead #menunav li a { float: left; width: 112px; height: 0; padding-top: 38px; overflow: hidden; }
#menuhead #menunav li a,
#menuhead { background-image: url(hub_menu.png); _background-image: url(hub_menu.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#menuhead #menunav li#news a { background-position: 0 0; }
#menuhead #menunav li#promo a { background-position: -112px 0; }
#menuhead #menunav li#docs a { background-position: -224px 0; }
#menuhead #menunav li#catlg a { background-position: -336px 0; }
#menuhead #menunav li#survey a { background-position: -448px 0; }
#menuhead #menunav li#contest a { background-position: -560px 0; }
#menuhead #menunav li#pub a { background-position: -672px 0; }
/* OVER STATES */
#menuhead #menunav li#news a:hover { background-position: 0 -38px; }
#menuhead #menunav li#promo a:hover { background-position: -112px -38px; }
#menuhead #menunav li#docs a:hover { background-position: -224px -38px; }
#menuhead #menunav li#catlg a:hover { background-position: -336px -38px; }
#menuhead #menunav li#survey a:hover { background-position: -448px -38px; }
#menuhead #menunav li#contest a:hover { background-position: -560px -38px; }
#menuhead #menunav li#pub a:hover { background-position: -672px -38px; }
/*PRESS STATES*/
#menuhead #menunav li#news a:active { background-position: 0 -76px; }
#menuhead #menunav li#promo a:active { background-position: -112px -76px; }
#menuhead #menunav li#docs a:active { background-position: -224px -76px; }
#menuhead #menunav li#catlg a:active { background-position: -336px -76px; }
#menuhead #menunav li#survey a:active { background-position: -448px -76px; }
#menuhead #menunav li#contest a:active { background-position: -560px -76px; }
#menuhead #menunav li#pub a:active { background-position: -672px -76px; }
/*ACTIVE STATES */
#menuhead #menunav li#news a:active { background-position: 0 -38px; }
#menuhead #menunav li#promo a:active { background-position: -112px -38px; }
#menuhead #menunav li#docs a:active { background-position: -224px -38px; }
#menuhead #menunav li#catlg a:active { background-position: -336px -38px; }
#menuhead #menunav li#survey a:active { background-position: -448px -38px; }
#menuhead #menunav li#contest a:active { background-position: -560px -38px; }
#menuhead #menunav li#pub a:active { background-position: -672px -38px; }
/*ON STATES */
#menuhead #menunav li#news a:active { background-position: 0 0px; }
#menuhead #menunav li#promo a:active { background-position: -112px -114px; }
#menuhead #menunav li#docs a:active { background-position: -224px -114px; }
#menuhead #menunav li#catlg a:active { background-position: -336px -114px; }
#menuhead #menunav li#survey a:active { background-position: -448px -114px; }
#menuhead #menunav li#contest a:active { background-position: -560px -114px; }
#menuhead #menunav li#pub a:active { background-position: -672px -114px; }