/* HTML TAGS */

body { margin:0; font-family:'Century Gothic', Verdana, Arial, sans-serif; font-size: 0.8em; background:#222 url(../images/body-bg.jpg) top left repeat-x; color:#c4c4c4; }
table { font-family:'Century Gothic', Verdana, Arial, sans-serif; font-size:100%; border-collapse:collapse; }
img { border:0; }
a { color:#fff; text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }
h1 { font-size:150%; margin-top:0; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
fieldset { border:1px solid #393939; }
legend {  color:#c4c4c4; font-weight:bold; }
input, select, button, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; }

/* LAYOUT */
#all { text-align:center; }
#central { width:770px; margin:auto; text-align:left; }
#header { clear:both; }
#logo {}
#menu { background:url(../images/boxes-topshadow.jpg) bottom left no-repeat; height:45px; }
#menu ul { list-style-type:none; margin:0 25px 0 0; padding:1em 0 0 0; }
#menu li { float:right; margin:0 0 0 1em; padding:0; }
#menu a { display:block; padding:0 20px 0 0; }
#menu a.selected { color:#ff9933; }
#main { clear:both; background:url(../images/box2-tile.gif) top right repeat-y; }
#main .maintop { background:url(../images/box2-top.jpg) top right no-repeat; }
#main .mainbottom { background:url(../images/box2-bottom.jpg) bottom right no-repeat; min-height:330px; }
	* html #main .mainbottom { height:330px; }
#submenu { float:left; width:194px; margin:0 10px 0 0; background:url(../images/box1-tile.gif) top left repeat-y; }
#submenu .submenutop { background:url(../images/box1-top.gif) top left no-repeat; }
#submenu .submenubottom { background:url(../images/box1-bottom.jpg) bottom left no-repeat; padding:10px 13px 55px 50px; }
#submenu ul { list-style-type:none; margin:0; padding:0; }
#submenu li { margin:0 0 5px 0; padding:2px 10px; background:#252527; }
#submenu a { display:block; background:url(../images/squareWhite.gif) center right no-repeat; padding:0 20px 0 0; }
#submenu a.selected { color:#ff9933; background-image:url(../images/squareOrange.gif); }
#content { padding:10px 55px 50px 0; margin-left:205px; }
#footer { clear:both; margin:0 0 0 160px; padding:1em; text-align:center; font-size:0.9em; background:url(../images/ruler.jpg) top no-repeat; }

/* CLASSES */
.margintop { margin-top:1em; }
.marginright { margin-right:1em; }
.marginbottom { margin-bottom:1em; }
.marginleft { margin-left:1em; }
.paddingtop { padding-top:1em; }

.nosubmenu #menu { background:url(../images/box-topshadow.jpg); }
.nosubmenu #content { margin-left:204px; }

.thumbs { margin:0; padding:0; list-style-type:none; width:505px;}
.thumbs li	{float:left; margin:0 20px 20px 0; padding:0;}
.thumbs a { border:1px solid #ccc; padding:1px; display:block; }
.thumbs img { margin:0; padding:0; border:1px solid #000 }

/* FORM */
.formUnit { margin:0 0 0.5em 8px; clear:both; display:block; }
.formUnit select, .formUnit p { margin:0 0 0.5em 0 }
* html .formUnit p { margin:0 }
.formUnit label, .formUnit .leftItem { display:block; float:left; width:9em; margin-right:0.5em; }
.singleRightItem { padding-left:9.5em; }
.formUnit .rightItem { display:block; margin:0 0 0.5em 9.5em; }
* html .formUnit .rightItem { height:1%; margin-left: 0; }
.formUnit.button { padding-top:0.5em }
.formUnit fieldset label { display:inline; float:none; width:auto; font-weight:normal }
.formUnit span.attention, .formUnit span.information { font-size:0.9em; }
.formUnit.error { padding:5px; }
.formUnit.error label, .formUnit.error .leftItem { width:9.5em; }
.formUnit.error .rightItem { margin:0 0 0.5em 9em; }
.formUnit .normal { line-height:normal; }
.formUnit span.attention { background:url(../img/iconAttention.gif) no-repeat left center; color:#000; }
.formUnit span.information { background:url(../img/iconInformation.gif) no-repeat left center; color:#37644F; }

/* CORRECTIONS */

/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; height:100%; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */