/** Utility **/
div.clear { clear: both; }

.pngfix { behavior: url("iepngfix.htc") }
/*img, div, a, input { behavior: url(/includes/iepngfix.htc) }*/

/** Layout **/
body {background-color: #4c3a24; margin: 0px}
#bodyWrap { text-align: center; }
#bodyCont {margin: 2px auto; text-align:center; width: 765px; background: #4c3a24 url(bodybg.jpg) repeat 0px 0px}
#colLeft {text-align: left; width: 90%; float: left; margin-top: 5px; margin-left: 5px}
#colRight {margin-left: 6px; text-align: left; width: 375px; float: left; margin-top: 5px;}
#navbar { background: transparent url(dirty_menu_fat.png) no-repeat;
	position: relative; top: -10px; display: inline-block; width: 100%;
	height: 80px;
}
#registerButton, #registerButtonMenu {position: absolute; top: 100px; left: 700px; display: none}
.newsListing {padding: 10px}

/** Styles **/
a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #cccccc;
} 

a:hover {color: #ffffff}

img {border: 0px;}
p,div {font: normal 14px Arial, Helvetica, sans-serif; color: #fff; line-height: 20px;}
p {text-align: justify;}
p img {border: 1px solid #ccc; margin: 5px; padding: 2px;}
pre {font-size: 12px}
p.footer {font-style: italic; font-size: 11px; padding-top: 20px;}
#article {text-align: left; padding: 10px 20px;}
#photos {text-align: center;}
#photos img {border: 1px solid #333333; margin: 10px;}
#photos.thumb {border: 1px solid #333333; margin: 2px; }
#photos a {text-decoration: none;}

.dirty {margin-top: 5px;  }

.dirty div {padding: 15px 15px 5px 20px; font: normal 14px Arial, Helvetica, sans-serif; color: #fff; line-height: 24px}


#storyLead { background: transparent url(dirty_news.png) no-repeat}
#dirtyInfo {background: transparent url(dirty_info.png) no-repeat;}


#slideShow { border: 3px solid #3c2e1d; width: 375px}
#slideShow img {margin: 0px;}
h2 {font-size: 16px; color: #fff; font-family: Arial, Helvetica, sans-serif; border-bottom: 0px solid #fff}
dl dt, div.header { font-size: 16px; font-weight: bold; color: #fff; font-family: Arial, Helvetica, sans-serif;}
dl dt { margin: 5px 0;}
div.header {text-align: center;}
.subHeader {font-size: 18px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center}
.noborder {border: 0px}

ul.nav {z-index: 100; margin: 2px; padding: 2px; margin-bottom: 0px; position: absolute; left: 2px; top: 130px;}
ul.nav li {float: left; list-style-type: none;}

 ul.nav li a {font: bold 18px Arial, Helvetica, sans-serif; color: #fff;
	text-decoration: none; display: block; padding: 10px 22px 5px 22px; text-align: center;}
ul.nav  li a:hover {text-decoration: underline;;}
a:active { outline: none;}


.newsListing .date {font-style: italic;}

.submenu {z-index: 100;  clear: left;  position: absolute; left: 2px; top: 155px; *top: 170px;}
.submenu li a {font-size: 12px !important; padding-top: 2px !important; }
.submenu li { float: left; display: inline-block; margin: 0px 12px;}

table {margin: 5px auto;}
table td,table th {padding: 2px 10px; }


.newsLinks li a {font-size: 14px !important;}

.linkbox li {float: left; width: 120px; list-style-type: none; }
.linkbox > li > a {color: #fff}
.linkbox li ul { margin-left: 2px; padding-left: 2px;}
.linkbox li ul li {list-style-type: none; float: none; line-height: 1.6em;}
.linkbox li ul li a {font-size: 10px;}


/* gals */
.gz-photo-gallery-large-pane { clear: both;}
#ss-gal-ln { font-size:1.5em;}
#ss-gal-lp { font-size: 1.5em;}
#ss-gal-ll {clear: both; }
#ss-gal-ll { margin-left: 136px; *padding-left: 136px; *margin-left: 0px;}
#ss-gal-ll > li {float: left; display: block; width: 110px; text-align: center; list-style-type: none; cursor: pointer; cursor: hand;}
#ss-gal-li > li img { cursor: pointer; cursor: hand;}

.s-w-p-thm {width: 136px;}
.s-po-l {float: left;}
.s-m-l-p-thm {margin-left: 136px;}
.s-p-l {padding-left: 10px; padding-right: 30px;}
.s-m-t {margin-top: 5px;}
.s-m-b {margin-bottom: 5px;}

.media-left {float: left; margin: 5px;}
.media-right {float: right; margin: 5px;}