/* 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;}

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:#1881ac;
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;
margin-right:3px;
font-weight:bold;
float:left;
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;
}

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:20px;}

#nav{
margin-top:16px;
width:100%; position:relative;
background:url(../images/nav.png) top left repeat-x;
height:41px;}
#nav table{border-collapse:collapse;}

#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:20%;}

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