/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}


li, dd{margin-left:3px;}

ol {padding-left: 10px}

fieldset{padding:0.5em;}

img {
	border: none;
}

.clear {
	clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
	background:#fff url(../images/bg.png) top left repeat-x;
	font-size:12px; /* more consistent font sizes */
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
	font-size:12px;
	/*text-align:left;*/
}

/*td{padding:0px 2px;}*/


/*-----HEADINGS-----*/
h1, .componentheading{ font-size:17px; line-height:21px;}
h2, .contentheading{font-size:15px; font-weight:bold; color:#004c72; }
h3{font-size:15px; font-weight:bold;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}


/*-----LINK TEXT COLORS-----*/


a {
color:#024c81;
/*font-weight:bold;*/
}

a:hover{
color:#000;
}


ul{list-style:none; margin:0; padding:6px 0px;}
li{background:url(../images/bullet.png) 0px 6px no-repeat;
padding-left:10px;
margin-bottom:3px;}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {
 
}

/* MAIN MENU LINK COLOR */

a.mainlevel-top,a.mainlevel_active-top, a#active_menu-top.mainlevel_current-top{
font-size:16px;
color:#fff;
padding:12px 12px 10px 12px;
font-weight:bold;
display:block;
text-decoration:none;
}

a.mainlevel-top:hover, a#active_menu-top.mainlevel-top, a.mainlevel_active-top, 
a#active_menu-top.mainlevel_current-top{
color:#191919;
background:url(../images/nav_active.png) top left repeat-x;
border:#53bdf4 1px solid;
border-bottom:none;
padding:12px 11px 10px 11px;
display:block;
}

a.mainlevel{
border-bottom:#2b90b9 1px solid;
background:url(../images/mainlevel.gif) no-repeat;
background-position:3px 6px;
display:block;
}

a.mainlevel:hover, a#active_menu.mainlevel{
background:#2b90b9 url(../images/active.gif) no-repeat;
background-position:3px 6px;}

a.mainlevel, a.sublevel{
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
padding:6px 0px 6px 10px;}

#left .moduletable table tbody tr td div{
background-color:#2b90b9;
border-bottom:#1881ac 1px solid;
padding:6px 0px 6px 10px;
}

a.sublevel:hover{
color:#000;
}

a#active_menu.sublevel{
color:#000;
}


/* Left/Right Column (GLOBAL DEFAULT STYLE) */


/*.moduletable{margin-bottom:xxx; padding:xxx;}*/
/*.moduletable h3{margin: 0 -10px 0.5em -10px;} *//*negative margin*/

/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{
	
}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader {
 
}

/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td {
 
}

/* ALTERNATING SECTION TABLE ROW 2 BACKGROUND/TEXT STYLES */

tr.sectiontableentry2 td {
 
}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {
 
}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {
	 
}

/*layout*/
#top{
width:100%; 
position:relative; 
color:#9b9b9b;
font-family:"lucida grande","lucida sans unicode", "lucida sans", "trebuchet ms", verdana, sans-serif;
letter-spacing:3px;
font-size:11px;
padding-top:16px;
}
#top a{
color:#0499e5;
text-decoration:none;}
#top a:hover{
text-decoration:underline;}

#header{
width:100%;
position:relative;
padding-top:10px;}

.box{
width:90%;
text-align:left;}

#logo{
float:left;
}

#slogan{
float:right;
font-size:16px;
padding-top:30px;}

#nav{
margin-top:16px;
width:100%; position:relative;
background:url(../images/nav.png) top left repeat-x;

height:41px;}
#nav table{border-collapse:collapse;}

#nav a { color: #fff; }

#user4{
width:100%; position:relative;
background:url(../images/pathway.png) top left repeat-x;
font-weight:bold; font-size:14px;
color:#383838;
height:39px;}
#user4 .box{
padding:10px 0px 0px 0px;}

#pathway{float:left;}
#pathway a{color:#fff;}
#search{float:right;}
#search form{margin:0;}
#search .button{background:url(../images/button.png) top left repeat-x; 
margin-left:2px;
border:#d87d0b 1px solid; color:#d4e9f4; font-weight:bold;}



#wrapper{
width:100%; 
background:url(../images/bluegradient.png) top left repeat-x;
padding-top:8px;}

#container{
position:relative;
margin-top:8px;}


#left, #middle{ float:left; overflow:hidden;}
#left{margin-right:1%;}
#right{float:right; width:19%;}

#left{width:20%; voice-family: "\"}\""; voice-family:inherit; width:19%;}
html>body #left{width:19%;}

#left .moduletable, #left .moduletable-grey, #right .moduletable, #right .moduletable-grey{padding:10px; margin-bottom:10px;}

#left .moduletable h3, #left .moduletable-grey h3, #right .moduletable h3, #right .moduletable-grey h3{
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
padding:12px 6px;
}

#left .moduletable h3{
background:url(../images/h3_left1.gif) top left repeat-x;
color:#fff;}

#left .moduletable{
background-color:#1881ac;
color:#fff;}

#left .moduletable a{color:#fff;}

#left .moduletable-grey{
background-color:#c1c1c1;}

#left .moduletable-grey h3{
color:#1881ac;}

#middle{
width:59%;
border:#afafaf 1px solid;
background:url(../images/bg.png) top left repeat-x;
}
#middle .hack{
padding:26px 16px;}


#right .moduletable-grey h3{
background-color:#454545;
color:#fff;}

#right .moduletable h3{
background-color:#1881ac;}

#left h3, #right h3{
color:#fff;
font-family:"trebuchet ms", verdana, Arial, Helvetica, sans-serif;
margin:0;}

#bottom{
color:#ffffff;
padding:18px 0px;
background-color:#414141;
border-bottom:#cbcbcb 15px solid;
}
#bottom .box{
background:url(../images/bottomdot.png) 33% 0 repeat-y}
#bottom .bg{
background:url(../images/bottomdot.png) 66% 0 repeat-y;}
#bottom td, #bottom p, #bottom a{
color:#fff;}

#bottom h3{
font-weight:bold;
font-size:13px;
color:#f8b920;
}
#bottom a{
color:#f8b920;}
#bottom a:hover{
color:#fff;}
#bottom li{background:none;
padding:0;}
#bottom li a{
background:url(../images/bullet-yellow.png) 0px 6px no-repeat;
padding-left:10px;}
#bottom li a:hover{
background:url(../images/bullet-white.png) 0px 6px no-repeat;}
#user5, #user6, #user7{
width:33.3%;
float:left;}
/*
#user5, #user6{
background:url(../images/bottomdot.png) top right repeat-y;}*/
#user5 .padding{padding-right:5%;}
#user6 .padding{
padding:0 5%;}
#user7 .padding{
padding-left:5%;}

#user5, #user6, #user7{
width:33.3%;}

#footer{width:100%; position:relative; color:#747474;  padding:6px 0px;}
#footer .box{text-align:center;}
#footer a{color:#747474;}



/* to avoid a conflicts */

a.menu
{
    color: #ffffff;
}



/* Vbulletin section */


.vbulletin
        {
        background: transparent;
        color: #000000;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        margin: 5px 10px 10px 10px;
        padding: 0px;
        text-align: center;
}

a:link, body_alink
        {
        color: #024c81;
}
a:visited, body_avisited
        {
        color: #024c81;
}
a:hover, a:active, body_ahover
        {
        color: #111;
}


.page
        {
        background: transparent;
        color: #000000;
}
td.vbulletin, th.vbulletin, p.vbulletin, li.vbulletin
        {
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
        {
        background: #D1D1E1;
        color: #000000;
        border: 3px solid #024c81;
}

.tcat
        {
        background: #56bef4 url(images/gradients/gradient_tcat.gif) repeat-x top left;
        color: #FFFFFF;
        font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding:5px;
}

.tcat a:link, .tcat_alink
        {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
}

.tcat a:visited, .tcat_avisited
        {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
        {
        color: #FFFFFF;
        text-decoration: underline;
        padding: 5px;
}
.thead
        {
        background: #1768a3 url(images/gradients/gradient_thead.gif) repeat-x top left;
        color: #FFFFFF;
        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding: 5px;
}
.thead a:link, .thead_alink
        {
        color: #FFFFFF;
        padding: 5px;
}
.thead a:visited, .thead_avisited
        {
        color: #FFFFFF;
        padding: 5px;
}
.thead a:hover, .thead a:active, .thead_ahover
        {
        color: #FFFF00;
        padding: 5px;
}
.tfoot
        {
        background: #3E5C92;
        color: #FFFFFF;
        padding: 5px;
}
.tfoot a:link, .tfoot_alink
        {
        color: #FFFFFF;
        padding: 5px;
}
.tfoot a:visited, .tfoot_avisited
        {
        color: #FFFFFF;
        padding: 5px;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
        {
        color: #FFFFFF;
        padding: 5px;
}
.alt1, .alt1Active
        {
        background: #f5fafc;
        color: #000000;
        padding: 10px;
}
.alt2, .alt2Active
        {
        background: #e1eaf2;
        color: #000000;
        padding: 5px;
}
td.inlinemod
        {
        background: #FFFFCC;
        color: #000000;
}
.wysiwyg
        {
        background: #fff;
        color: #000000;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


textarea.vbulletin, .bginput
        {
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
        {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
        {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        font-weight: normal;
}
.time
        {
        color: #666686;
}
.navbar
        {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
        {
        color: #FF0000;
        font-weight: bold;
}
.fjsel
        {
        background: #3E5C92;
        color: #FFFFFF;
}
.fjdpth0
        {
        background: #F7F7F7;
        color: #000000;
}
.panel
        {
        background: #e1eaf2 url(images/gradients/gradient_panel.gif) repeat-x top left;
        color: #000000;
        padding: 10px;
        border: 2px outset;
}
.panelsurround
        {
        background: #d1d9e0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
        color: #000000;
}
legend.vbulletin
        {
        color: #22229C;
        font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
        {
        background: #56bef4;
        color: #FFFFFF;
        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
        {
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
        {
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
        {
        color: #FFFFFF;
        text-decoration: underline;
}
.vbmenu_popup
        {
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #0B198C;
}
.vbmenu_option
        {
        background: #BBC7CE;
        color: #000000;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
        {
        color: #22229C;
        text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
        {
        color: #22229C;
        text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
        {
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite
        {
        background: #8A949E;
        color: #FFFFFF;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
        {
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
        {
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
        {
        color: #FFFFFF;
        text-decoration: none;
}
.bigusername { font-size: 14pt; }

td.thead, th.thead, div.thead { padding: 4px; }

.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

form.vbulletin { display: inline; }
label.vbulletin { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
