/* CSS Document */

@charset "utf-8";

/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
caption, tbody, tfoot, thead, tr, th {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;
}


ol, ul {list-style:none}

body {

	color: #111111;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


h1 {font-size:20px; color:#990000; font-family: Arial, Helvetica, sans-serif;}
h2 {font-size:17px; color:#990000; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size:14px; font-weight:bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}



a:link, a:visited {color:#502d2a; text-decoration:none}
a:hover, a:active {color:#686868; text-decoration:none}

#head { background-color:#000000; color:#FFFFFF; height:220px;}
#head a:link, #head a:visited {color:#aaaaaa;}
#head a:hover, #head a:active {color:#232323;}
#content { padding:10px; width:995px; background-image:url(../images/contentbg.jpg); background-repeat:no-repeat}
#blogcontent { padding:10px; width:730px; margin-right:20px; float:left}
#blogsidebar { width:280px; float:left; padding-top:20px}
#footer {color:#FFFFFF; background-color:#006858; height:140px; padding:12px 0 10px 10px; clear:both}
#footer a:link, #footer a:visited {color:#aaaaaa;}
#footer a:hover, #footer a:active {color:#232323;}

#nav {float:left; top:171px; left:415px; width:650px; position:absolute}
#nav li {float:left; padding:5px 12px 24px 12px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
#nav li a:link, #nav li a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:16px}
#nav li a:hover {color:#267381}
#nav li:hover {background-color:#adadad; color:#267381}
#nav li:hover a:link {color:#267381}

.smalltext {color:#777777; font-size:10px}

.slideshow {position:relative; top:-10px; left:-10px; height:300px; width:995px;}
.slideshow-overlay {position:absolute; top:400px; left:790px; z-index:999}

.frontcol {width:320px; background-color:#CCCCCC; float:left; margin:10px 15px; height:450px}
.frontcol a:link, .frontcol a:visited {color:#006858} 
.frontcol a:hover, .frontcol a:active {color:#323232} 
.frontcol p, .frontcol h1 {padding:5px 12px} 

.addrbox {width: 280px; margin: 0pt auto; background-color: #acacac; border:1px dotted #343434; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.footernav li {float:left; margin:0 6px}


.jot-row {width:490px; padding:15px}
.comment-content {font-size:12px}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #990000;
    color: #fff;
}
#ditto_pages .ditto_off {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}