/* 
////////////////////////
//  Site Stylesheet  // 
//////////////////////
*/

html, body
{
	margin:0;
	padding:0;
	width:100%;
	background-color:#CEDCE9;
	background-image:url(../images/background-grad.png);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


hr
{
	visibility:hidden;
	margin:0;
	padding:0;
}


hr.line
{
	visibility:visible;
	border-color:#EFEFEF;
	background-color:#EFEFEF;
	height:1px;
	clear:both;
}


#container ul
{
	margin:0;
}


#site, #admin
{
	margin:0 auto;
	min-width:800px;
}


#site
{
	width:800px;
}


#admin
{
	width:100%;
	background-color:#FFFFFF;
	background-position:left;
	background-repeat:repeat-y;
	background-image:url(../images/optionsbg.jpg);
}


#menu
{
	position:relative;
	background-color:#063767;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../images/menu_bg.gif);
	z-index:60;
}


#site h1
{
	font-size:16px;
	color:#666666;
	margin:10px 0 10px 20px;
	padding:0;
}


#menu .items {
	position:relative;
}


#menu .main,
#banner .main {
	display:inline;
	position:relative;
	padding: 3px 5px;
}


#menu .main .menu, 
#menu .main .menuhover,
#menu .main ul li,
#banner .main a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	line-height:21px;
}


#banner .main a {
	color:#333333;
}


#menu .isactive,
#banner .isactive {
	background-color:#2e6aa4;
}


#menu .menuhover,
#banner .menuhover {
	background-color:#666666;
	background-image:url(../images/sub_bg.gif);
	background-repeat:repeat-y;
}


#banner .menuhover {
	background-color:#000000;
}


#banner .menuhover a {
	color:#FFFFFF;
}


#menu .main ul {
	position:absolute;
	z-index:10;
	display:none;
	background-color:#383838;
	background-image:url(../images/sub_bg.gif);
	background-repeat:repeat-y;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	list-style-type:none;
	padding:0 10px 10px 10px;
	margin:0;
}


#menu .main ul li {
	list-style-position:inside;
	margin:3px 0 3px 0;
	padding:0 3px 0 3px;
	color:#FFFFFF;
	background:none;
}


#menu .main ul li a {
	white-space:nowrap;
	color:#FFFFFF;
	text-decoration:none;
}


#menu .main ul li.isactive {
	background:#313131;
}


#menu .main ul li.menuhover {
	background:#5d5d5d;
}


#menu .inactive-item {
	font-style:italic;
	color:#CCCCCC !important;
}


#heading
{
	width:100%;
	height:111px;
}


#banner
{
	position:relative;
	width:100%;
	height:90px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
}


	#banner img {
		border:0 none;
	}
	
	
	#banner .languages {
		position:absolute;
		bottom:0;
		right:0;
	}


#border
{
	width:100%;
	height:3px;
	background-color:#000000;
}


#footer
{
	text-align:left;
	font-size:11px;
	color:#666666;
	padding:8px;
	/*margin-top:20px;*/
}


#footer .links
{
	float:right;
}


#footer .links a
{
	text-decoration:none;
	color:#666666;
}


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


#footer
{
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url('../images/footer_bg.gif');
}


#container
{
	clear:both;
}


h3
{
	margin:0;
	color:#084C8D;
	font-size:12pt;
}


.inputtable
{
	padding:5px;
}

.inputtable td
{
	padding:1px 5px;
}


.inputlabel
{
	width:100px;
	text-align:right;
	font-size:11px;
	color:#333333;
	font-weight:bold;
}


.inputlabel input,
.inputlabel select,
.inputlabel textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#333333;
	border:1px solid #CBCBCB;
	padding:3px;
}


.required
{
	color:#FF0000;
	padding-left:2px;
}


.inputcontrol
{
	text-align:left;
	margin-left:5px;
	font-size:11px;
	color:#333333;
}


.requestnote 
{
	width:200px;
}


.inputtext
{
	text-align:left;
	font-size:11px;
	color:#333333;
}


input
{
	font-size:x-small;
}


.inputcontrol input,
.inputcontrol select,
.inputcontrol textarea 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#333333;
	border:1px solid #CBCBCB;
	padding:3px;
}


.events,
.reminder
{
	padding:3px 3px 3px 1px;
	margin:3px;
	font-size:12px;
	line-height:13px;
	list-style-position:inside;
}


.events li,
.reminder li
{
	margin-left:2px;
}


.note,
.note
{
	color:#003399;
	list-style-image:url('../images/evtNote.gif');
}


.confirm,
.confirm
{
	color:#006600;
	list-style-image:url('../images/evtConfirm.gif');
}


.error,
.error
{
	color:#990000;
	list-style-image:url('../images/evtError.gif');
}


#hud
{
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	margin:20px 5px 5px 5px;
	font-size:11px;
	color:#333333;
	vertical-align:middle;
	border-left:1px solid #333333;
	padding-left:15px;
}

#optioncontainer
{
}


#options
{
	width:190px;
	margin:0 10px 0 0;
	padding:0;
	list-style-type:none;
	float:left;
}

#options li.sub
{
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
}

#options li
{
	color:#003366;
	font-size:11px;
	padding:0;
	margin:0;
}

#options li a,
#options li a:link,
#options li a:active,
#options li a:visited,
#options li a:hover
{
	font-size:11px;
	line-height:11px;
	color:#666666;
	text-decoration:none;
	display:block;
	padding:5px 7px 5px 7px;
	margin:1px;
	border:1px solid #CEDCE9;
}

#options li a:hover
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url('../images/menu_button_bg.gif');
}


fieldset
{
	border:none;
	border-top:1px solid #CCCCCC;
}

hr.form-rule {
	visibility:visible;
	border:none;
	height:1px;
	overflow:hidden;
	border-top:1px solid #CCCCCC;
	margin-bottom:4px;
}

fieldset legend
{
	color:#999999;
	font-family:"Century Gothic", Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
}


input.inputbutton
{
	font-size:xx-small;
}

#submitbutton
{
	font-weight:bold;
}

.inputcontainer
{
	width:750px;
	min-width:750px;
}


/* Main menu styles */


/* Crumb links styles */
div.breadcrumb
{
	display:block;
	margin:5px 0 5px 0;
	padding:3px;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}


div.breadcrumb, div.breadcrumb a
{
	font-size:11px;
}


div.breadcrumb a, div.breadcrumb a:visited
{
	color:#003399;
	text-decoration:none;
}


div.breadcrumb a:hover
{
	text-decoration:underline;
}


#formlink
{
	visibility:hidden;
}


.readonly
{
	font-weight:bold;
	color:#000066;
}