/*-----Template by Red Evolution-----*/

/*-----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) repeat-x top left;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
line-height : 18px;
}

/*-----TD AND PARAGRAPH TEXT STYLES-----*/
td, p {
text-align:left;
}

/*-----TD PADDING-----*/
td {
padding : 0 2px;
}

/*-----HEADINGS-----*/
h1, .componentheading {
font-size : 17px;
line-height : 21px;
}
h2, .contentheading {
font-size : 15px;
font-weight : bold;
}
h3 {
font-size : 15px;
font-weight : bold;
}
h4 {
font-size : 1.2em;
}
h5 {
font-size : 1.1em;
}

/*-----LINK TEXT STYLES-----*/
a {
font-weight : bold;
}
a:hover {
color : #000;
}

/*-----LIST STYLES-----*/
ul {
list-style : none;
margin : 0;
padding : 6px 0;
}
li {
background : url(../images/bullet.png) no-repeat 0 6px;
padding-left : 10px;
margin-bottom : 3px;
}

/*-----TABLE STYLES-----*/
table.contentpaneopen, table.contentpane {
border-collapse : collapse;
}

/*-----NAVIGATIONS-----*/

/*-----TOP NAVIGATION STYLES-----*/
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;
}/*BASIC TOP MENU LINK STYLES*/

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;
}/*TOP MENU LINK STYLES WHEN HOVERING OVER OR ACTIVE*/


/*-----SIDE NAVIGATION STYLES-----*/
a.mainlevel {
background : url(../images/mainlevel.gif) no-repeat;
background-position : 3px 6px;
display : block;
}/*BASIC SIDE MENU LINK STYLES*/
a.mainlevel:hover, a#active_menu.mainlevel {
background : url(../images/active.gif) no-repeat;
background-position : 3px 6px;
}/*SIDE MENU LINK STYLES WHEN HOVERING OVER OR ACTIVE*/
a.mainlevel, a.sublevel {
color : #fff;
text-decoration : none;
font-size : 13px;
font-weight : bold;
padding : 6px 0 6px 10px;
}
#left .moduletable table tbody tr td div {
padding : 6px 0 6px 10px;
}/*SUB MENU STYLES*/
a.sublevel:hover, a#active_menu.sublevel {
color : #000;
}/*SUB MENU STYLES WHEN HOVERING OVER OR ACTIVE*/


/*-----LAYOUT-----*/

/*-----TOP-----*/
#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 {
text-decoration : none;
}
#top a:hover {
text-decoration : underline;
}
/*-----HEADER-----*/
#header {
width : 100%;
position : relative;
padding-top : 10px;
}
.box {
width : 780px;
text-align : left;
}/* CENTERED DIV*/
#logo {
float : left;
}
#slogan {
float : right;
font-size : 16px;
padding-top : 20px;
}
/*-----TOP NAVIGATION-----*/
#nav {
margin-top : 16px;
width : 100%;
position : relative;
background : url(../images/nav.png) repeat-x top left;
height : 41px;
}
#nav table {
border-collapse : collapse;
}
/*-----PATHWAY AND SEARCH DIVS-----*/
#user4 {
width : 100%;
position : relative;
background : url(../images/pathway.png) repeat-x top left;
font-weight : bold;
font-size : 14px;
color : #383838;
height : 39px;
}
#user4 .box {
padding : 10px 0 0 16px;
}
#pathway {
float : left;
}
#pathway a {
color : #fff;
}
#search {
float : right;
}
#search form {
margin : 0;
}
#search .button {
background : url(../images/button.png) repeat-x top left;
margin-left : 2px;
font-weight : bold;
}
/*-----MAIN CONTENT-----*/
#wrapper {
width : 100%;
background : url(../images/gradient.png) repeat-x top left;
padding-top : 8px;
}
#container {
position : relative;
margin-top : 8px;
}
#left, #middle, #right {
float : left;
overflow : hidden;
}
#left {
margin-right : 8px;
}
#right {
padding-left : 8px;
}
#left, #right {
width : 166px;
voice-family : "\"}\"";
voice-family : inherit;
width : 158px;
}/* BOX HACK FOR IE */
html > body #left {
width : 158px;
}/* BOX HACK FOR IE */
html > body #right {
width : 158px;
}/* BOX HACK FOR IE */

/* MODULETABLE STYLES IN LEFT AND RIGHT COLUMNS*/
#left .moduletable, #left .moduletable-grey, #right .moduletable, #right .moduletable-grey {
padding : 10px;
margin-bottom : 10px;
}
/* H3 STYLES IN LEFT AND RIGHT COLUMNS*/
#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 h3, #right h3 {
color : #fff;
font-family : "trebuchet ms", verdana, Arial, Helvetica, sans-serif;
margin : 0;
}
/*LEFT COLUMN*/
#left .moduletable h3 {
background : url(../images/h3_left1.gif) repeat-x top left;
color : #fff;
}
#left .moduletable {
color : #fff;
}
#left .moduletable-grey {
background-color : #c1c1c1;
}
#left .moduletable a {
color : #fff;
}
/*MAIN BODY CONTENT*/
#middle {
width : 443px;
border : 1px solid #afafaf;
background : url(../images/bg.png) repeat-x top left;
}
#middle .hack {
padding : 26px 16px;
}/* APPLY PADDING */
/*RIGHT COLUMN*/
#right .moduletable-grey h3 {
background-color : #454545;
color : #fff;
}

/*--- BOTTOM ---*/
#bottom {
color : #ffffff;
padding : 18px 0;
background-color : #414141;
border-bottom : 15px solid #cbcbcb;
}
#bottom .box {
background : url(../images/bottomdot.png) repeat-y 33% 0;
}
#bottom .bg {
background : url(../images/bottomdot.png) repeat-y 66% 0;
}
#bottom td, #bottom p, #bottom a {
color : #fff;
}
#bottom h3 {
font-weight : bold;
font-size : 13px;
}
#bottom a {
color : #f8b920;
}
#bottom a:hover {
color : #fff;
}
#bottom li {
background : none;
padding : 0;
}
#bottom li a {
background : url(../images/bullet-white.png) no-repeat 0 6px;
padding-left : 10px;
}
#bottom li a:hover {
background : url(../images/bullet-white.png) no-repeat 0 6px;
}
#user5, #user6, #user7 {
width : 33.3%;
float : left;
}
#user5 .padding {
padding-right : 5%;
}
#user6 .padding {
padding : 0 5%;
}
#user7 .padding {
padding-left : 5%;
}
#user5, #user6, #user7 {
width : 33.3%;
}

/*FOOTER*/
#footer {
width : 100%;
position : relative;
color : #747474;
padding : 6px 0;
}
#footer .box {
text-align : center;
}
#footer a {
color : #747474;
}

/*---CUSTOMIZE COLORS---*/

/*LINK COLOR*/
a {
color : #ab1818;
}
/* H2 COLOR */
h2, .contentheading {
color : #ab1818;
}
/* TOP DIV LINK COLOR */
#top a {
color : #e50404;
}

/*TOP MENU ITEM BORDER COLOR*/
a.mainlevel-top:hover, a#active_menu-top.mainlevel-top, a.mainlevel_active-top, a#active_menu-top.mainlevel_current-top {
border : 1px solid #fb9696;
border-bottom : none;
}

/*SIDE MENU LINK COLOR*/
a.mainlevel {
border-bottom : 1px solid #b53434;
}
a.mainlevel:hover, a#active_menu.mainlevel {
background-color : #bb4343;
}

/* SUB MENU BACKGROUND COLOR */
#left .moduletable table tbody tr td div {
background-color : #bb4343;
border-bottom : 1px solid #7dc35a;
}

/*SEARCH BUTTON BORDER AND FONT COLOR */
#search .button {
border : 1px solid #d87d0b;
color : #c35a5a;
}
/* BACKGROUND COLOR FOR DIVS IN LEFT COLUMN */
#left .moduletable {
background-color : #ab1818;
}

/* H3 COLOR FOR GREY DIVS IN LEFT COLUMN */
#left .moduletable-grey h3 {
color : #ab1818;
}

/* H3 COLOR FOR DIVS IN RIGHT COLUMN */
#right .moduletable h3 {
background-color : #ab1818;
}

/* H3 COLOR IN BOTTOM DIV */
#bottom h3 {
color : #45a1d5;
}
