/* standard tags */
h1 { margin:0; padding:0px 0 24px 40px; color:#23225c; font:bold 40px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#23225c; text-decoration:none;}
h1 .small { padding-left:86px; font:normal 13px/1.8em Arial, Helvetica, sans-serif; color:#23225c}

h2 { font:bold 26px Arial, Helvetica, sans-serif; color:#23225c; padding:0 0 20px 0; margin:0; }

h3 {font:normal 16px Arial, Helvetica, sans-serif; color: #23225c; text-decoration:none; font-weight:bold; margin: 0% 0% 0% 0%}
h3 a:hover{color: #03a5d1; text-decoration:underline;}
h3 a{color: #23225c; text-decoration:underline;}

h4 {font:normal 11px/1.2em Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; font-weight:bold; margin: 0% 0% 0% 0%}
h4 span {font-weight: normal;}
h4 a{color: #3470a4; text-decoration:underline; font-size: 11px}
h4 a:hover{color: #03a5d1; text-decoration:underline; } 

h5 {font:normal 11px/1.8em Arial, Helvetica, sans-serif; color: #23225c; text-decoration:none; font-weight:normal; margin: 0% 0% 0% 0%; padding:0}
h5 a{color: #23225c; text-decoration:none; font-size: 11px}
h5 a:hover{color: #03a5d1; text-decoration:underline;}

p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}  
p span {font-weight: bold;}

ul {font:normal 12px/1.8em Arial, Helvetica, sans-serif}
.center { text-align: center }

a { color: #fff; text-decoration:none; font-weight: bold; font-size: 12px}
a:hover { color:#50b5d0; text-decoration:underline;}

images{border:none;}

body { margin:0; padding:0; width:100%; color:#fff; background:#fff url(../images/main_bg.jpg) top center repeat-x; font:normal 13px lucida grande,tahoma,verdana,arial,sans-serif; }
/* standard tags */


/* common */
.header, .hbg, .content { margin:0; padding:0;}
html, .site { padding:0; margin:0; background-color: #cfcfb5; }

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px; }

/* header */
.site{ padding-bottom: 20px; }
.header { padding-top: 20px; background-color: #cfcfb5; }
.header_resize { margin:0 auto;	width:970px; background:#fff url(../images/header_bgres.gif) repeat-x top; border-top: 5px solid #306853; }
.header .title { margin:0; padding: 1% 0 1.5% 50px; color:#fff; 	font:bold 28px/1.2em Georgia; background-color: #23225c }
.header .title h4{ font:normal 11.5px/1.6em Arial, Helvetica, sans-serif; }
.header .logo{ float:right; }
/* header */

/* hbg */
.hbg { padding:0; margin:0 auto; width:970px; color: #fff}
.hbg .banner {  height: 173px; background: #fff url(../images/banner.jpg);  padding-bottom: 25px;}
.hbg .border1 { height: 30px; background-color: #23225c; }
.hbg .border2 { height: 5px; background-color: #306853; }
/* hbg */

/* content */
.content { padding-top: 2px; }
.content_resize { margin:0 auto; padding:28px 40px; width:890px; background-color:#415c79; border:1px solid #d7d7d7; border-top:none;}
.content .sidebar { padding: 0; margin-right: 110px; float:left; width:220px; }
.content .sidebar ul{ margin-left:0px; padding: 0 20px; list-style-type:square }
/* content */


/* footer */
#footer{ margin:0 auto; width:970px; text-align: right; padding-top: 5px; padding-right: 10px; font-style: italic; font-weight:bold; font-size: 11px;background: #23225c; height:20px; color:#c2c2c2;}

/* form */
form { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

.errormsg { color: #C20000; font-weight: bold; }

.button-link { border: none; background-color: transparent; cursor: pointer; padding: 0; }
.button-link:hover {	text-decoration: underline; background: url(../images/button-underline.gif) repeat-x bottom;}
.link { color: #23225c; text-align: center; font-size: 1em; font-weight: normal; font-family: Arial; font-weight: bold }
  
/* forms buttons */
.button { width: 50px; height: 23px; cursor: pointer; }

.button_search { background: url(../images/search2.png) no-repeat 0px 0px; width: 45px; height: 24px; padding-top:4px; cursor: pointer }
.button_search:hover { background: url(../images/search.jpg) no-repeat 0px 0px; cursor: pointer}

/* tables */
table{
	margin: 0 auto;
	width: 100%;
	font: 12px lucida grande,tahoma,verdana,arial,sans-serif;
	border: 2px outset #333;
	border-collapse:collapse;
	empty-cells: show;
}
td, th{
	padding: 3px;
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 0 0;
	color: #333;
}

td{ vertical-align: top }
th{ color: black;  background-color: #3470a4; font-weight: bold;}
th a{ color: #3470a4;font-weight: bold;}

tr a:hover{ color: #03a5d1; text-decoration:underline; }
tr a{ color: #3470a4; text-decoration:underline; font-size: 12px }

tr.d0 td { background-color: #03a5d1 }
tr.d1 td { font-weight: bold }
tr.d2 td { font-weight: normal }

#search_table{ font: 11px Arial, sans-serif; border: none; }
#search_table td, #search_table th { text-align: left; border: none; padding: 0px; padding-left: 15px; padding-right: 15px}

#prop_table img{ width: 200px; height: 140px; float: left }
#prop_table th{ text-align: left; color: white }
#prop_table td { border: none; text-align: left; vertical-align: top; font-weight: bold; font: 12px lucida grande,tahoma,verdana,arial,sans-serif; color: #333}
#prop_table td a{ color:#3470a4; font: 11px lucida grande,tahoma,verdana,arial,sans-serif; font-weight: bold}
#prop_table td a:hover{ color:#50b5d0;}
#prop_table th.img{ width: 200px }

#details_table img{ width: 140px; height: 100px; float: left }
#details_table{ font:normal 12px Arial, Helvetica, sans-serif; color: #c6c6c6; border: none; margin-top: 5px; margin-bottom: 5px }
#details_table td, #details_table th { text-align: left; border: none; }
#details_table th{ border-bottom: solid 2px #333; background-color: #f7f8f8; padding: 5px; }

td.key { font-weight: bold; width: 20%;}
td.value { font-weight: normal; width: 80%}
td.status{ font-style: italic; }

select { width: 123px; font:normal 11px Arial, Helvetica, sans-serif; }
input { font:normal 11px Arial, Helvetica, sans-serif; }


.zend_form  { background: #fff; color: #333; font-weight: bold; width:550px; margin: 20px 0; overflow:auto; padding: 25px 0px 25px 0; border: 2px #333 solid; background-color: #f7f8f8 }
/* zend form */

.zend_form dt{ width: 250px; display: block; float: left; clear: left }

.zend_form select { width: 200px; overflow: hidden; }
.zend_form label { padding-left: 50px; font-size: 11px; }
.zend_form input { width: 195px; }
.zend_form input, .zend_form textarea{ margin:0 0 2px 0;}

.zend_form .errors{ margin-left: 190px; color:red; margin-top: 0px}

.zend_form #captcha-element { padding-top: 10px;}
.zend_form #captcha-input { margin-left: 210px;}

.zend_form #btnNext{ margin-top: 15px; width: 100px; cursor: pointer }

.zend_form #submit, 
.zend_form #cancel,
.zend_form #login, 
.zend_form #save { margin-top: 15px; margin-left:0px; width: 50px;	height: 50px; cursor: pointer;  }	

.zend_form #submit {	background: url(../images/submit.png) no-repeat 0px 0px; }
.zend_form #submit:hover { background: url(../images/submit_hover.png) no-repeat 0px 0px; }

.zend_form #save { background: url(../images/submit.png) no-repeat 0px 0px; }
.zend_form #save:hover { background: url(../images/submit_hover.png) no-repeat 0px 0px; }

.zend_form #cancel {	background: url(../images/cancel.png) no-repeat 0px 0px; }
.zend_form #cancel:hover { background: url(../images/cancel_hover.png) no-repeat 0px 0px; }


.scroll_checkboxes { height: 100px; padding: 5px; overflow: auto; border: 1px solid #ccc }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer {width:504px; height:210px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}

#outer #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:125px; position:absolute; top:20px; left: 100px; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:125px;}
#menu li {float:left; background:#657; position:relative; border-top:1px solid #fff;}

#menu li.sub {background:#23225c;}

#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ff0; z-index:500;}
#menu li a:hover {color:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:#98a;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#outer images {display:block; float:right;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}
