/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    colin summers
email:     colin@the-radiator.com
website:   http://www.the-radiator.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 1em 0;
}

ul,ol {
	margin:0px; padding:0px;
}
/* Class for clearing floats */
.clear {
	clear:both;
}
/* floats left or right */
.float-left {
	float:left;
}
.float-right {
	float: right;
}
.bold {
	font-weight:bold;
}
.arrow {
	color:#B40462;
}
.pink {
	color:#E60069;
}

img {
	border: 0;
}


/* Main Container(s) */

div#background{
text-align:left;height:100%;margin:0 auto; position:relative;background-image:url(images/bg.jpg); background-repeat:repeat-x;
}
div#background2{/* list pages with shallow background */
text-align:left;height:100%;margin:0 auto; position:relative;background-image:url(images/bg2.jpg); background-repeat:repeat-x;
}
div#container{
text-align:left; width:950px;margin:0 auto; position:relative; background-color:#FFFFFF; background-image:url(images/bg_container.jpg); background-repeat:no-repeat; z-index:2;
}
/* drop shadows outside container */
.shadow1{
position:absolute; right:950px; top:196px;
}
.shadow2{
position:absolute; left:950px; top:196px;
}
.shadow3{
position:absolute; left:950px; top:153px;
}
.shadow4{
position:absolute; right:930px; top:153px;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 100% arial,sans-serif;text-align:center; background-color:#DCE4E7  
}
p{
margin:0px 0px 10px 20px; color:#333333;
}
p.small{
font-size:75%;
}
.small{
font-size:75%;
}
p.main{
margin:10px 0px 0px 20px; font-size:140%; font-weight:bold; color:#333333; line-height:13px;
}
div#content p{
line-height:1.4;
}
div#footer p{
margin:0;padding:10px 0px; font-size:75%; color:#666;
}



/* =Headings
-----------------------------------------------------------------------------*/
h1 {
font-size: 230%; font-weight:bold; color:#000; margin: 10px 0px 0px 20px;
}
h2 {
font-size: 112.5%; font-weight:normal; color:#B40462; margin-left:20px;
}
h3 {
font-size: 100%; font-weight:bold; color:#333; margin:15px 0px 5px 20px;
}
h4 {
font-size: 112.5%; font-weight:bold; color:#000; margin:15px 0px 0px 0px; position:relative; left:20px; top:5px;
}
h5 {
font-size: 112.5%; font-weight:bold; color:#000; margin:0px 0px 0px 0px; position:relative; width:580px; left:20px; top:5px; border-bottom: 1px solid #ccc;
}


/* =Links
-----------------------------------------------------------------------------*/
a { 
color:#00A8C6; text-decoration: none;
}
a:link { 
color:#00A8C6; text-decoration: none;
}
a:hover{ 
color:#00A8C6; text-decoration: underline;
}


/* = Header and Brand Styles
-----------------------------------------------------------------------------*/

div#header{
position:relative; height:124px; margin-bottom:20px; background-color:#FFFFFF; padding:18px 18px 0px 18px;
}
div#header .logo{
position:relative; height:142px; margin-bottom:20px; background-color:#FFFFFF;
}
#header ul{
list-style: none;padding: 0;margin: 0px 0px 0px 441px;font-weight:bold; font-size:15px;
}
#header li{
float: left;list-style: none;margin: 0; padding-right: 15px;display:inline;
}
#header li a{
background-image: url(images/bullet_red.jpg); background-position:right; background-repeat:no-repeat; padding-right:20px;
}
#header .on {
color:#DB0066;
}

#header .login {
width: 550px;position:absolute; bottom:60px; font-size:80%; text-align:right; right:35px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#mainnav{
width:950px; background-color:#DBE4E6; height:32px; z-index:6;
}
#mainnav ul{
list-style: none;padding: 0;margin: 0px;
}
#mainnav li{
float: left;list-style: none;margin: 0;padding-right:3px;
} 
#mainnav a{
color: #fff;background: url(images/tab_left_off.jpg) left top no-repeat;text-decoration: none;padding-left: 18px; padding-right:18px; font-size:100%; font-weight:bold; padding-top:7px; padding-bottom:6px;
}
#mainnav .on {
color: #000;background: url(images/tab_left_on.jpg) left top no-repeat; background-color:#FFFFFF;
}
#mainnav a span{
background: url(images/tab_right_off.jpg) right top no-repeat;padding-right: 25px;font-size:100%;font-weight:bold;
}
#mainnav a, #mainnav a span{
display: block;float: left;
}
#mainnav a, #mainnav a span{
float: none;
}
#mainnav a:hover{
color: #000;background: url(images/tab_left_on.jpg) left top no-repeat; background-color:#FFFFFF; padding-left: 18px; padding-right:18px;
}
#mainnav a:hover span{
background: url(images/tab_right_on.jpg) right top no-repeat;padding-right: 15px;
}
ul#mainnav li ul {
width: 200px;
position:absolute;
left: -999em;
}
ul#mainnav li ul li{
border-bottom:1px solid #ccc;
}
ul#mainnav li ul li a {
background-image:none;
color:#000000;
width:170px;
}
ul#mainnav li ul li a:hover {
color:#00A8C6;
}
#mainnav li:hover ul {
left: auto;
width: 210px;
z-index:6;
}
#mainnav li ul {
background-color:#fff;
width: 210px;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/
div#subnav{
float:right;width:315px; margin-top:20px; position:relative; right:20px;
}
ul#submenu{
font-weight:bold; background-image:url(images/bg_submenu.jpg); background-position:bottom center; background-repeat:no-repeat; padding:15px 0px 35px 0px; background-color:#fff; width:315px; margin:10px 0px 0px 0px; float:left; z-index:2; position:relative;
}
ul#submenu li{
list-style-type:none; border-bottom:1px solid #ccc; padding:5px 0px 5px 0px;
}
ul#submenu li a.on{
list-style-type:none; border-bottom:1px solid #ccc; padding:5px 0px 5px 0px; color:#E60069
}
ul#submenu li ul{ border:none; margin-top:5px; border-top:1px solid #ccc;
}
ul#submenu li ul li{border:none;padding-left:20px; background-image:url(images/bullet_red.jpg); background-repeat:no-repeat; background-position: 0px 7px;
}
ul#submenu li ul li a{ color:#D2005B;
}




div#subnav .news{
float:left;width:315px; border-bottom:1px solid #ccc; margin-top:10px; padding-bottom:10px;
}
div#subnav .date{
width:41px; height:46px; background-image:url(images/date.jpg); float:left;
}
div#subnav .day{
text-align:center; font-weight:bold; color:#FFF; font-size:125%; line-height:32px;
}
div#subnav .month{
text-align:center; font-size:55%; color:#FFF; clear:both; font-weight:bold;
}
div#subnav h4{
position:relative; left:0px;
}
div#subnav blockquote{
color:#333333; font-size:75%; font-style:italic;
}
div#subnav .news img{
float:left; width:41px;
}
div#subnav .float-left{
margin-left:0px;
}
div#subnav .news p{
float:right; width:250px; font-weight:bold;
}
div#subnav ul.socialmedia {
clear:both; float:left; margin:20px 0px 20px 0px; width:315px;
}
div#subnav .socialmedia li{
padding-right:5px; display:inline; margin-top:10px; 
}
ul#mostread, ul#archive, ul#authors, ul#relatednews {
font-weight:bold; background-image:url(images/bg_submenu.jpg); background-position:bottom center; background-repeat:no-repeat; padding:15px 0px 35px 0px;width:315px; margin:10px 0px 0px 0px; float:left; z-index:2; position:relative;
}
ul#mostread li, ul#archive li, ul#authors li, ul#relatednews li{
list-style-type:none; border-bottom:1px solid #ccc; padding:5px 0px 5px 0px;
}

ul#pageLinksRelated {
font-weight:bold; padding:5px 0px 5px 0px;width:315px; margin:3px 0px 0px 0px; float:left; z-index:2; position:relative;
}
ul#pageLinksRelated li{
list-style-type:none;padding:2px 0px 5px 20px;
}



ul#relatedpages {
font-weight:bold; padding:5px 0px 15px 0px;width:315px; margin:10px 0px 0px 20px; float:left; z-index:2; position:relative;
}

ul#relatedpages li{
list-style-type:none; padding:5px 0px 5px 0px;  font-size: 75%; font-weight:normal;
}



ul#datecontainer { 
width:292px; padding:10px 10px 20px 10px; background-color:#DCE4E7; height:200px; margin-bottom:20px; list-style-type:none; margin-top:10px;
}
ul#datecontainer li {
float:left; margin:0px 0px 3px 3px; padding:0px;
}
ul#datecontainer li a {
padding:15px; background-color:#CCCCCC; display:block;  width:62px; text-align:center; font-weight:bold;
}

ul#datecontainer li.off {
padding:15px; color:#00A8C6; background-color:#CCCCCC; display:block;  width:62px; text-align:center; font-weight:bold;
}

/*ul#datecontainer li a:hover {
background-color:#E60069; color:#FFFFFF;
}*/

ul#datecontainer li a.on {
padding:15px; color:#FFFFFF; background-color:#00A8C6; display:block;  width:62px; text-align:center; font-weight:bold;
}

ul#datecontainer li a.current {
padding:15px; color:#FFFFFF; background-color:#E60069; display:block;  width:62px; text-align:center; font-weight:bold;
}

div#subnav .year {
padding-left: 120px; font-weight:bold;
}
ul#datecontainer p {
margin:0px; padding:0px;
}






/* =Main Content
-----------------------------------------------------------------------------*/


div#mainimage{
width:910px; height:296px; padding:18px 0px 0px 20px; z-index:3; position:relative;
}
div#mainimage2{/* smaller banner size */
width:910px; height:146px; padding:18px 0px 0px 20px;
}
div#content{
float:left;width:595px; margin-top:20px;
}
div#content .breadcrumb{
margin-left:20px; font-size:80%;
}
div#content .breadcrumbright{
margin-left:20px; font-size:80%; float:right;
}
div#content ul.newshead a{
color: #fff;text-decoration: none;padding-left: 75px; margin-top:3px;
}
div#content ul.newshead a span{
padding-right: 75px;font-size:100%;font-weight:bold;line-height:38px;
}
div#content ul.newshead a, .newshead a span{
display: block;float: left;
}
div#content ul.newshead a, .newshead a span{
float: none;
}
div#content ul.newshead a:hover{
color: #000;padding-left: 75px; background-color:#FFFFFF;
}
div#content ul.newshead a:hover span{
padding-right:75px;
}
div#content ul.newshead {
list-style: none;padding: 0;margin: 0px;background-image:url(images/bg_newshead.jpg); background-repeat:repeat-x; width:575px; font-size:112.5%; height:38px; margin-left:20px;
}
div#content ul.newshead li{
float: left;list-style: none;margin: 0px 0px 0px 20px;padding-left:3px;
} 
div#content ul.newshead .on {
color: #000;padding-left: 75px; background-color:#FFFFFF
}
div#content .news{
float:left;width:580px; border-bottom:1px solid #ccc; margin-top:20px; padding-bottom:20px; margin-left:20px;
}
div#content .news img{
float:left; width:210px;
}
div#content .news p{
float:right; width:345px; font-weight:normal;
}
div#content .news ul{
float:right; width:345px; font-weight:normal; margin-left:10px; margin-bottom:5px; color:#333333; 
}
div#content .news li{
width:345px; font-weight:bold;list-style-type:none; position:relative; padding-top:8px;
}
div#content .news li span{
position:absolute; left:87px;font-weight:normal; margin:0px; padding:0px; 
}
div#content .bigimage{
margin:20px;
}
div#content .blogimage{
padding: 20px 0px 20px 20px;
}

div#content .discuss{
border-bottom:1px solid #ccc; margin:10px 0px 10px 0px; padding-bottom: 20px;
}
div#content .eventdetails{
border-top:1px solid #ccc; margin-left:20px; /*border-bottom:1px solid #ccc;*/
}
div#content .eventdetails h3{
display:block; margin-left: 0px;
}

div#content .eventdetails span{
position:absolute; left:150px; font-weight:normal; font-size:75%;
}
div#content .left{
width:290px; float:left; margin-top:10px; padding-bottom:20px;
}
div#content .map{
position:relative; top:5px;
}
div#content .right{
width:300px; float:right; 
}

div#content .pagelong ul {}
div#content .pagelong ul li {background-image:url(images/bullet_pink.jpg); list-style-type:none; background-repeat:no-repeat; background-position:20px 7px; padding-left:35px; padding-bottom:10px;}
div#content .pagelong blockquote {font-style:italic; padding-left:20px;}

/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/

div#footer{
background: #DBE4E6;color: #FFF; clear:both; height:280px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; background-position:center top;
}
#footer ul{
list-style: none;padding: 0;margin: 0px;float:left; font-weight:bold; width:950px; margin-top:20px;
}
#footer li{
float: left;list-style: none;margin: 0; width:302px; height:166px;
}
#footer .image1 {
background-repeat:no-repeat;
}
#footer .image1 a, #footer .image2 a, #footer .image3 a{
display:block; height:135px; padding:15px;
}
#footer .image2 {
background-repeat:no-repeat;
}
#footer .image3 {
background-repeat:no-repeat;
}
#footer .bluebar 
{
background-color:#049EB8; height:6px; width:302px; position: relative; top: 11px; right:0px;
}
#footer .right{ 
margin-right:20px;
}
div#footerbg{
height:280px; position:absolute; background-color:#DBE4E6; width:100%; text-align:left; margin-top:-280px; z-index:1;
}

/*div#footer{
background: #DBE4E6;color: #FFF; clear:both; height:280px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; background-position:center top;
}
#footer ul{
list-style: none;padding: 0;margin: 0px;float:left; font-weight:bold; width:950px; margin-top:20px;
}
#footer li{
float: left;list-style: none;margin: 0;
}
#footer .right{ 
padding-right:20px;
}
div#footerbg{
height:280px; position:absolute; background-color:#DBE4E6; width:100%; text-align:left; margin-top:-280px; z-index:1;
}*/



/* = Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent; margin:0px;
}
/* Search Facility */
div#search {
width: 320px;position:absolute; right:0px; bottom:10px; height:40px;
}
div#search label{
color:#666666; font-size:100%; margin:0px 10px 0px 0px; 
}
div#search input{
 width:183px; background-image:url(images/bg_search.jpg); padding-bottom:8px; background-repeat:no-repeat; top:5px; position:absolute;border:1px solid #fff; padding-left:15px; margin:0px;
}
div#search input.button{
 width:22px; height:22px; background-image:url(images/bg_search.jpg); padding:0px; position:relative; top:5px; left:205px;
}
/* Contact Page*/

div#contact 
{
    width:600px;
}

div#contact legend {
 font-size: 100%; font-weight:bold; color:#333; margin:15px 0px 5px 10px;
}
div#contact .contact-left 
{
  width:280px; float:left;
}
div#contact .contact-right 
{
  width:280px; float:left; margin-left:10px;
}

div#contact label {
  display: block; margin-bottom:5px;
}
div#contact label .required {
  color:#760000;
}
div#contact input {
  width: 265px;
}
div#contact input.button {
  width: 106px; float:right; margin-top:10px; margin-bottom:10px;
}
div#contact input.radio, input.submit {
  width: auto;
}
div#contact input:focus, textarea:focus {
  background: #ffc;
}
div#contact input.radio {
  float: left;margin-right: 1em;
}
div#contact textarea {
  width: 560px;height: 100px;
}








/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:400px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    float:left;
    font-size:12px; 
    color:#000;
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:350px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    background-color:transparent; 
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent; 
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent;
    }     
/*END SITEMAP INFO*/

/* =blog
-----------------------------------------------------------------------------*/

div#blog {}
div#blog .content{ width:660px; float:left;}
div#blog .content .post{ clear:both;}
div#blog .navigation{ width:235px; float:right;}
div#blog .content h3{ color:#CCCCCC; text-transform:uppercase; text-transform:uppercase;}
div#blog .navigation { margin-top:59px;}
div#blog .navigation ul{ margin:10px 0px 30px 0px; padding:0px;list-style:none;}
div#blog .navigation ul li{margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; color:#989898; list-style:none;}
div#blog .navigation ul.mostread {margin:0px 0px 15px 0px; list-style:none;}
div#blog .navigation ul.mostread li{margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; color:#989898; list-style:none;}
div#blog p { margin-bottom:10px;}
div#blog .grey {color:#909090;}

div#blog h4 { margin-bottom:20px;}
div#blog .discuss {width:580px; margin-top:10px; padding:0px 10px 0px 10px; height:30px;}
div#blog .discuss p{ margin:0px; padding:5px 0px 0px 0px;}
div#blog .left{ float:left; padding-left:20px; width:270px;}
div#blog .right{ float:right; padding-top:10px;width:270px;}
div#blog .full{ padding-left:20px;}
div#blog .profile{ float:left; margin-right:10px; margin-left:20px; margin-top:10px;}
div#blog #company{ float:left; width:270px; margin-bottom:30px;}
div#blog #company p{ margin:0px 0px 0px 20px; padding:0px; width:270px;}
div#blog #company strong{position: absolute;}
div#blog #company em{margin:0px; padding:0px; position: relative; left:100px; font-style:normal;}
div#blog #follow{ float:right; width:270px; }
div#blog #follow h4{margin-left:0px;}
div#blog #follow p{ margin:15px 0px 0px 0px; padding:0px; width:270px;}
div#blog #follow a{ position:relative; left:20px; top:10px;}
div#blog #follow strong{position: absolute;}
div#blog #follow em{margin:0px; padding:0px; position: relative; left:20px; font-style:normal;}
div#blog blockquote{ font-style:italic; margin-left:20px;}
div#blog textarea { width:565px; font-family:Arial, Helvetica, sans-serif;}
div#blog input { font-family:Arial, Helvetica, sans-serif;}
div#blog .textbox { width:250px;}

#contact-area {width:660px;margin-top: 25px; padding-left:20px; font-weight: normal; color:#FFFFFF;}
#contact-area .left{ float:left;width: 315px; height:100px;}
#contact-area .right{ float:right;width: 315px; height:100px; padding-top:10px;}
#contact-area h3{ color:#CCCCCC; text-transform:uppercase; text-transform:uppercase; text-decoration:none; border:none;}
#contact-area .textbox, #contact-area textarea {padding: 2px;width: 315px;font-size:12px;color:#000;margin: 3px 0px 10px 0px;}
#contact-area textarea {height: 120px; width:660px;}
#contact-area .checkbox{ position:relative; top: 67px; left:25px;}
.checkbox2 { width:20px; margin:0px; padding:0px;}
#contact-area .submit-button { margin-left:532px; margin-bottom:15px;}
#contact-area label {text-align: left;margin-right: 15px; color:#000;width: 100px;padding-top: 5px;font-size: 12px;}

/* =forum
-----------------------------------------------------------------------------*/

div#forum{min-height:790px; height:auto !important; height:790px; line-height:1.4;float:right;width:595px; background-color:#fff;}
div#forum .rowblue{ height:24px; background-color:#00A9C1; color:#FFFFFF; margin-top:20px; font-size:16px; font-weight:bold; line-height:20px; margin-left:20px;}
div#forum .rowgrey{ background-color:#DCE4E7;color:#333; font-size:16px; font-weight:bold; padding-left:10px; clear:both; height:28px; margin-left:20px;}
div#forum .rowwhite{ background-color:#FFF; border-bottom: 1px solid #CCC; clear:both;margin-left:20px;}
div#forum .rowwhite p{ padding-left:0px; margin-left:0px; padding-top:5px;}
div#forum .rowwhitetop{ background-color:#FFF; border-top: 1px solid #CCC; clear:both;}
div#forum .columnforum{ float:left; width:261px; margin-right:10px; padding-left:10px; padding-bottom:2px;}
div#forum .columnauthor{ float:left; width:150px; margin-right:10px; padding-left:10px; padding-bottom:2px;}
div#forum .columnforumfull{ float:left; width:501px; padding-left:30px; padding-bottom:2px;}
div#forum .columnname{ float:left; width:171px; padding-left:30px; padding-bottom:2px;}
div#forum .columnposting{ float:right; width:420px; padding-left:0px; padding-bottom:2px; padding-top:5px;}
div#forum .columntopics{ float:left; width:83px;}
div#forum .columnmessage{ float:left; width:383px;}
div#forum h4 { margin-bottom:20px;}
div#forum .threadtitle { margin-bottom:20px; margin-left:20px; width:300px;}
div#forum .columnposts{ float:left; width:83px;}
div#forum .columnlastpost{ float:left; width:128px;}
div#forum h2{ margin-top:5px;}
div#forum p{ margin-bottom:5px;}
div#forum .posticon{ position:relative;}
div#forum textarea{ margin-left: 20px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; width:570px;}

/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/