/************************************************
*				HTML Elements					*
************************************************/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background:#CCCCCC;
	font:70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #666666;
}

/* Links */
a, a:visited {
	text-decoration: none;
	color: #2180BC;
	background: inherit;
}

a:hover {
	color: #D56666;
	background: inherit;
	text-decoration: underline;
}

img {
	border:none;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;	 		
}

h1 {
	font-size: 150%;	
	font-weight: normal;
}

h2 {
	font-size: 140%;
	text-transform: uppercase;
	color: #88AC0B;
}

h3 {
	font-size: 120%;
	color: #666666; 
}

/************************************************
*					Header						*
************************************************/
.wrap {
	width: 1000px;
	/*background: #CCCCCC url(content.jpg) repeat-y center top;*/
	margin: 0 auto;
	text-align: left;
}

.header {
	width: 1000px;
	height: 180px;
	background: url(../images/header.png) no-repeat;
	padding: 0;	
	color: #FFFFFF;
	overflow: visible;
	margin-bottom: -41px;
	z-index: 10;
}

.header .logo {
	display: block;
	float: left;
	padding: 30px 0 0 190px;
	font-size: 40px;
	position: absolute;
}

.header .info {
	float: left;
	display: block;
	padding: 61px 0 0 192px;
	font-size: 12px;
	position: realtive;
}

.header .login {
	display: inline;
	float: right;
	padding: 11px 20px 0 0;
	text-align: left;
}

.header .login h1 {
	padding-top: 10px;
	text-align: center;
}

.header .login input {
	padding: 0;
}

.header .login .button {
	padding:0 20px 0 20px;
}

/************************************************
*				Navagation Bar					*
************************************************/
.menu {
	clear: both;
	margin: 0 auto;
	padding: 0;
	font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
	height: 37px;
	width: 960px;
	padding:6px 0 0 0;
}

.preload1 {
	background: url(../images/three_1.gif);
}

.preload2 {
	background: url(../images/three_1a.gif);
}

.nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 38px;
	position: relative;
	z-index: 500;
	font-family: arial, verdana, sans-serif;
}

.ul {
	display:table;
	margin:auto;
}

.nav li.top {
	display: block;
	float: left;
	height: 38px;
}

.nav li a.top_link {
	display: block;
	float: left;
	height: 35px;
	line-height: 33px;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 12px;
	cursor: pointer;
	background: url(../images/three_0.gif);
	width:120px;
	text-align:center;
	z-index: 197;
}

.nav li a.top_link span {
	float: left;
	display: block;
	padding: 0 24px 0 12px;
	height: 35px;
	width: 90px;
	background: url(../images/three_0.gif) right top no-repeat;
	z-index: 197;
}

.nav li a.top_link span.down {
	float: left;
	display: block;
	padding: 0 24px 0 12px;
	height: 35px;
	background: url(../images/three_0a.gif) no-repeat right top;
	z-index: 197;
}

.nav li:hover a.top_link {
	color: #FFFFFF;
	background: url(../images/three_1.gif) no-repeat;
	z-index: 196;
}

.nav li:hover a.top_link span {
	background: url(../images/three_1.gif) no-repeat right top;
	z-index: 195;
}

.nav li:hover a.top_link span.down {
	background: url(../images/three_1a.gif) no-repeat right top;
	z-index: 195;
}

.nav li:hover {
	position: relative;
	z-index: 200;
}

.nav li:hover ul.sub {
	left: 1px;
	top: 38px;
	background: #D56666;
	padding: 3px;
	border: 1px solid #FF3344;
	white-space: nowrap;
	width: 120px;
	height: auto;
	z-index: 300;
}

.nav li:hover ul.sub li {
	display: block;
	height: 20px;
	position: relative;
	float: left;
	width: 120px;
	font-weight: normal;
}

.nav li:hover ul.sub li a {
	display: block;
	font-size: 11px;
	height: 18px;
	width: 118px;
	line-height: 18px;
	text-indent: 5px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #D56666;
}

.nav li ul.sub li a.fly {
	background: #D56666 url(../images/arrow.gif) 110px 6px no-repeat;
}

.nav li:hover ul.sub li a:hover {
	background: #F56666;
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.nav li:hover ul.sub li a.fly:hover {
	background: #F56666 url(../images/arrow_over.gif) 110px 6px no-repeat;
	color: #FFFFFF;
}

.nav li:hover li:hover ul,
.nav li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover li:hover ul {
	left: 120px;
	top: -4px;
	background: #D56666;
	padding: 3px;
	border: 1px solid #FF3344;
	white-space: nowrap;
	width: 120px;
	z-index: 400;
	height: auto;
}

.nav ul, 
.nav li:hover ul ul,
.nav li:hover li:hover ul ul,
.nav li:hover li:hover li:hover ul ul,
.nav li:hover li:hover li:hover li:hover ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li:hover li:hover a.fly,
.nav li:hover li:hover li:hover a.fly,
.nav li:hover li:hover li:hover li:hover a.fly,
.nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background: #F56666 url(../images/arrow_over.gif) 110px 6px no-repeat;
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.nav li:hover li:hover li a.fly,
.nav li:hover li:hover li:hover li a.fly,
.nav li:hover li:hover li:hover li:hover li a.fly {
	background: #D56666 url(../images/arrow.gif) 110px 6px no-repeat;
	color: #000000;
	border-color: #D56666;
}

/************************************************
*					Form Styles					*
************************************************/
#textarea,
.textarea {
	width:800px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #EEEEEE;
	height:200px;
	display:block;
	color:#777777;
}

#textarea:focus,
.textarea:focus {
	border: 1px solid #000000;
}

#small#textarea,
.small.textarea {
	width:200px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #EEEEEE;
	height:100px;
	display:block;
	color:#777777;
}
#small#textarea:focus,
.small.textarea:focus {
	border: 1px solid #000000;
}

.input,
#input {
	width: 200px;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #CCCCCC;
	margin-right: 0px;
	height:20px;
}

.input:focus,
#input:focus {
	border: 1px solid #000000;
}

#button,
.button {
	padding:0 20px 0 20px;
}

.select {
	width: 200px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #CCCCCC;
	margin-right: 0px;
	height:24px;
	font-size:14px;
	width:224px;
}

.select:focus {
	border: 1px solid #000000;
}

/************************************************
*				Form Validation					*
************************************************/
.fc-tbx .tl{
	background: url('../images/tl.png') no-repeat;
	position: relative;
	z-index: 999;
}

.fc-tbx .t{
	background: url('../images/t.png') repeat-x;
	height: 16px;
	position: relative;
	z-index: 999;
}

.fc-tbx .tr{
	background: url('../images/tr.png') no-repeat;
	position: relative;
	z-index: 999;
}

.fc-tbx .l{
	background: url('../images/l.png') repeat-y;
	width: 16px;
	position: relative;
	z-index: 999;
}

.fc-tbx .r{
	background: url('../images/r.png') repeat-y;
	width: 16px;
	position: relative;
	z-index: 999;
}

.fc-tbx .bl{
	background: url('../images/bl.png') no-repeat;
	position: relative;
	z-index: 999;
}

.fc-tbx .b{
	background: url('../images/b.png') no-repeat;
	height: 25px;
	position: relative;
	z-index: 999;
}

.fc-tbx .br{
	background: url('../images/br.png') no-repeat;
	position: relative;
	z-index: 999;
}

.fc-tbx .c{
	background: url('../images/c.png') repeat;
	position: relative;
	z-index: 999;
}

.fc-tbx a.close {
	float: right;
	background: url('../images/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.fc-tbx .err {
	float: left;
}

.fc-tbx p {
	width: auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
}

.ajax_loader {
	background: url('../images/ajax-loader.gif') no-repeat center;
	width: 200px;
	height: 150px;
}

.fc-error {
	border: 1px solid #888888;
	margin-top: 5px;
	background-color: #FF0000;
}
.fc-error p {
	margin: 5px;
	color: #A00;
}

/************************************************
*			JavaScript Thickbox					*
************************************************/
#TB_window {
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}

#TB_secondLine {
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {
	color:#666666;
}
#TB_window a:visited {
	color:#666666;
}
#TB_window a:hover {
	color:#000;
}
#TB_window a:active {
	color:#666666;
}
#TB_window a:focus {
	color:#666666;
}

#TB_overlay {
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay {
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

#TB_window {
	position:fixed;
	background:#ffffff;
	z-index:1002;
	color:#000000;
	display:none;
	border:4px solid rgb(203,217,249);
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window {
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin:15px 0 0 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:23px;
	height:19px;
	margin:0;
	background:url("../images/close.gif") 0 0 no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#TB_closeWindow a:hover {
	background:url("../images/close_over.gif") 0 0 no-repeat;
}

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:23px;
	height:19px;
	margin:0;
	background:url("../images/close.gif") 0 0 no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#TB_closeAjaxWindow a:hover {
	background:url("../images/close_over.gif") 0 0 no-repeat;
}

#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle {
	float:left;
	padding:2px 0 0px 10px;
	margin-bottom:1px;
	font-size:14px;
	font-family:"georgia",serif;
}

#TB_title {
	background-color:rgb(203,217,249);
	height:24px;
}

#TB_ajaxContent {
	clear:both;
	padding:0px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal {
	padding:15px;
}

#TB_ajaxContent p {
	padding:0px 0px 0px 0px;
}

#TB_load {
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:1003;
	top:50%;
	left:50%;
	margin:-6px 0 0 -104px; 
}

* html #TB_load {
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
	z-index:99;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFF;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect {
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:-1px;
	_margin-bottom:-1px;
}

/************************************************
*					Body						*
************************************************/
.content-wrap {
	clear: both;
	width: 960px;
	padding: 0; 
	margin: 10px auto;
	min-height:600px;
}

.content-wrap .large {
	font-size:14px;
}

.content-wrap li {
	list-style-position: inside;
	padding-left: 10px;
}

/************************************************
*					Footer						*
************************************************/
.footer {
	height: 48px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/footer.gif) no-repeat;
	margin: 0px auto;
	width:1000px;
	float:left;
	color:#FFFFFF;
	z-index: 10px;
}

.footer .text {
	position: relative;
	top: 15px;
	height: 48px;
	
}