body { background: #E0DFE3 url(../img/bg.jpg) repeat-x top; font: normal 82.5%/1.4 Arial, Helvetica, sans-serif; color:#333333; margin:0px; padding:0px;}

h1 { font: 1.4em Arial, Helvetica, sans-serif; font-weight:lighter; margin:0px; padding:0px;}
h2 { font: 1.3em Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; color:#333333;}
h3 { font: 1.1em Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; }
h4 { font: 1.1em Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; }

ul {
	list-style-type: none;
	}

a {color:#009900; text-decoration:underline; outline: none; }
a:hover { color:#000000; text-decoration:underline; }

#wrapper { margin:0 auto; width:720px; }

#header { width:720px; height:118px; background:url(../img/bg_header.jpg) no-repeat; margin:10px 0 0 0;}
#header h1 a { float:left; text-indent:-10000px; width:250px; height:77px; background:url(../img/logo.gif) no-repeat; margin:25px 0 0 20px; outline-style:none;}

#nav { background:url(../img/bg_nav.jpg) repeat-x; height:29px; border:1px solid #8BCF5A; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav ul li { margin:0 10px; padding:0; list-style-type:none; display:inline; float:left; font:1.1em Arial, Helvetica, sans-serif; font-weight:bold;}
#nav ul li a { color:#009900; text-decoration:none; line-height:29px; }
#nav ul li a:hover { color:#333333; text-decoration:none;}

#main { background:#9ADF73; border-left: 1px solid #8BCF5A; border-right: 1px solid #8BCF5A; }

#content { float:left; width:480px; padding:10px; background:#FFFFFF; border-bottom:1px solid #8BCF5A; }
#content .item { width: 480px; border-bottom: 1px dotted #CCC; padding-bottom: 7px; margin-bottom: 7px; }
#content .item img { float: left; margin-right: 7px; }
#content .item h3 { font-size: 12px; }
#content .item span { color: #666; font-size: 10px; }
#content .item p { margin: 5px 0; }
#content .item strong { font-style: italic; }
#content .item img { padding: 3px; border: 1px solid #666; }
#content .item div.text { float: left; width: 310px; }

#sidebar { float:right; width:200px; padding:5px 9px; }

.box { background:url(../img/bg_box_bottom.gif) no-repeat bottom; padding:0 0 5px 0; margin:0 0 5px 0;}
.box h3 { padding:0 5px 5px 0; text-align:right; background:url(../img/bg_box_top.gif) no-repeat bottom; color:#FFFFFF;}
.box_content { background:#FFFFFF; border-left:1px solid #8BCF5A;  border-right:1px solid #8BCF5A; padding:0 10px 0 5px; text-align:right; line-height:14px; font-weight:bold; color:#666666;}
.box_phone { background:url(../img/icon_phone.png) no-repeat top left; width:68px; height:71px; float:left; margin:-15px 0 0 0;}
.box_address { background:url(../img/icon_address.png) no-repeat top left; width:68px; height:71px; float:left; margin:-15px 0 0 0;}

.sidebar_button { background:url(../img/bg_sidebar_button.jpg) no-repeat; width:200px; height:27px; margin:15px 0 0 0; font:1.1em Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; line-height:25px;}
.sidebar_button a { color:#666666; text-decoration:none; }
.sidebar_button a:hover { color:#009900; text-decoration:none; }
.add { background:url(../img/icon_add.png) no-repeat; width:35px; height:36px; float:left; margin:-12px 0 0 10px;}

#footer { background:url(../img/bg_sidebar.gif) no-repeat top right; padding:3px 0 0 0px;}

#copyright { float:left; width:500px; font-size:11px; color:#999999;}
#copyright a { color:#999999; text-decoration:underline; }
#copyright a:hover { color:#666666; text-decoration:underline; }

#webrightmedia { float:left; }

#trademark { float:right; }

.clear { clear:both; height: 1px; overflow: hidden; }
.img { margin:10px 0;}
.img img { border: 1px solid #CCCCCC; padding:5px;}

p.error, ul.error {
	background: url("../img/message_error.png") no-repeat 3px 8px;
	text-indent: 20px;
	font-weight: bold;
	color: #CC0000;
	background-color: #F4FCFF;
	border: 1px solid #BCDBEA;
	padding: 10px 3px;
	margin: 0 auto;
	}

p.success {
	background: url("../img/message_success.png") no-repeat 3px 8px;
	text-indent: 20px;
	font-weight: bold;
	color: #8AD652;
	background-color: #F4FCFF;
	border: 1px solid #BCDBEA;
	padding: 10px 3px;
	margin: 10px auto;
	}

p.notice {
	background: url("../img/message_notice.png") no-repeat 3px 8px;
	text-indent: 20px;
	font-weight: bold;
	color: #3F86E5;
	background-color: #F4FCFF;
	border: 1px solid #BCDBEA;
	padding: 10px 3px;
	margin: 0 auto;
	}

ul.error {
	margin: 10px auto;
	background-image: none;
	padding-bottom: 5px;
	}

ul.error li {
	color: #656361;
	background: url("../img/error_li.png") no-repeat 30px 50%;
	padding-left: 25px;
	margin-bottom: 5px;
	font-weight: normal;
	}

ul.error li:first-child {
	background-image: none;
	padding-left: 0;
	color: #C00;
	}

.default { padding:0 0 20px 0; }
.default fieldset { border:1px solid #DEDEDE; padding:10px; margin:10px 0; }
.default legend { font-size:14px; font-weight:bold; color:#006600; padding:0 10px;} 
.default label { float:left; width:150px; cursor:pointer; line-height:24px; font-weight:bold; margin:0 5px 0 0; text-align:right;}
.default label.large { line-height:16px; width:150px; }
.default input, .default textarea, .default select { float:left; padding:3px 8px; margin:0 0 5px 0; border:1px solid #999999; background:#F7F9F4; }
.default input:focus, .default textarea:focus { background:#FFFFFF; border:1px solid #000000; }
.default input.input-text, .default select.input-text { width:200px; }
.default select.input-text { width: 218px; }
.default input.submit { padding:4px 10px; border:none; background:#688310; color:#FFFFFF; font-weight:bold; margin:3px 0 0 100px;}
.default input.submit:hover { cursor:pointer; background:#7AA203; }
.default textarea.input-text { width:200px; height:75px; }
.default input.small { width:20px; }
.default input.small4 { width:30px; }
.default span { float:left; font-size:11px; color:#999999; margin:0 5px 0 5px; line-height:20px; cursor: help; }
.default span.error { color: #C00; } 
.default #select_date { float:left; width: 20px; height: 20px; background: url(../img/ico_select_date.png) no-repeat 0 0; margin:1px 0 0 5px;}

/* pagination */
#pagination { float:right; margin:10px 0 10px 0; line-height:23px; }
#pagination li { float:left; margin:0 3px; color:#999999;}
#pagination li.current { width:23px; height:23px; text-align:center; font-weight:bold; color:#000000; }
#pagination li a { float:left; width:23px; height:23px; color:#000000; background:url(../img/bg_pagination.jpg) no-repeat; margin:0 3px; text-align:center; font-weight:bold;}
#pagination li a:hover { background:url(../img/bg_pagination.jpg) no-repeat -23px 0px; text-decoration:none; color:#FFFFFF; }