@charset "utf-8";
/* CSS Document */

* {
margin : 0;
padding : 0;
}
html, body {
color : #333;
text-align : center;
}
body {
background : #fff url(images/background.png) repeat-y scroll center top;
font : 12px arial, helvetica, verdana, sans-serif;
}
h1 {
font-size : 22px;
}
h2 {
font-size : 19px;
text-transform : uppercase;
}
h3 {
font-size : 11px;
color : #fff;
background-color : #25788d;
padding : 2px 0 2px 18px;
}
h4 {
font-size : 14px;
color: #0e6e84;
text-transform : uppercase;
}
h5 {
font-size : 19px;
text-transform : uppercase;
}
a {
color : #333;
text-decoration : none;
}
a:hover {
color : #666;
}
#wrapper {
margin : 10px auto;
text-align : left;
width : 965px;
w\idth : 1000px;
}
#masthead {
padding : 10px 0 0 0;
}
#masthead h1 a {
text-transform : uppercase;
width : 400px;
margin : 12px 0 0 0;
}
#masthead h1 a em {
font-style : normal;
color : #555;
}
/* style the outer div to give it width */
.menu {
width:946px; 
font-size:0.85em;
padding-bottom:40px;
padding-left:20px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:118px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:118px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-align: center;
text-decoration:none; 
color:#fff; 
width:107px; 
height:30px; 
border:1px solid #6D882D; 
border-width:0 1px 0 0; 
background:#5a7123; 
padding-left:5px; 
padding-right:5px; 
line-height:29px;
text-transform:uppercase;
}
/* style the top level hover */
.menu a:hover {
color:#fff; 
background:#0E6E84;
}
.menu :hover > a {
color:#fff;
background:#0E6E84;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#0e6e84;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#0E6E84; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
border:1px solid #1689a3; 
border-width:1px 1px 0 0;
width:150px;
text-transform:capitalize;
text-align: left;
}
/* style the second level hover */
.menu ul ul a:hover, .menu ul ul :hover > a {
background:#5a7123;
}
/* style the second level hover */
.menu ul ul a.drop:hover, .menu ul ul :hover > a.drop {
background:#5a7123;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:118px;
w\idth:107px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#0e6e84;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#5a7123;
}
.menu ul ul ul :hover > a {
background:#5a7123;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:170px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:170px; 
top:0;
width:170px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-170px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


/* yet another hack for IE5.5 */

* html .menu ul ul a{
width:170px;
w\idth:150px;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#archives {
background : #333;
}
#archives ul {
list-style : none;
padding : 5px 0 3px 0;
}
#archives li {
float : left;
display : block;
width : 101px;
}
#archives li a {
font-weight : bold;
color : #7f7f7f;
width : 99px;
display : block;
padding : 2px 0 4px 5px;
}
#archives li a:hover {
color : #eee;
}
#mainCol {
float : left;
margin : 25px 0 0 25px;
width : 724px;
}
#midCol a {
font-weight : normal;
}
#midCol {
color : #444;
float : left;
margin : 25px 0 0 0;
width : 220px;
line-height : 1.3em;
}
#midCol p {
color : #777;
}
#midCol img {
border : thick;
}
#searchWrap, .middle_links {
margin-bottom : 20px;
}
#searchWrap input {
vertical-align : middle;
}
#searchWrap #s {
font-size : 1.1em;
border : 1px solid #bbb;
padding : 1px 2px;
margin-right : 3px;
width : 190px;
}
.middle_links h3 {
margin-bottom : 7px;
}
#midCol ul {
list-style : none;
margin : 8px 0 4px;
}
#tertCol {
float : left;
width : 200px;
margin : 25px 0 0 35px;
m\argin : 25px 0 0 25px;
}
.middle_links ul li {
padding : 4px 0 4px 16px;
}
#elseWhere{margin:0 0 20px 0;}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li a img{border:2px solid #333;}
#imgLinks li a:hover img{border-color:#666;}
#imgLinks li {margin-bottom: 5px;
}
.post {
margin : 0 0 15px 0;
}
.post h2 {
line-height : 1.2em;
margin-bottom : 7px;
display : none;
}
.post h2 a {
width : 100%;
display : none;
outline : none;
}
.post h5 {
line-height : 1.2em;
margin-bottom : 7px;
}
.post h5 a {
width : 100%;
display : block;
outline : none;
}
.entry h3 {
margin : 1em 0;
}
.post .entry {
line-height : 1.4em;
overflow : hidden;
}
.post .entry p {
margin : 1em 0;
}
.post .entry p a {
font-weight : bold;
}
.post .entry p a:hover {
color : #528b9e;
font-weight : bold;
text-decoration : underline;
}
.entry blockquote {
margin : 0 1.3em 0;
}
.entry ul {
margin : 0 1.3em 0;
list-style : none;
}
.entry li a {
color : #333;
font-weight : bold;
background : url(images/dot.gif) repeat-x bottom left;
}
.entry ul li {
list-style : disc;
padding-left : 5px;
margin-bottom : 7px;
}
.entry ol {
margin : 0 1em 0 3em;
}
.entry ol li {
margin : 0 0 7px 0;
}
.entry img, .entry a img {
border : none;
padding-left: 5px;
}
.entry a:hover img {
border : none;
}
.entry table tr {
padding : 15px 0;
}
.entry table tr.alt {
background : #eee;
}
#more_reading {
color : #7f7f7f;
font-size : 11px;
text-transform : uppercase;
margin-bottom : 25px;
text-align : right;
}
#more_reading p, #more_reading img {
vertical-align : middle;
}
#more_reading a img {
border : none;
margin : 0 0 3px 2px;
}
#comments {
width : 435px;
padding : 12px 0 0 0;
}
#comments h3, h3#respond {
color : #555;
margin-bottom : 7px;
}
ol.commentslist {
list-style : none;
margin : 5px 0 12px;
}
.commentslist li {
background : #fff url(images/lgrey_diag.gif) repeat top left;
border : 1px solid #bbb;
margin-bottom : 7px;
padding : 7px 0;
}
.commentslist li a {
font-weight : bold;
background : url(images/dot.gif) repeat-x bottom left;
}
.commentslist li.alt {
background : #fff;
}
.commentslist li:hover {
border-color : #888;
}
.commentslist .comment_text {
margin : 0 7px;
line-height : 1.4em;
overflow : hidden;
}
.comment_text p, .comment_text ul, .comment_text ol, .comment_text blockquote {
margin : 1em 0;
}
.comment_text ul, .comment_text ol, .comment_text blockquote {
margin : 0 1em;
}
p.author_meta {
font-weight : bold;
text-transform : uppercase;
margin : 0 0 0 7px;
}
p.post_meta {
font-size : 11px;
text-transform : uppercase;
text-align : right;
margin : 0 7px 0 0;
}
.commentslist li.author {
background : #333;
color : #ccc;
}
.commentslist li.author a {
color : #ddd;
}
.commentslist li.author a:hover {
color : #fff;
}
#comments_closed {
background : #333;
color : #ccc;
padding : 7px 0;
margin-top : 12px;
line-height : 1.5em;
}
p.nocomments {
margin : 0 12px 0 7px;
}
p.nocomments a {
color : #ddd;
font-weight : bold;
text-decoration : underline;
}
p.nocomments a:hover {
color : #fff;
}
ol.pingslist {
margin : 1.5em 2em;
font-size : 12px;
}
.pingslist li {
color : #7f7f7f;
margin : 0 0 7px 0;
}
.pingslist li a {
font-weight : bold;
background : url(images/dot.gif) repeat-x bottom left;
}
#commentform p {
margin : 1em 0;
}
#commentform p a {
font-weight : bold;
background : url(images/dot.gif) repeat-x bottom left;
}
#author, #email, #url, #comment {
font : 1.1em arial, helvetica, verdana, sans-serif;
border : 1px solid #bbb;
padding : 2px;
}
#comment {
width : 429px;
overflow : auto;
}
#commentform p small {
font-size : 10px;
color : #7f7f7f;
}
.commentslist code {
background : transparent;
}
#footer p {
font-size : 10px;
padding-top : 7px;
padding-left: 20px;
}
#footer p a {
font-size : 10px;
font-weight : normal;
color : #333;
}
#box {
background-color : #0e6e84;
width : 946px;
height : 30px;
margin-left:20px;
}
#footer p a:hover {
color : #52899d;
}
.floatleft {
float : left;
margin : 3px 7px 0 0;
}
.floatright {
float : right;
margin : 3px 0 0 7px;
}
.right {
float : right;
}
.left {
float : left;
}
.clear {
clear : both;
}
.fix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.fix {
display : inline-block;
}
* html .fix {
height : 1%;
}
.fix {
display : block;
}

#thumbnails img {
padding:3px ;
}