html,body{height:100%; min-height:100%}
html { overflow: scroll; overflow-x: auto; }
body { font-family:Arial, Tahoma, Verdana;
font-size:12px;
margin:0 auto;
padding:0;
color:#656253;
line-height:18px;
background-color:#ebeceb;
vertical-align: bottom;
}
* { margin:0;
padding:0;
}
*:focus {
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
if you want to keep it! */
}
.clr{
clear:both;
font-family: Arial, Tahoma, Verdana;
}
form{margin:0; padding:0;}
hr {
border: 0;
color: #f2f2f2;
background-color: #f2f2f2;
height: 1px;
margin:5px 0px 5px 0px;
padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}
hr.dotted{background-image:url(images/dotted-horizontal.gif) !important; border:0px; background-repeat:repeat-x;}
a img { border: none; }
/**************************************************************/
/*** CONTAINER ***/
#wrapper{width:100%;}
#container{
width:940px;
margin:0 auto;
padding:0px 30px;
background-color:#fff;
font-family: Arial, Tahoma, Verdana;
}
/* TOP */
#top{
height:110px;
padding:22px 0px 0px 0px
}
#logo h1, #logo h1 a, #logo h1 a:visited{
font-size:48px;
color:#2d84b6;
margin-bottom:0px;
text-align: left;
}
#logo h1 a:hover{
text-decoration:none;
font-family: Arial;
}
#logo .t1{
color:#656253;
font-family: Arial;
}
#logo .desc{
color:#7c7a6b;
font-size:14px;
font-family: Arial, Tahoma, Verdana;
}
#topnavigation{background-image:url(images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:0px 1px; border-bottom:solid 1px #7c7a6b; height:34px;}
#topnav{float:left; width:950px;}
#topnav ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#topnav ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#b9b9b9; background-image:url(images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 12px}
#topnav ul li li{padding:0px;}
#topnav ul li.home{background-image:none;}
#topnav ul li.current, #topnav ul li.section{border-top:solid 3px #2d84b6; }
#topnav ul li a, #topnav ul li a:visited{color:#000;}
#topnav ul li a:hover{
color:#9fa1a2;
text-decoration:none;
font-family: Arial, Tahoma, Verdana;
}
#topsearch{width:250px; float:left; padding:7px 0px 0px 0px;}
#topsearch form p{margin:0px;}
*+html #topsearch {padding:5px 0px 0px 0px;}/* ie 7 only */
* html #topsearch {padding:5px 0px 0px 0px;}/* ie 6 only */
.inputbox{border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:170px}
.but{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#000; color:#fff; padding:2px 10px; cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.but, a.but:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .but{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but{padding:2px 3px 1px 3px !important;}/* ie 6 only */
/* HEADER */
#header{
height:250px;
clear:left;
margin:10px 0px 0px 0px;
border-bottom:solid 1px #7c7a6b;
position:relative
}
#header-inner{background-image:url(images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; padding:35px 0px 20px 0px}
#header-inner h1.pagetitle{margin:0px; color:#444133; font-size:36px;}
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}
/* CONTENT */
#Content{margin:20px 0px; background-image:url(images/bg-content.gif); background-repeat:repeat-y; width:940px}
#content-full{margin:20px 0px; }
#content-left{width:650px; float:left;}
#content-right{width:290px; float:left;}
#maintext{padding:0px 20px 20px 0px; }
.typography ul.inline{list-style-type:none; padding:0px; margin:20px 0px 20px 0px}
.typography ul.inline li{list-style-type:none; padding:0px; margin:0px 20px 0px 0px; display:inline; float:left; width:196px}
.typography ul.inline li.nomargin{margin:0px;}
.typography ul.inline h2{
margin:10px 0px 5px 0px;
}
.typography ul.inline img { display: block;}
#sideright{padding:0px 0px 0px 30px}
#sideright h2{margin-bottom:8px;}
#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sideright ul li { background-image:url(images/arrowlist.gif); background-repeat:no-repeat; background-position:0px 11px; padding:5px 0px 5px 20px}
#sideright ul.newslist li{
list-style-type:none;
padding:5px 0px 10px 0px;
margin:0px 0px 5px 0px;
background-image:url(images/dotted-horizontal.gif);
background-repeat:repeat-x;
background-position:bottom;
line-height:17px
}
#sideright ul.newslist li.noline{background-image:none; padding-bottom:0px; margin-bottom:0px;}
.newslist a, .newslist a:visited { text-decoration: none; }
.newslist a:hover strong { text-decoration: underline; }
#sideright ul li a, #sideright ul li a:visited{color:#656253;}
.box{ background-image:url(images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom;padding:0px 0px 18px 0px; margin:0px 0px 18px 0px;}
.boxnoline{background-image:none; padding:0px 0px 18px 0px; margin:0px 0px 18px 0px;}
.WidgetHolder { margin:0px 0px 18px 0px; }
.news-container .box{ background-image:none; padding:0px; margin:0px;}
#sideright blockquote{margin:10px 0px 0px 0px; padding:0px 0px 0px 30px; background:none; border:0px; background-image:url(images/quote.gif); background-repeat:no-repeat;}
.small{color:#999; font-size:11px;}
span.tblue, span.tblue a, span.tblue a:visited{color:#2d84b6 !important; font-weight:bold;}
span.tblue2{color:#2d84b6 !important;}
/* FOOTER */
#footer{padding:10px 0px 40px 0px; width:940px; background-image:url(images/double-line.gif); background-repeat:repeat-x}
#footer-text{font-size:11px; color:#999689 }
#wrapper #container #top #logo {
font-size: 28px;
}
#wrapper #container #top #logo {
font-size: 22px;
}
#wrapper #container #top #logo2 {
font-size: 22px;
text-align: right;
padding-top: 32px;
height: 26px;
}
.strapline {
text-align: right;
vertical-align: bottom;
height: 51px;
}
#Content form textarea#Form_Form_EditableTextField3 { width: 400px; }
#BlogPost {
xxbackground-color: purple;
}
.middleColumn {
xxbackground-color: blue;
}
/*
*/