@import url(Content.css);

body {margin: 0; padding: 0;
    text-align: center;
    background-color: #DDD;}
div {margin: 0; padding: 0;}
th {font-weight: normal;}

#container {margin: 1em auto; width: 880px; background-color: #FFF;
    text-align: left;}

#header {padding: 10px 0 0 5px; background: #DDD url(img/header_bg.jpg) 0 0 no-repeat;
    height: 78px; width: 875px;}
#header #sitetitle{padding: 17px 0.5em 0 120px; height: 60px;
    font-size: 24px;
    background: url(img/logo_color.gif) 10px 0 no-repeat;}
#header #sitetitle .small {font-size: 0.7em;}
#header ul {float: right; margin: -19px 0 0 0; padding: 0 0.5em 0 0; list-style: none;}
#header ul li {margin: -1px 0 0 -8px; padding-left: 25px; float: left;
    background: url(img/tab_l.gif) 0 0 no-repeat; list-style: none;}
#header ul li a {margin: 0; padding: 3px 15px 1px 0; font-size: 12px;
    color: #666; text-decoration: none; display: block;
    background: url(img/tab_r.gif) 100% 0 no-repeat;}
#header ul li:hover {background-image: url(img/tab_l_h.gif);}
#header ul li:hover a {color: #333; background-image: url(img/tab_r_h.gif);}
#header ul li.active {background-image: url(img/tab_l_a.gif);}
#header ul li.active a {color: #333; font-weight: bold; background-image: url(img/tab_r_a.gif);padding-bottom: 2px;}
#header ul #new {background-image: url(img/tab_l_n.gif);}
#header ul #new a {background-image: url(img/tab_r_n.gif);}
#header ul #new .active {background-image: url(img/tab_r_n.gif);}
#header ul #new .active a {background-image: url(img/tab_l_n.gif);}
#header ul #admin {background-image: url(img/tab_l_s.gif);}
#header ul #admin a {background-image: url(img/tab_r_s.gif);}
#header ul #admin .active {background-image: url(img/tab_r_s.gif);}
#header ul #admin .active a {background-image: url(img/tab_l_s.gif);}
#navbar {font-size: 0.8em; padding: 0 0 0.2em;}
#navbar span {margin: 0 0.5em;}
#navbar a {color: #666; margin-left: 1em;}

#navbar {clear:both; height: 1.2em;
    background-color: #FFC; border: 1px solid #999; border-top: none;
    z-index: -1;}
#navbar .new {background-color: #9FFF80;}
#navbar .admin {background-color: #6CF;}

.c {padding: 30px 15px 30px 50px; min-height: 20em; margin-bottom: -1em;
    background: #FFF url(/) 20px 30px no-repeat; border: 1px solid #999; border-width: 0 1px; float: none;}

.pagecontent {margin: 0; padding: 0; width: 650px; float: left;}
dl {list-style-type: none; margin: 0; padding: 0; width: 600px; float: left;}
dt, dd {list-style-type: none; margin: 0; padding: 0;}
dt label, dd label {display: block; margin: 0; padding: 0; font-weight: bold; margin-bottom: 0.3em;}
dt .textbox, dd .textbox {width: 100%; margin-bottom: 1em; font-family: Arial, Helvetica, Sans-Serif;}
dt .textbox {font-weight: bold; font-size: 1.3em;}
dd.content table {margin-bottom: 0;}
dd.content td {padding: 0;}
dd.content img {margin: 0;}
dd.keywords {margin-top: 1em;}
dd.description .textbox {display: block; height: 7em;}
.commands {clear: both;}
.commands a {display: inline-block; padding: 3px 6px; background-color: #9FFF80; text-decoration: none; color: #000; font-weight: bold; border: solid 1px #399920;}
.images, .contentimages {width: 110px; float: right; text-align: right;}
.images .dropdown {width: 100px; margin: 10px 0;}
.imgframe {width: 100px; height: 100px; overflow: hidden;}
.imgframe img {width: 100%;}
.contentimages .imgframe {margin-bottom: 1.5em;}
.multiline {display: block; height: 7em; width: 50em;}

.positionstable td {border: solid 1px #CCC;}
.fade {color: #666;}

#footer {
	margin: 0;
	padding: 0.1em 0.3em;
	clear: both;
	font-size: 0.8em;
	background-color: #FFC;
	border: 1px solid #999;
	max-height: 40px;
}
#footer a {color: #333; text-decoration: none;}
#footer a:hover {color: #039;}

#bigimg {text-align: center; margin-right: 85px;}
#bigimg img {display: block;}

#admimg .images {float: left; width: 10em; margin: 0 1em 1em 0; text-align: left;}
#admimg .images .listbox {width: 10em; height: 20em;}
#admimg .images .button {width: 10em;}
#admimg .images .fileupload {width: 10em;}

.adminnav {list-style-type: none; margin: 0 0 2em 0; padding: 0; float: left; width: 100%;}
.adminnav li {float: left; list-style-type: none; margin: 0 2em 0 0; padding: 0;}
.adminnav li span, .adminnav li a {text-decoration: none; color: #FFF; background-color: #6CF; font-weight: bold; font-size: 1.2em; margin: 0.2em; padding: 0.5em; border: solid 1px #FFC;}
.adminnav li span {color: #333; background-color: #5BE;}

table.applicationform td {padding: 0 2em 0.5em 0; width: 50%;}
.applicationform td .textbox {width: 80%;}

table.languages th {width: 34%;}
table.languages td {width: 22%; text-align: center;}

dl.contact .textbox {width: 400px;}
dl.contact textarea.textbox {height: 6em;}

.validator {color: #F00;}

dt.name .textbox {font-size: 1em; font-weight: normal;}

.confirmation {color: #F00; margin: 1em 0;}