/* CSS definition file containing sitestyle stylesheets */
 
td {
 font-family: verdana;
 font-size: 12px;
 color: #999999;
}

/* content */
.content { font-size: 12px; color:#333333; font-family: verdana, tahoma, arial  }
.content a:link { text-decoration: none; color:#5F9215; }
.content a:visited { color:#5F9215; font-weight:none; text-decoration: none; }
.content a:hover { text-decoration: none; color:#13007C; }
.content a:active { color:#5F9215; font-weight:none; text-decoration: none; }


/* greenframecontent */
.greenframecontent { font-size: 12px; color:#000000; font-family: verdana, tahoma, arial  }
.greenframecontent a:link { text-decoration: none; color:#ffffff; }
.greenframecontent a:visited { color:#ffffff; font-weight:none; text-decoration: none; }
.greenframecontent a:hover { text-decoration: none; color:#13007C; }
.greenframecontent a:active { color:#ffffff; font-weight:none; text-decoration: none; }


/* footer */
.footer { font-size: 10px; color:#dddddd; font-family: verdana, tahoma, arial  }
.footer a:link { text-decoration: none; color:#dddddd; }
.footer a:visited { color:#dddddd; font-weight:none; text-decoration: none; }
.footer a:hover { text-decoration: underline; color:#ffffff; }
.footer a:active { color:#dddddd; font-weight:none; text-decoration: none; }


/* menu */
.menu { font-size: 11px; color:#ffffff; font-family: verdana, tahoma, arial  }
.menu a:link { text-decoration: none; color:#ffffff; }
.menu a:visited { color:#ffffff; font-weight:none; text-decoration: none; }
.menu a:hover { text-decoration: none; color:#FAFAFA; }
.menu a:active { color:#ffffff; font-weight:none; text-decoration: none; }

/* footerbig */
.footerbig { font-size: 11px; color:#609215; font-weight:bold; font-family: verdana, tahoma, arial  }

.anylinkcss{
position: absolute;
margin:8px 0px 0px 0px;
visibility: hidden;
border:1px solid #13007C;
border-bottom-width: 0;
font:normal 11px Verdana;
font-weight:bold;
color: #5F9215;
line-height: 12px;
z-index: 100;
background-color: #dddddd;
width: 170px;
}

.anylinkcss a:link {
color: #5F9215;
width: 100%;
text-align: left;
background-color: #ffffff;
display: block;
text-indent: 5px;
border-bottom: 1px solid #13007C;
padding: 5px 0;
text-decoration: none;
font-weight: none;
text-indent: 5px;
}

.anylinkcss a:visited { /*visted background color*/
width: 100%;
background-color: #ffffff;
color: #5F9215;
text-align: left;
display: block;
text-indent: 5px;
border-bottom: 1px solid #13007C;
padding: 5px 0;
text-decoration: none;
font-weight: none;
text-indent: 5px;
}

.anylinkcss a:hover { /*hover background color*/
background-color: #F7F7F7;
color: #000000;
align: left;
width: 100%;
text-align: left;
display: block;
text-indent: 5px;
border-bottom: 1px solid #13007C;
padding: 5px 0;
text-decoration: none;
font-weight: none;
text-indent: 5px;
}

.anylinkcss a:active { /*active background color*/
width: 100%;
background-color: #ffffff;
color: #5F9215;
text-align: left;
display: block;
text-indent: 5px;
border-bottom: 1px solid #13007C;
padding: 5px 0;
text-decoration: none;
font-weight: none;
text-indent: 5px;
}


/* CSS menu below */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -12;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* theme */
ul.dropdown {
 /*font-weight: bold;*/
 	
}

	ul.dropdown li {
	 /*padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 /*border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;*/
	 font-size:11px;
	 color: #FFF;
	}
	
	
	
	ul.dropdown li li {
		background-color:#FFF;
		color: #000;
		margin:10px;
	}

	ul.dropdown li:hover {
	 background-color: #dddddd;
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: inherit;
	 color: #000;
	}
	
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 190px;
	 margin-top: 0px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 10px;
 background-image: url(/courtcal/img/light_arrow_down.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 height:100%;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(/courtcal/img/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(/courtcal/img/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(/courtcal/img/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}


.nav {
	padding:0px;
	margin: 0px 10px 0px 10px;
}
.navbreak {
	float:left;
	margin: 0px 10px 0px 10px;
}

/* the dropdown */
div#menubar ul {
	background-color:inherit;	
}

div#menubar ul.tier2 {
	background-color:#fff;
	border: 1px solid #000;	
	padding:0px;
}
div#menubar ul.tier3 {
	background-color:#fff;
	border: 1px solid #000;
	margin-left:7px;
	padding:0px;
	margin-left:2px;
}

div#menubar ul.tier4 {
	background-color:#fff;
	border: 1px solid #000;
	margin-left:7px;
	padding:0px;
	margin-left:2px;
}



body {
	background-color: #DDDDDD;
	margin-left:0px;
	text-align:center;
}
	
div#page {
	border: 1px solid #609215; 
	width: 804px;
	@width:797px;
	margin:auto; 
	padding:2px; 
	background-color:#FFF;
	text-align:left;
}

div#heading {
	background-image: url('/courtcal/img/index_2_r1_c1.jpg'); 
	background-repeat:repeat-x; 
	background-position:left top;
	height:150px;
	width:100%;
}


img#logo {
	float:left;
	width:284px;
	height:114px;
	border:0px;
	margin:40px 0px 0px 0px;
	@margin:35px 0px 0px 0px;
}

div#menubar {
	float:left;
	margin:25px 0px 0px 0px;
	padding: 5px 0px 0px 20px;
	background: url('/courtcal/img/index_2_r4_c5.jpg'); 
	height:19px;
	width:484px;
	color:#fff;
	font-size:11px;
	font-family:verdana, tahoma, arial;
	text-align:left;
	@width:507px;
	@height:24px;
	@margin-top:30px;
}

div#menubar a {
	color:#fff;
}

div#menubar .tier2 li {
	color:#5F9215;
	font-weight:bold;
	padding:4px 0px 0px 5px;
	@padding:4px 0px 5px 5px; 
	margin:0px;
	
	border-bottom:1px solid #13007C;
	height:20px;
}

div#menubar .tier2 a {
	color:#5F9215;
	margin:5px 5px 5px 5px;
	padding:0px;
}
div#menubar .tier2 a:hover {
	color:#000;
	text-decoration:none;
	margin:5px 0px 5px 5px;
	padding:0px;
}


div#searchbox {
	width:234px;
	height: 35px;
	background-image:url('/courtcal/img/searchbox_bg.jpg');
	background-repeat:no-repeat;
	margin-top:8px;
	float:right;
	padding: 8px 5px 5px 11px;
}
div#searchbox form {
	margin:0px;clear:none;width:inherit;
}
div#searchbox input.txt {
	width:180px;
	float:left;
}
div#searchbox input.img {
	border: 0px solid #dddddd;
	margin-left:11px;
	float:right;
	margin:0px 18px 0px 0px;
	@margin:0px;
}
div#searchbox input {
	font-weight: bold; 
	color: #13007C;
	float:left;
	clear:none;
	border: 0px solid #dddddd;
	background-color: #dddddd;
}


div#container-content,
div#container-top-border,
div#container-bottom-border {
	height:20px;
	margin-left:10px;
}

div#container-top-border {
	background: url('/courtcal/img/content-area-border-top.png') no-repeat;	
	background-position: left bottom;
} 
div#container-content {
	background: url('/courtcal/img/content-area-border-slice.png') repeat-y;
	height:100%;
	padding:0px 25px 25px 25px;
}
div#container-bottom-border {
	background: url('/courtcal/img/content-area-border-bottom.png') no-repeat;	
}

div#newfooter {
	background: url('/courtcal/img/index_r13_c1.jpg') repeat-x; 
	width:797px;
	@width:792px;
	height:20px; 
	margin:9px 0px 0px 0px;
	padding:3px; 
	float:none;
}
div.copyright {
	@margin-top:-12px;
}

#mainmenu {
	margin-top:25px;
}
#mainmenu a, #mainmenu a:visited {
	background-color:#DDDDDD;
	border:1px dashed;
	color:#359162;
	display:inline-block;
	float:left;
	font-size:12px;
	height:20px;
	margin-top:3px;
	padding:5px 0 3px;
	text-align:center;
	text-decoration:none;
	width:110px;
}

#inner-content {
	width:500px;
	overflow:hidden;
	background-color:#ffffff;
	float:left;
	margin-left:55px;
	margin-top:0px;padding-top:0px;
}