
* {margin: 0; padding: 0;}

html, img {border: 0;}

body {
	text-align: center;
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

#site {text-align: left;}

.wrapper {
	position: relative;
	width: 98%;
	margin: 0 auto;
}

/* :: Page Header :: */

#header {
	min-height: 43px;
	padding: 0 0 3px;
	background: url(images/pattern_b.png) repeat 0 0;
	background: 
url(images/gr_transp_dark.png) repeat-x 0 0,
url(images/pattern_b.png) repeat 0 0;
}

	#header h1 {
		position: absolute; top: 5px; left: 0; z-index: 1000;
		width: 107px; height: 68px;
		margin: 0; padding: 0; 
		background: url(images/logo.png) no-repeat 0 0;
	}
	
		#header h1 a {display: block; height: 68px;}


/* :: Login :: */


	 
/* :: Navigations :: */

#topNav {
	float: right; 
	padding: .3em 0 .5em 10px;
	border-style: solid; border-width: 0 1px 1px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
	-webkit-box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 2px #333;
}

	#topNav ul {
		list-style: none;
		padding: .3em 1em .7em .25em;
	}

		#topNav li {
			float: left;
			margin: 0 0.5em;
		}

			#topNav li a.logOut {
				text-decoration: none;
				display: block; width: 50px; height: 21px;
				margin-top: -0.15em;
				background: url(images/logout.gif) no-repeat 0 0;
			}

			#topNav li a.logOut:hover {
				background-position: 0 -100px;
			}

/* :: Main Navigation :: */

#mainNav {
	clear: both;
	/*background: url(images/pattern_b.png);*/
}

	#mainNav ul {
		position: relative;
		margin: 0; padding: 2px 0 0 130px; 
		list-style: none;
	}

		#mainNav ul li {
			float: left; position: relative;
			margin: 0; padding: 0;
		}
		
		#mainNav .level1 a {
			display: block; float: left;
			padding: .3em 0.4em; margin: 0 1px 0 0;
			font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-decoration: none;
			border: 1px solid; border-width: 1px 0;
		}

		
		#mainNav .level1 a.current, #mainNav .level1 a.current:hover {
			background-color: white;
			border-bottom-color: white;
		}

/* :: Horizontal Navigation :: */

#main .nav-x {
	list-style: none;
	padding: 0;
}

	#main .nav-x li {float: left; background: none;}
	
	#main .nav-x.floatLeft li {
		margin: 0 1em .3em 0; padding-left: 1em;
		border-style: solid; border-width: 0 0 0 1px;
	}
	
	#main .nav-x.floatRight li {
		margin: 0 0 .3em 1em; padding-right: 1em; padding-left: 0;
		border-style: solid; border-width: 0 1px 0 0;
	}
	
	#main .nav-x.floatLeft li:first-child {padding-left: 0; border: none;}
	#main .nav-x.floatRight li:last-child {padding-right: 0; border: none;}
	
		#main .nav-x a {
/*			display: block;*/
		}
		#main .nav-x .current {
			font-weight:bold;
		}
/* :: Tags and Special classes :: ======================================= */

hr {
	clear: both; height: 1px;
	position: relative; top: 0.5em;
	margin: 0 0 1em;
	border: 1px dotted; border-width: 1px 0 0;
}

.special-link {
	display: inline-block;
	margin: 0 .1em .1em; padding: .0em .4em .0em;
	font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(images/gr_02.png) repeat-x 0 100%;
	border: 1px solid;
	
	-webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
	-moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
}

span.special-link {margin: 0 .3em .2em; padding: .1em .6em .2em;}

.special-link:hover {background-image: none;}

.special-link.color-3 {
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

table .special-link {
	margin: .2em;
	font-size: .9em;
}

.special-link-2 {
	position: relative;
	display: inline-block;
	text-align: center; text-decoration: none;
	margin: 0 1em 1em 0; padding: .3em 1em;
	border: 1px solid;
	
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
}

.special-link-2:hover {
	top: 1px; left: 1px;
	-webkit-box-shadow: 0 0 1px #999; -moz-box-shadow: 0 0 1px #999; box-shadow: 0 0 1px #999;
}

	.special-link-2 strong {
		display: block;
		margin-top: .5em; padding-top: .3em;
		border-top: 1px solid;
	}

.special-content-box {
	clear: both;
	margin: 1em 0; padding: 10px 10px 0;
	border: 1px solid;
}

	.content-box-caption {margin: -10px -10px 0; padding: .3em 10px;}
	
	.content-box-caption.warning_text, .content-box-caption.success_text, .content-box-caption.error_text {
		padding-left: 35px; margin-bottom: .5em; 
		background-image: url(images/attention.png); background-repeat: no-repeat; background-position: 5px 0;
		background-color:#A0DD83;
}

	.content-box-caption.success_text {background-image: url(images/icon_inc.png);}
	.content-box-caption.error_text {background-image: url(images/icon_not-inc.png);}

	.special-content-box table.special-table {margin: .5em 0;}

/* :: Page Content :: =================================================== */

.layout_2-1 .mcol1, .layout_2-1 .mcol2 {float: left;}

/* :: Two Column Layout (2-1) :: */

.layout_2-1 .mcol1 {
	width: 665px;
	margin-right: 25px;
}

.layout_2-1 .mcol2 {
	width: 300px;
}

#main {
	min-height: 350px;
	padding: 3px 0;
	clear: both;
	background: url(images/gr_01.png) repeat-x 0 0;
}

#main ol {
	padding: 0 0 0 2.5em; margin: .5em 0 0.0em .8em;
}

	#main ol li {margin: .2em 0;}

#main ul {
	padding: 0; margin: .5em 0 0.0em 1.5em;
	list-style: none;
}

	#main ul li {
		margin: .2em 0; padding: 0 0 0 1.8em;
		background: url(images/b_01.png) no-repeat 0 .5em;
	}


/* :: Tables :: */


table.special-table, .special-table th, .special-table td {
	clear: both;
	border: 1px solid #ccc; border-collapse: collapse;
	padding: 3px 4px;
}

table.special-table {margin: 1em 0;}

/* :: Side Bar :: =================================================================== */

#sideBar {}

	#sideBar .inner {}



/* :: Forms :: =================================================================== */

input, textarea, select {padding: .1em .2em .2em;}

.txt {
	width: 200px; 
	margin: 0;
	border: 1px solid #557826;
}

textarea.txt {
	width: 335px; height: 150px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
}

.txt:focus {
	outline: 1px solid #7fb339;
}

form .form-line {clear: left; padding: 3px; margin: 0 0 1px;}
#content form .form-line {padding: 5px;}

p.attention {background: url(images/attention.png) no-repeat 99% .3em;}
p.attention label {font-weight: bold;}

form .form-line label {float: left; width: 40%;}

form .form-line em {color: #936800;}

.btn {
	padding: .2em .5em;
	font-size: 1.2em;
	background: url(images/btn_b.gif) repeat-x 0 0;
	border: 1px outset;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.btn_current {
	padding: .2em .5em;
	font-size: 1.2em;
	background: #CCC;
	border: 1px inset;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#content .btn {margin: .3em 0;}

.btn:hover {background-image: none;}


/* :: Footer ================================================================= :: */

#footer {
	clear: both;
	padding: 1.5em;
	border-bottom: 1px solid;
}

.copy {list-style: none; margin: 0; padding: 0;}

/* :: EOS :: */

.special-link,
.special-content-box,
.content-box-caption,
.special-link-2 {
	-moz-border-radius: 5px;
	border-radius: 5px;
}

acronym {font-style: normal; border-bottom: 1px dotted #686868; cursor: help;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearB {clear: both;}

.clearFix:after {
    content: "."; display: block; 
    height: 0; clear: both; 
    visibility: hidden;
}

.clearFix {display: inline-block;}

/* Hide from IE Mac \*/
.clearFix {display: block;}
/* End hide from IE Mac */


h1 span,
#topNav li a.logOut span,
.hide {display: none;}


.clear_both
{
clear:both;
}