/* 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:100%;
     text-align:center;
}


#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%;
     text-align:left;
     
}


#right{
     float:right;
     width:19%;
     vertical-align:top;
 
}


#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;
     text-align:center;
     
}


#footer{
     width:100%; 
     position:relative; 
     color:#747474;  
     padding:6px 0px;
     text-align:center;
     margin-left:0;
     
     
}

#footer .box{
     text-align:center;
}


#footer a{
     color:#747474;
}