﻿body{color:#222; background:url('images/bg.jpg') repeat-x #213039; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#page{width:975px; text-align:left; margin: 0 auto;}

#header { height: 60px; padding: 0 25px 25px 25px; color: #8d675a; }
#header ul {list-style: none ;vertical-align: middle; }
#header li {float: left; font-size: 12px; font-weight:bold; vertical-align: middle; margin: 0 0 0 20px; line-height:30px; height: 30px; display: block;}
#header a{color: #8d675a; text-decoration: none;}
#header a:hover{color: #9cbdd8;}
#header #search {height: 30px;}
#header #menu {height: 100%; }
#header #menu img {border: none;}

#top { margin-top:18px;width: 100%; height: 30px;  background: url('images/top.png') repeat-x;}

#content{width:100%; background: #fff; float:left;}
#content #inner{padding:20px; background: #fff}
#content #topleft{float:left; _margin-left:-3px}
#content #topright{float:right; _margin-right:-3px}

#footer {width: 100%; clear: both; height: 50px; padding-top: 10px; color: #999}
#footer a {color: #ccc; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer .highlight {color: #ccc;}

a {color: #263c5a; text-decoration: underline;}
a:hover {text-decoration: none;}
.clear{clear:both; height:0; font-size:0; line-height:0}

.list {}
.list a {color: #263c5a; text-decoration: none;}
.list a:hover{color: #9cbdd8}
.list h1 { font-size: 12px; margin-top: 3px}

.noline{font-size:0; line-height:0}

.wideColumn{width:65%; float: left}
.narrowColumn{width:35%; float: left}
.tightColumn{width:25%; float: left}
.right {float: right}

#adminmenu {width:100%; background: url(Web/mItemBack.gif) repeat-x; margin-bottom: 22px;}

.subtext {color: #444}
.subtext b {color: #222; line-height: 1.75}
.subtext p{padding-top: 10px;}

div.row {clear: both; height: 25px; }

.link a{ background-color: #fff; display:block; padding: 5px; color: #222;text-decoration: none; border-bottom: #999 dashed 1px;}
.link a:hover{ background-color: #8d675a; color: #fff; }

h1 {font-size: 22px}
h2 {font-size: 16px}
h3 {font-size: 14px}
h4 {color: #8d675a;font-size: 14px }

.search {margin: 0; padding: 10px; background:  #8d675a;  }
#searchInner {width: 100%; height: 30px; }

#popcorna { color: #fff; font-size: 14px; font-weight: bold; padding-bottom: 25px}
#popcorna a { color: #fff; text-decoration: underline; }
#popcorna a:hover { text-decoration: none;}

#popcorn { font-size: 14px; font-weight: bold; padding-bottom: 25px}
#popcorn a { text-decoration: underline; }
#popcorn a:hover { text-decoration: none;}

.overview { list-style: none; }
.overview li {float: left; display: block; margin: 0; padding: 2px 20px 0 0; width: 150px; text-align: center;}
.overview img {margin-bottom: 10px; border: none;}
.overview li a{color: #8d675a; text-decoration: none;}
.overview li a:hover{color: #9cbdd8;}


/*.highlight {color: #fff; background: #8d675a; padding: 2px; margin-bottom: 10px}*/
.highlight {color: #8d675a;}