/*
HDARA v3
Matthew Bull
*/

/*///////////////// GENERAL ///////////////////////*/
html *{ margin:0; padding: 0;}
html{ background: #2e434b url(../images/background.jpg) repeat-x 0 0;}
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6c787d;}
img{ border: none;}
p{ line-height: 21px; padding-bottom: 15px;}
#featured h1{font-size: 26px;letter-spacing: -2px; color: #537481;}
h2{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 20px;}
h3{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #fff; padding-bottom: 5px;}
h4{ font-size: 14px; font-weight: normal; color: #3e829c; padding-bottom: 5px;}
/*///////////////// END GENERAL ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper { padding-top: 48px; }
#wrapper{ width: 940px; margin: 30px auto 0 auto;}
#header{ width: 940px; height: 40px; margin-bottom: 20px;}
#content{ width: 940px;}
#sidebar{float: left; width: 290px; margin-right: 15px; display: inline;}
.sidebar-element{ background: #1c292e url(../images/rounded_top.png) top left no-repeat; padding: 9px 22px 0;}
.sidebar-bottomelement{ background: #1c292e url(../images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px;}
#links-sidebar{ background: #5f96ac url(../images/links-sidebar_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#main-content-wrapper{ float: left; width: 635px;}
#main-content{ width: 595px; padding: 10px 20px; background: #fff url(../images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 635px; height:17px; background: url(../images/main_content_bottom.png) no-repeat top left;}
#main-content img{float: right; margin:10px 10px 10px 10px;}
#links-sidebar-bottom{ background: url(../images/links-sidebar_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px;}
#footer{ margin-top: 7px;}
#footer p{ text-align: left; font-size: 7pt; color: #fff;}
.spacer-line{ width: 99%; margin: 20px 0; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin-bottom: 20px; border-bottom: 1px solid #e8ecee;}
#social{ float: right; width: 85px; height: 25px; display: inline; margin-top: 5px; }
#logout{ font-size: 14pt; float: right; width: 85px; height: 25px; display: inline; margin-top: 15px; }
#logout a{ color: #fff; text-decoration: none; }
#logout a:hover{ color: #54bee6; text-decoration: none; }
#dhtmlfloatie{ position: absolute; left: 0; left: -900px; filter:alpha(opacity=0); -moz-opacity:0; border: 2px solid black; padding: 5px 5px 20px 5px; z-index: 100;}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// lINKS ///////////////////////*/
a{outline: none;}
a:link, a:visited{ color: #54bee6; text-decoration: none;}
a:hover { text-decoration: underline; }
a.readMore:link, a.readMore:visited{}
#links-sidebar a:link, #links-sidebar a:visited{ color: #fff; text-decoration: none;}
#links-sidebar a:hover { text-decoration: underline; }
#main-content a.button1{ background: url(../images/button1.png) no-repeat 0 0 ;display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: #fff; margin-left: 80px; }
#main-content a.button1:hover{ background: url(../images/button1.png) no-repeat 0 -25px; text-decoration: none;}
/*///////////////// END lINKS ///////////////////////*/

/*///////////////// TITLE ///////////////////////*/
#logo-container{ float: left; width: 216px; margin-left: 15px; display: inline; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 372px; height: 40px; text-indent:-9000px; background: url(../images/title.png) no-repeat 0 0;}
h1 a { height:40px; width: 216px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
/*///////////////// END TITLE ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ background:url(../images/menu_bg.gif) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px;}
#navigation ul{ list-style: none;}
#navigation ul li{ display: inline; height: 42px; text-transform: uppercase;background: transparent; padding: 0;}
#navigation ul li a{ float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(../images/menu_divider.gif) top right no-repeat;}
#navigation ul li a:hover, #navigation ul li a.current{ color: #54bee6;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// LISTS - NAVIGATION ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{ padding: 5px 5px 5px 15px; background: url(../images/li_icon.png) no-repeat center left;}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {background: url(../images/order.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.order a:hover {background: url(../images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;} 
#main-content ul.buttons li.enlarge a {background: url(../images/enlarge.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.enlarge a:hover {background: url(../images/enlarge.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff; text-decoration: none;} 
/*///////////////// END LISTS - NAVIGATION //////////////////*/

/*///////////////// LATEST NEWS ///////////////////////*/
.latestinfo{ width: 99%; background: url(../images/news_divider.png) bottom left repeat-x; margin-top: 15px;}
p.date{ color: #54bee6; padding-bottom: 7px; font-weight: bold;}
p.latestinfo-text{ color: #8598a0;}
p.latestinfo-archive{ padding-top: 10px; padding-bottom: 0;}
p.latestinfo-archive a{ padding-left: 22px; font-weight: bold; background: url(../images/archive_icon.png) 0 50% no-repeat;}
/*///////////////// END LATEST NEWS ///////////////////////*/

/*///////////////// LINKS-SIDEBAR ///////////////////////*/
#links-sidebar{ background: #5f96ac url(../images/links-sidebar_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#links-sidebar p{ color: #1d292f; padding-right: 40px;}
/*///////////////// END LINKS-SIDEBAR ///////////////////////*/

/*///////////////// VIEWTABLE ///////////////////////*/
.ViewTable{ background-color: #42434b; width: 90%; border: solid 1px #d5d5d5; margin-left: 10px;}
.ViewTable th{ background: #5f96ac; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; color: #FFFFFF; font-family: verdana,arial,helvetica; font-size: 8pt; font-weight: bold;}
.ViewTable td{ background: #fff; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; text-align: left;}
/*///////////////// END VIEWTABLE ///////////////////////*/