/* CSS Design by djdj and modachick */
body {margin:0; padding:0;}
	
/***** SKIN *****/
img {border:0;}
p {text-align:left; font-size:90%; padding:5px; margin:0;}

a,a:hover {font-weight:bold; text-decoration:none;}

#masterwrap {width:760px; margin:auto; background: url(../files/files/header.gif) no-repeat top center;}
#header {width:100%; height:55px; float:left;}
#header img{float:left;}
div.pushfoot {clear:both;}

/* Nav */
#nav {/* width:625px; */vertical-align:middle;}
#nav ul {list-style-type:none;margin:0;padding-right:21px;}
#nav li {float:left;}

#nav_foot {/* width:625px; */float:right;}
#nav_foot ul {list-style-type:none;margin:0;padding:0px 21px;}
#nav_foot li {float:left;}
#nav_foot li a {padding:0px 5px;}

#footer_nav {height:21px;line-height:21px;text-align:center; margin:0px 5px;}

#main {width:100%;float:left;/* min-height:350px; IE min-height height: expression('350px');*/}
#footer {width:100%;height:55px;font-size:80%;text-align:center;line-height:55px;vertical-align:middle;background:url(../files/files/footer.gif) no-repeat top center;}


div.colone {width:30%;/* 228px */float:left;}
div.coltwo {width:70%;/* 532px */float:left;}

.mainimg {width:220px;max-width:220px;/* IE Image max-width */max-width: 220px; width:expression( document.body.clientWidth > 220? "220px": "auto" );padding:4px;}

/* CONTENT */
.heading {background: url(../files/files/title_bar.gif); margin:0px 5px;font-size:110%;}
.tablepage, .row_on, .row_off{text-align:left;padding:3px; margin:0px 5px;}
h1 {text-align:right;color:#9cf;font-size:180%;margin:0;padding-right:20px;}
.infotext {color:#999; font-size:80%;}
.title {font-weight:bold; color:#fff;}
.table_btm {background: url(../files/files/bottom_bar.gif);/* background-color:#555; */ margin:0px 5px;height:16px}
/* GALLERY */
.galleryimg {max-width:512px;padding:4px;/*width:512px; IE Image max-width max-width: 512px; width:expression( document.body.clientWidth > 512? "512px": "auto" );*/}
div.gallerytmb {float:left;width:50px;height:50px;padding:3px;text-align:center;}
div.gallerytmb img {max-width:50px;max-height:50px;margin:auto;/* IE Image max-width */max-width: 50px; width:expression( document.body.clientWidth > 50? "50px": "auto" );max-height: 50px; height:expression( document.body.clientHeight > 50? "50px": "auto" );}

div.colonenav {float:right;width:100%;height:15px;display:block;}
div.colonenav ul {list-style-type:none;margin:0;padding:0;}
div.colonenav li {float:left;}
div.colonenav li a {padding:0px 2px 0px 2px;color:#f99;}
div.colonenav li a:hover {color:#c36;text-decoration:underline;}

.galcenter {text-align:center;}
/*** DATASET ***/
.data_set_0,.data_set_1,.data_set_2,.data_set_3,.data_set_4,.data_set_5,.data_set_6,.data_set_7,.data_set_8{float:left;}
.data_set_0{width:5%;}
.data_set_1{width:10%;}
.data_set_2{width:20%;}
.data_set_3{width:30%;}
.data_set_4{width:40%;}
.data_set_5{width:50%;}
.data_set_6{width:60%;}
.data_set_7{width:70%;}
.data_set_8{width:80%;}
/*** FUNCTIONS ***/
.warning {background-color:#ffc; padding:3px;}
.error {color:#c00; background-color:#fcc; padding:3px; border:thick; border-color:#c00;}
.success {background-color:#ffc;}
#failure,#warning,#success{padding:8px; color:#000;}
#failure{background-color:#c00; border-color:#c00;}
#warning{background-color:#ff9;}
#success{background-color:#BAF5BD;}
/*** FORMS ***/
legend {font-weight:bold; font-size:140%;}
label {display:block; float:left; margin:5px; width: 140px; text-align:right; font-size:90%;}
input, select, textarea {display:block; margin: 5px 0 0 150px; vertical-align:top;}
textarea {width:60%;}
image {margin:0px;}
form {display:inline;}