/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#6b6b6b;
	font-size:.7em;
	line-height:1.4em;
	margin:0 0 25px 0;
	background-color:#99a5a7;
	background-repeat:repeat-y;
	background-position:center top;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(images/bg_main.gif);
}

form { margin:0; }

a { color:#0000FF; }

a img { border:0; }

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:1.8em; }

h2 { font-size:1.4em; }

h3 { font-size:1.2em; }

h4 { font-size:1.0em; }

/* ---- class settings ----------------------- */

.no-border { border:0; }

.img-top {
	position:absolute;
	top:0;
	left:-21px;
}

.img-btm {
	position:absolute;
	left:0;
	bottom:0;
}

.input-field {
	position:relative;
	top:0;
	left:0;
	border:0;
	width:145px;
	height:15px;
	font-size:9px;
	margin-bottom:5px;
	padding:2px 0 0 3px;
	background-repeat:no-repeat;
	background-image:url(images/bg_input-field.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.input-field-sm {
	position:relative;
	top:0;
	left:0;
	border:0;
	width:95px;
	height:15px;
	font-size:9px;
	margin-bottom:5px;
	padding:2px 0 0 3px;
	background-repeat:no-repeat;
	background-image:url(images/bg_input-field-sm.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.comments-field {
	position:relative;
	top:0;
	left:0;
	border:0;
	width:145px;
	height:41px;
	font-size:9px;
	margin-bottom:5px;
	padding:2px 0 0 3px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-image:url(images/bg_comments-field.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ---- layout settings ----------------------- */

#main_container {
	position:relative;
	width:592px;
	height:auto;
	margin:0 auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:592px;
	height:41px;
	background-repeat:no-repeat;
	background-image:url(images/img_header.gif);
}

#header h1 {
	padding:12px 0 0 35px;
}

#banner {
	position:relative;
	top:0;
	left:0;
	width:592px;
	height:172px;
	background-repeat:no-repeat;
	background-image:url(images/img_banner.gif);
}

#banner_img {
	position:absolute;
	top:11px;
	left:21px;
}


/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:550px;
	height:26px;
	margin:0 auto;
	background-color:#efefef;
	border-top:1px solid #d6dfe0;
	border-bottom:1px solid #d6dfe0;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:592px;
	height:auto;
}

/* ---- start content_main settings -------------- */

#content_main {
	position:relative;
	top:0;
	left:0;
	width:520px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	padding:10px 15px 20px 15px;
}

#content_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:236px;
	height:auto;
}

#content_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:238px;
	height:auto;
	padding:10px;
	background-color:#d6dfe0;
	border:1px solid #989898;
}

/* ---- end content_main settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	clear:both;
	width:550px;
	height:189px;
	margin:0 auto;
	background-repeat:repeat-x;
	background-image:url(images/bg_grade-x.gif);
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#some_thing {
	margin:12px 10px 0 0;
	width:100px;
	float:right;
}

#some_thing a {
	color:#222;
	text-decoration:none;
	margin:0 8px 0 0;
}

#some_thing a:hover {
	text-decoration:underline;
}

/* ---- start navigation settings -------------------------- */
 
#nav a {
	position:relative;
	float:left;
	height:26px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav.gif);
}

a#nav_01 {
	width:139px;
	background-position:0 0;
}

a:hover#nav_01 {
	background-position:0 -26px;
}

.active_01 {
	background-position:0 -26px !important;
}

a#nav_02 {
	width:101px;
	background-position:-139px 0;
}

a:hover#nav_02 {
	background-position:-139px -26px;
}

.active_02 {
	background-position:-139px -26px !important;
}

a#nav_03 {
	width:99px;
	background-position:-240px 0;
}

a:hover#nav_03 {
	background-position:-240px -26px;
}

.active_03 {
	background-position:-240px -26px !important;
}


/* ---- start nav drop settings -------------------------- */

#hidden-layers {
	position:absolute;
	top:0;
	left:0;
	width:930px;
	height:auto;
}

#hidden-layers a {
}

#hidden-layers a:hover {
}

#L1, #L2, #L3 {
	position:absolute;
	visibility:hidden;
	width:550px;
	height:auto;
	margin:0 auto;
	background-color:#d6dfe0;
	border-bottom:1px solid #989898;
}

.show {
	position:relative !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}