/* -- GLOBAL SETTINGS -- */
body {background: #f1e0bd url(img/bg.gif); font: 13px georgia, Arial, Helvetica, sans-serif; color: #222; margin: 0; padding: 0; text-align:center;}
* { margin: 0; padding: 0;}
.clear {clear:both;}

p {padding-bottom: 15px; line-height:18px }
a {color: #7d0e04; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border:0;}

h1 {font-size: 24px;  line-height: 42px; color:red}
h2 {font-size: 18px; line-height: 21px; margin-bottom:10px; border-bottom:1px dotted #999; padding-bottom:10px; }
h3 {font-size: 14px; line-height: 21px;  }
h1, h2, h3 {color: #eb9f30; font-weight:normal;}

ul, ol {margin: 11px 0 10px 18px; }

#wrap {width: 930px; background: #fff; margin:auto; margin-top:15px; margin-bottom:15px; padding:15px; border:3px solid #ffaf28;}
#main {background:#fff; border-top:1px solid #fff; padding:0px 0px 0px 0px;}
#content {padding:20px; text-align:left;}
#content ul {margin:0 0 15px 30px;}
#content li {line-height:18px; padding-bottom:3px;}
#content h3 {font-size: 14px; line-height: 21px;  padding-bottom:10px;}

#col1 {float:left; width:600px;}
#col2 {float:right; text-align:left; padding:20px; width:200px;  background:#dfb850 url(img/wheat.gif) bottom center no-repeat;}
#col2 h2 {font-size: 14px; margin-bottom:10px; border-bottom:1px dotted #222; padding-bottom:10px; color:#222; text-transform:uppercase;}


small {margin-bottom:7px; font-size:11px; color:#888; display:block;}

br.clear {clear: both;}

.alignleft {float:left; padding:3px; margin:0 15px 5px 0; border:1px solid #ddd;}
.alignright {float:right; padding:3px; margin:0 0px 5px 15px; border:1px solid #ddd;}

/* HEADER */

#head {background:#fff; height: 100px; text-align:left;}

#head h1 {background:  url(img/logo.png) no-repeat; position: relative; left:15px;}

#head h1 a {display: block; text-indent: -9000px; height: 80px; width:181px;}

#logo {float:left; width:200px;}
#search {float:right; position:relative; right:30px; top:20px; font-size:16px; line-height: 24px; font-style:italic; text-align:right; color:#222; width:700px; font-weight:normal;}

#specialnews {font-size:16px; text-align:center; font-weight:bold; padding:7px; border-top:5px solid #fff;  border-bottom:0px solid #fff; background:#222; color:#fff; }

/* Slogan */

#slogan {float:left; height:300px; width:475px; background:#222; border-top:5px solid #fff; border-bottom:5px solid #fff; padding:0px; margin:0px;}
#mission {float:left; height:270px; overflow:hidden; text-align:left; width:409px; padding:15px 20px; font-size:14px; border-top:5px solid #fff; border-left:5px solid #fff; background:#ffd563 url(img/wheat.gif) bottom center no-repeat;}
#mission p {line-height:20px; padding-bottom:0px;}
#mission h2 {font-size: 18px; line-height: 21px; margin-bottom:15px; border-bottom:1px dotted #fff; padding-bottom:15px; color:#fff;}

#box1 {width: 310px; float: left; text-align:left; margin-right:0px;}
#box2 {width: 310px; float: left; text-align:left; margin-right:0px;}
#box3 {width: 310px; float: left; text-align:left;}

#box1 h2 {padding:7px 20px; background: #ffaf28; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #eb9b15;}
#box2 h2 {padding:7px 20px; background: #ffaf28; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #eb9b15;}
#box3 h2 {padding:7px 20px; background: #ffaf28; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #eb9b15;}

#box3 h3 {padding:0 20px 0px 20px;}
#box3 small {padding:0 20px 5px 20px;}

#box1 p {padding:0 20px 15px 20px;}
#box2 p {padding:0 20px 15px 20px;}
#box3 p {padding:0 20px 15px 20px;}

/* WEBLOG */

.post {border-bottom: 1px solid #eee; margin-bottom: 15px;}
.comment-list {width: 460px}
.avatar {float: right;}
#comment {width: 460px;}

/* FOOTER */

#footer {padding: 15px 20px 5px 15px; border-top:5px solid #550a03; clear: both; text-align:center; background:#7d0e04; color:#ccc; font-size:11px;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color:#fff; text-decoration:none;}

/* MENU */

#menu {width:930px; margin:auto; background: #7d0e04; font-size:10px;}
#menu ul {margin: 0; background:#7d0e04; border-bottom:2px solid #550a03;}
#menu li {list-style: none; display:inline; float:left; line-height:normal; padding-bottom:0px;}
#menu ul ul li {_padding-left: 10px;}
#menu li a {color:#fff;	padding:10px 20px; display: block; text-decoration: none; text-transform:uppercase; border-right:0px solid #550a03; font-weight:bold;}
#menu li a:hover {color: #fff; background: #550a03;}
#menu li li a {color:#fff; background:#7d0e04; display: block; text-decoration: none;}
#menu li li a:hover {color: #fff; background:#550a03; border-bottom:0px; }
#menu li li li a {color:#fff; background:#ffffd1; display: block; text-decoration: none; }
#menu li li li a:hover {color: #222; background:#dfdf99; border-bottom:0px; border-left:0px; border-right:0px; }

#menu ul {z-index: 500;}
#menu li {display: inline; float: left; position: relative; text-align: left; margin:0px;}
#menu li ul {width: 200px; height: auto; top: 100%; left: 0px; background:#007ac7; list-style-type:none;}
#menu li ul li {text-align: left; width: 200px; height: auto; min-height: auto; display: block;}
#menu a {text-decoration: none;}
#menu li li ul {top: 0; left: 0;}
#menu li li:hover ul {left: 200px;}

/* initialy hide all sub sidemenus */
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul,
#menu ul ul ul ul li:hover ul ul {display: none; position: absolute;}

/* display them on hover */
#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul,
#menu ul ul ul ul ul li:hover ul {display: block;}