body { margin:0; padding:0px 0 0 0; font-size: 12px; font-family: Arial, Verdana, Helvetica, Sans-serif; line-height: 15px; font-style: normal; font-weight: normal; width:100%; background:#85c0de url(../images/main_bg.jpg) top center repeat-x; }


hilite          { font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; font-weight: normal; background-color: #eef; margin: 0 }

td { color: #ccc ; font-size: 12px; font-weight: normal; font-style: normal; }

HR { color: maroon; height: 1px }

.head  { color: #85c0de; font-size: 16px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: normal; line-height: 21px }
.headSm  { color: #000000; font-size: 14px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: bold; line-height: 15px }


.bodyBig { color: #000000; font-size: 14px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: normal; line-height: 17px }

.bodyYellow  { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; padding: 3 px; line-height: 19px; background-color:#FFFF00 }

a:link { color: #0707a5; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; font-weight: normal; }
a:visited { color: #2222a8; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; font-weight: normal;  text-decoration: none }
a:hover { color: #4545c3; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; font-weight: normal; }
a:active { color: #1414f7; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; font-weight: normal; }

/* layout */
#content { margin: 10px auto; width: 960px; }
#register { margin: 10px auto; width: 900px; }
#middle div

{
	-webkit-box-shadow: #ccc 0px 4px 5px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* top panel */
#logo { margin: 0 0 10px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; }
#top_info { line-height: 20px; float: right; color: #808080;  margin: 12px 5px 7px 0; text-align: right; height: 54px; clear: both; background:# url(images/main_bg.gif) top center repeat-x; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #85c1dd url(/images/login.png) no-repeat; color: #9ed0e8; }
#loginbutton a:hover{ background: url(/images/login.png) no-repeat; color: #9ed0e8;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 22px;
	}
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 100%;
	background: #000000 /*#9FC7D8, #F3EC90*/ url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	min-height: 9px;
	-webkit-box-shadow: #ccc 0px  4px 5px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	border-top-left-radius: 0px 0px;
	-moz-border-radius-topleft: 0px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }



/* alternate menu 
.menu { height:43px; padding:0; margin:0; width:961px; background:url(/images/menu_bg.gif) top no-repeat;}
.menu ul { text-align: left;  padding:3px 0 0 0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 10px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li a.active {  text-decoration:underline;}
alternate menu */

#middle {
	clear:left;
	width:100%;
	float: left;
	margin: 0 0 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
		-webkit-box-shadow: #ccc 0px 4px 5px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 254px;
		padding: 0 18px 0 24px;
	}
	.second{
		float: right;
		width: 730px;
		padding: 0 10px 0 15px;
		margin-left: 5px;
	}
		
/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}

/* home page boxes */
.box { padding: 0 10px 0 10px; border: solid 3px #dcf4fe; width:305px; background:#9ed0e8 url(images/fbg_bg.gif) top center repeat-x; }
.bodywhiteBig { color: #fff; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 17px }
.bodywhite  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 24px }
.bodywhiteSM  { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px }
.bodyblueSM  { color: #328dc2; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 18px }

/* extra standards */
.hostbox { font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: dashed 1px gray }
.hostboxRed { font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 5px; border: dashed 2px red }
.hostboxBlue { font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 5px; border: dashed 3px blue }
.border { font-size: 12px; line-height: 15px; border: dashed 3px gray }
.borderSMDots { font-size: 12px; line-height: 15px; border: dotted 1px gray }
.borderSolid { font-size: 12px; line-height: 15px; border: solid 2px black }
.news  { font-size: 12px; line-height: 13px; background-color: #9cf; padding: 3px; border: dashed 2px #669edb }
.solidback   { font-size: 12px; line-height: 13px; background-color: #9cf; padding: 3px; border-width: 2px; border-color: #9cf }
.bullets   { color: #69c; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 15px }
.body_plus   { color: #000; font-size: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif; line-height: 18px;  }
.body_small   { color: black; font-size: 11px; font-family: Arial, Verdana, Helvetica, Sans-serif; line-height: 13px }

.caption  { color: #424242; font-size: 10px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: italic; line-height: 12px;  }
.copyright { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-style: normal; line-height: 12px;  }
textarea, input  { color: #039; font-size: 10px }
select, option      { color: navy; font-size: x-small }


h1 { color: #000000; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  line-height: 36px }
h2 { color: #85c0de; font-size: 16px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: normal; line-height: 21px }
h3 { color: #1e5fc2; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 16px }
h4 { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; line-height: 15px; letter-spacing: normal }
h5  { color: #036; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; text-decoration: none }


/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
.error
{
	color: red;
	font-weight: bold;
	background: url('/images/icon_error.gif') no-repeat;
	padding-left: 20px;
	height:18px;

}
.message
{
	color: green;
	font-weight: bold;
	background: url('/images/information_icon.gif') no-repeat;
	padding-left: 20px;
	height:18px;
}

.wait
{
	color: green;
	font-weight: bold;
	background: url('/images/information_icon.gif') no-repeat;
	padding-left: 20px;
	height:18px;
}

.word
{
	color: black;
	font-weight: normal;
	background: url('/media/icon-WORD.gif') no-repeat;
	padding-left: 62px;
	height:60px;
}

.pdf
{
	color: black;
	font-weight: normal;
	background: url('/media/icon-PDF.gif') no-repeat;
	padding-left: 62px;
	height:60px;
}

.ui-state-active, .ui-widget-content .ui-state-active
{
	background-color: #6495AB;
	color:white;
	text-decoration: none;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}
.ui-state-active a
{
	text-decoration: none;
	color:white;
	font-weight: bold;
}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; 
	-webkit-box-shadow: #ccc 0px 4px 5px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	border-top-left-radius: 0px 0px;
	-moz-border-radius-topleft: 0px;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; 	-webkit-box-shadow: #ccc 0px 4px 5px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	border-top-left-radius: 0px 0px;
	-moz-border-radius-topleft: 0px;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em;text-decoration: none; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content
{
	padding: 0.4em 1.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
	background: url('/images/bgshade.gif') repeat-x;}
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }