* {margin: 0; padding: 0;}

html, img {border: 0;}

body {
	padding-bottom: 1em;
	text-align: center;
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

#site {text-align: left;}

.wrapper {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

/* :: Page Header :: */

#header {
	padding: 0 0 3px;
	background: url(images/header_b.png) repeat-x 0 100%;
}

	#header h1 {
		float: left;
		width: 107px; height: 68px;
		margin-top: 10px; padding: 0;
		background: url(images/logo.png) no-repeat 0 0;
	}
	
		#header h1 a {display: block; height: 68px;}


/* :: Login :: */

#loginForm {
	clear: both;
	text-align: center;
	margin: 10px 0 0; padding: 8px 15px;
	background: #aad56e;
	border: 1px solid #557826;
}


	#loginForm * {
		display: inline; float: none; clear: none;
	}
	
	#loginForm h6 {
		display: inline-block;
		margin: -8px 0 -8px -15px; padding: 18px 20px 16px 10px;
		line-height: 1em;
		background: url(images/arrow_02.png) no-repeat 100% 50%;
	}
	
	#loginForm p {padding-left: 10px;}
	
	#loginForm label {padding: 0 10px 0 0;}
	
	#loginForm .txt {width: 100px;}
	 
/* :: Navigations :: */

#topNav {
	float: right; 
	padding: .3em 0 .5em 10px;
	background: none;
}

	#topNav ul {
		list-style: none;
		padding: 0.3em 1em 0.7em 0.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: 0; 
		list-style: none;
	}

		#mainNav ul li {
			float: left; position: relative;
			margin: 0; padding: 0;
		}
		
		#mainNav .level1 a {
			display: block; float: left;
			padding: .6em 1.1em; margin: 0 1px 0 0;
			font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-decoration: none; text-transform: uppercase;
			border: 1px solid; border-width: 1px 0;
		}

		
		#mainNav .level1 a.current, #mainNav .level1 a.current:hover {
			background-color: white;
			border-bottom-color: white;
		}

/* :: Sub Navigation :: */

#mainNav .level2 {
	clear: both; float: none;
	padding: 1em 2em;
	background: white url(images/main-nav_l2_b.gif) repeat-x;
}

#mainNav .level2 ul {
	padding-left: 2em; list-style: none;
}

#mainNav .level2 li {
	padding: 0 0.9em 0.3em 0.8em;
	border-left: 1px solid #677683;
}

#mainNav .level2 li:first-child {
	padding-left: 0;
	border: none;
}

#mainNav .level2 a {
	color: black; white-space: nowrap;
	padding: 0.2em 0.3em 0.4em;
}

#mainNav .level2 a.current {
	position: relative; top: -1px;
	text-decoration: none;
	padding: 0.3em 0.4em 0.5em; margin: -0.1em;
	background: #85b6e0; 
	border-bottom: 1px solid white;
}

#mainNav .level2 form {
	float: right;
	padding-right: 1em; margin: 0 0 0 2em;
}

/* :: Page Content :: =================================================== */

/* :: Index Graphic :: */

#graphic {
	margin: -20px 0 20px;
/*	height: 300px; */
/*	background: url(images/graphic_b.jpg) no-repeat 0 0;*/
}

	#graphic .floatRight {margin-top: 40px;}

	#graphic .special-link {
		display: block;
		padding: .5em 1em;
		font-size: 1.5em;
		background: url(images/arrow_01.png) no-repeat 98% 50%;
	}

/* :: Index Features :: */

.features {
	clear: both;
	position: relative;
	margin: 0 0 20px; padding: 10px;
	background: white url(images/features_b.png) repeat-y 50% 0;
	border: 1px solid #e0e5d9;
}

	.features h4 {
		margin: -5px 0 0 0; padding-bottom: .3em;
		font-size: 1.5em;
		border-bottom: 1px solid;
	}		
		.features h4 a {text-decoration: none;}

	#main .features ul {
		margin: 20px 0 0;
	}
	
		#main .features li {
			position: relative;
			float: left; width: 40%;
			min-height: 50px;
			margin: 0 20px 10px 0; padding: 0 0 0 40px;
			background: none;
		}
		
			.features .icon {
				position: absolute; top: 0; left: 0;
			}
			
			.features strong {font-size: 1em; font-weight: bold;}
			
			.features .description {font-size: .9em;}
			
	.features .price {
		position: absolute; top: -20px; right: 20px; z-index: 100;
		width: 190px; height: 51px;
		font-size: 1.4em;
		text-align: center; line-height: 45px;
		background: url(images/price_b.png) no-repeat 0 0;
	}


#main {
	min-height: 350px;
	padding: 20px 0;
	clear: both;
	background: url(images/gr_01.png) repeat-x;
}

#content {
	float: left;
	width: 665px;
	margin-right: 25px;
}

	#content h3 {
		border-style: dotted; border-width: 1px 0;
	}

	#main ol {
		padding: 0 0 0 2.5em; margin: .5em 0 1.5em .8em;
	}
	
		#main ol li {margin: .2em 0;}
	
	#main ul {
		padding: 0; margin: .5em 0 .7em 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;
		}
		
	.sub-heading {font-size: 1.3em;}


/* :: Tables :: */


table.special-table, .special-table th, .special-table td,
table.special-table2, .special-table2 th, .special-table2 td {
	clear: both;
	border: 1px solid #ccc; border-collapse: collapse;
	padding: 3px 4px;
}

table.special-table, table.special-table2 {margin: 1em 0;}

/* :: 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;
	padding: .1em 23px .2em .5em;
	font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none; white-space: nowrap;
	background: url(images/arrow_03.png) no-repeat 98% 50%;
	border: 1px solid;
}



/* :: Side Bar :: =================================================================== */

#sideBar {
	float: left;
	width: 300px;
}

	#sideBar ul {
		margin-left: 0 !important;
		line-height: 1.4em;
	}
	
		#main #sideBar li {margin-bottom: .5em;}

	#sideBar .banners {
		margin-bottom: 1em; padding-bottom: 1.5em;
		border-bottom: 1px dotted;
	}


/* :: Forms :: =================================================================== */

.txt {
	border: 1px solid #557826;
	width: 200px; padding: 0.2em; margin: 0 .3em 0 0;
}

input, textarea, select {padding: .1em .2em;}

textarea.txt {width: 335px; height: 150px;}

.txt:focus {
	outline: 1px solid #7fb339;
}

textarea {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;	
}

form .form-line {clear: left; padding: 3px; margin: 0 0 1px;}
#content form .form-line {padding: 5px;}

.attention {background: url(images/attention.png) no-repeat 99% .3em;}
.attention label {font-weight: bold;}

form .form-line label {float: left; width: 40%;}

form .form-line em {color: #936800;}

.btn {
	background: url(images/btn_b.gif) repeat-x 0 0;
	padding: .2em .5em;
	border: 1px solid; border-color: #FFF #304570 #304570 #FFF;
	cursor: pointer;
}

#content .btn {margin: .3em 0;}

.btn:hover {background-image: none;}


.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: .4em; 
		background-image: url(images/attention.png); background-repeat: no-repeat; background-position: 5px 0;
}

	.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;}



.special-content-box,
.content-box-caption
{
-moz-border-radius: 5px;
border-radius: 5px;
}

/* :: Footer ================================================================= :: */

#footer {
	clear: both;
	padding: 1.5em;
	border-bottom: 1px solid;
}

.copy {
	list-style: none;
	margin: 0; padding: 0;
}

/* :: EOS :: */

#loginForm {
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.special-link {
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.special-link {
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
}


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;}


.font150
	{ font-size: 150% }