body { margin: 20px; background-color: #DDD; font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; }

.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

h1 { font-weight: bold; font-size: 16px; display: block; margin: 10px 0 0 0; padding: 0; }
h2 { font-weight: bold; font-size: 12px; display: block; margin-bottom: 0px; padding-bottom: 0px; }
h3 { font-weight: normal; font-size: 11px; display: block; margin-bottom: 0px; padding-bottom: 0px; }

a { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #00F; }
p {	margin-bottom: 0; padding-bottom: 0; font-size: 0.8em; }

table.maintable { border: 1px solid #CCC; margin: 10px; }

table.tabular {	font-size: 12px; color: #000; border: 1px solid #CCC; border-collapse: collapse; margin-top: 10px; }
table.tabular td { padding: 5px; }

.rowodd, .roweven { font-size: 11px; border: 0px solid #000; }
.rowodd { background-color: #EEE; }
.roweven { background-color: #FFF; }


#header { background-color: #FFF; height: 70px; width: 100%;}
#sitename { float: left; vertical-align: middle; padding: 10px; }
#logo { float: right; padding: 10px; }

#container { border: 0px solid #999; width: 950px; margin: auto; background-color: #FFF; padding: 10px; }

#content { background-color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 20px; padding: 10px; margin: 30px 0 0 0; border: 0px solid #999; }

#footer { font-size: 0.8em; text-align: center; margin: 5px 0; }

.header, h1.header { font-weight: bold; font-size: 16px; color: #222; padding: 20px 10px 10px 10px; border-bottom: 0; }

.text, .textlong { font-size: 12px; color: #000; background-color: #FFF; width: 300px; }
.textlong { width: 550px; }

textarea.textarea { font-family: verdana, courier, arial, helvetica, sans-serif; margin-top: 10px; font-size: 12px; width: 790px; height: 450px; background-color: #FFF; font-weight: normal;	color: #000; }
textarea.ta-small {	font-family: verdana, arial, helvetica, sans-serif;	font-size: 12px; width: 550px; height: 100px; background-color: #FFF; font-weight: normal; color: #000; }
input.submit { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;	color: #000; }
input.textareaimage { margin-bottom: 10px; clear: both; border: 0px solid red; display: block; }

input.alt { width: 350px; }


li.articles { font-weight: bold; margin-bottom: 10px; }
ul.checkboxlist { margin: 0; padding: 0; margin-bottom: 10px; }
ul.checkboxlist li { list-style: none; margin: 0; padding: 0; font-size: 9px; }
.editimage { max-width: 500px; width: expression(this.width > 500 ? 500: true);	margin-right: 10px;	margin-bottom: 10px; border: 1px solid #999; }
.photo { display: block; background-color: #CAC7B6;	padding: 10px 10px 7px 10px; margin-bottom: 10px; }
.alert { font-weight: bold;	font-size: 10px; color: #F00; }

p.body { font-weight: normal; font-size: 12px; display: block; margin-bottom: 0px; padding-bottom: 0px; }

.style1 { font-weight: normal; font-size: 12px; display: block;	margin-bottom: 0px;	padding-bottom: 0px; }
.content a { font-weight: bold;	font-size: 12px; margin-bottom: 0px; padding-bottom: 0px; }

.expired { background-color: #CC4E4A; border: 1px solid #000; }
pre.tidy { font-size: 10px; }

/* assets */
div.thumb { float:left; border:1px solid #999; margin:0 20px 25px 0; padding:5px; background-color:#FFF; width:152px; height:200px; font-size: 0.8em; }
#gallerycontainer{margin-top:10px; }
.gimage{ max-width:150px; max-height:150px; width:expression(this.width > 150 ? 150:true); height:expression(this.height > 150 ? 150:true); border:1px solid #999; margin:0 auto; }

.simage{ max-width:800px; max-height:800px; width:expression(this.width > 800 ? 800:true); height:expression(this.height > 800 ? 800:true); border:1px solid #999; margin:0 auto; }


.thumb img{border:1px solid #A0ACC0; }
.thumb a:hover img{border:1px solid #000; }
.phototitle{font-size:10px; }

#filemanagercontent{color:#FFF; font-size:10px; }
#filemanagercontent h1{text-decoration:underline; }
#filemanagercontent h3{color:#FFF; }
#filemanagercontent td{color:#FFF; font-size:10px; }
#filemanagercontent th{text-align:left; color:#FFF; font-size:10px; }

div.tab1,div.tab2,div.tab3,div.tab4{display:block; padding-right:10px; width:150px; float:left; }
div.tabs{font-weight:normal; font-size:12px; border:1px solid #FFF; margin-bottom:30px; display:block; }

#menu { width:930px; background:#476B00; float:left; margin-left: 10px; }
#menu ul { list-style:none; margin:0; padding:0; width:7.5em; float:left; }
#menu a,#menu h2 { font:normal 15px/16px arial,helvetica,sans-serif; display:block; border-right: 1px solid #FFF; margin:0; padding:3px 4px; }
#menu a.mainlink { padding: 0; color:#fff; background:#476B00; border: 0; }
#menu h2 { color:#fff; background:#476B00; }
#menu a { color:#000; background:#efefef; text-decoration:none; }
#menu a:hover { }

#menu li { position: relative; }
#menu ul ul { position: absolute; z-index: 500; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{ display: none; }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}

#content ul { margin: 0 0 0 10px; padding: 0; }
#content li { font-size: 10px; margin: 0; padding: 0; list-style-type: none; }

table.form td { margin: 0; padding: 5px 0 5px 0; font-size: 12px; }
table.form td p { margin: 0; padding: 0; }
a.add { font-size: 16px; text-decoration: none; background-color: #FFF; border: 1px solid #333; padding: 10px; margin: 10px 0 10px 0; display: block; width: 160px; }

.pagenumber { font-size: 10px; font-weight: bold; }

#code { width: 550px; height: 200px; }