/* Start of CMSMS style sheet 'default' */
html,body{
padding: 0;
margin: 0;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: 12px;
color: #363636;
}

h1{
margin: 0;
}

div#top{
background: url('images/top.png') repeat-x;
height: 50px;
width: 100%
}

div#middle{
background: #d0d0d0 url('images/middle.png') repeat-x;
width: 100%;
}

div#bottom{
background: #2b2a2b url('images/bottom.png') repeat-x;
min-height: 200px;
width: 100%;
}

div#innerbottom{
width: 1000px;
margin: 0 auto;
color: white;
height: 240px;
}

div#header{
width: 1000px;
margin: auto;
color: white;
}

div#footer{
border-top: 2px solid #e69907;
text-align: center;
color: white;
width: 1000px;
margin: auto;
padding: 10px 0;
line-height: 18px;
}

div#main{
width: 729px;
padding: 0 10px;
float: right;
min-height: 500px;
border-left: 1px dotted #808080;
}

div#main h2, div#sidebar h2{
border-bottom: 1px solid #959595;
margin: 0;
}

div#container{
width: 1000px;
min-height: 300px;
margin: auto;
overflow: hidden;
padding: 0 0 20px 0;
}

div#container h1{
border-bottom: 1px solid #959595;
margin: 5px 0 10px 0;
}


div#sidebar{
width: 230px;
padding: 0 10px;
float: left;
overflow: hidden;
}

div#sidebar ul{
margin: 0;
padding: 0;
list-style: none;
}

div#sidebar ul li{
margin: 10px;
display: block;
}

div#sidebar ul li a{
padding: 3px 3px 3px 30px;
background: #323232 url('images/pointer.png') no-repeat 5px center;
color: #ebebeb;
text-decoration: none;
display: block;
}

div#sidebar ul li a:hover,div#sidebar ul li.currentpage a{
background: #acacac url('images/pointer2.png') no-repeat 5px center;
color: #323232;
}

div#footer em,div#footer a{
color: #e69907;
font-style: normal;
}

span.sitetitle{
font-size: 18px;
}

span.sitetitle em{
font-style: normal;
color: #e69907;
}

div#titlebox{
line-height: 20px;
float: left;
height: 50px; 
}

div#mainmenu{
float: right;
line-height: 40px;
height: 50px;
margin: 0;
}

div#mainmenu ul{
list-style: none;
margin: 0;
padding: 0;
}

div#mainmenu ul li.currentpage{
background: url('images/menu_item.png') no-repeat center bottom;
}

div#mainmenu ul li{
display: block;
float: left;
}

div#mainmenu ul li a{
color: white;
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: block;
padding: 5px 10px;
text-transform: lowercase;
}

div#breadcrumbs{
text-transform: lowercase;
}

div#breadcrumbs a{
color: #004080;
line-height: 28px;
text-transform: lowercase;
}

div.bottombox{
padding: 10px;
float: left;
text-align:center;
line-height: 24px;
font-size: 12px;
font-weight: bold;
height: 180px
}

div#innerbottom h2{
margin: 0;
height: 20px;
padding-top:10px;
font-weight: normal;
}

div.bottombox img.arrow{
margin-top: 50px;
}

div.foliobox{
background: white;
width: 300px;
padding: 10px;
border: 1px solid #363636;
margin: 5px;
float: left;
height: 460px;
}

div.foliobox div.thumb{
height: 260px;
border-bottom: 1px dotted #363636;
}

div.foliobox div.thumb img{
border: 1px solid #2a2a2a;
}

div.foliobox div.thumb a{
text-decoration: none;
}

div.foliobox div.title{
text-align: center;
width: 300px;
color: #363636;
font-size: 16px;
font-weight: bold;
}

div.foliobox div.link a{
color: #363636;
font-size: 16px;
font-weight: bold;
text-decoration: none;
margin: 0;
}

div.foliobox div.link a:hover{
text-decoration: underline;
}

div.foliobox div.icons{
padding-top: 5px;
}

div.foliobox div.icons img{
margin: 4px;
cursor: pointer;
}

div.foliobox ul{
margin: 0;
}

div.foliobox a{
color: #004080;
}

div.foliobox p{
margin: 5px 0 0 0;
}

div.foliobox div.details div{
height: 100px;
}

.hidden{
display: none;
}

div.col{
width: 300px;
height: 400px;
margin: 16px;
float: left;
}

div.col img{
border: 2px solid #363636;
}

div.col p{
line-height: 2em;
}


div#contactform{
width: 640px;
float: right;
}

div#contactform ul{
list-style: none;
padding: 0;
margin: 0;
}

div#contactform ul li{
min-height: 24px;
line-height: 24px;
display: block;
float: left;
width: 620px;
}

div#contactform legend{
font-weight: bold;
}

div#contactform label{
display: block;
width: 160px;
float: left;
text-align: right;
}

div#contactform input.submit{
width: 60px;
margin: 10px 0; 
}

div#contactform .selected{
border: 1px solid #004080;
background: #dfefff;
}

div#contactform textarea{
height: 150px;
}

div#contactform  input, div#contactform textarea{
width: 440px;
float: right;
}

div.leftcol{
width: 280px;
float: left;
}

div.graybox{
font-size: 14px;
font-weight: bold;
z-index:100;
position: fixed;
top: 0;
left: 0;
text-align: center;
width:100%;
background: url('images/graybox.png');
}

div#loader{
background: white;
width: 40%;
margin: auto;
padding: 10px;
border: 1px solid #c0c0c0;
}

.required{
font-weight: bold;
}

#closegraybox{
float: right;
}
/* End of 'default' */