body {padding:0; margin:0; height:100%}
table, td {border-collapse:collapse;}
table, td, img {border:0; padding:0;}
form, td{margin:0; padding:0;}
html {height:100%;}
br{font-size:10px}
table{border:0px; border-collapse:collapse;	}
body, td{
	font-size:12px;
	font-family: Century Gothic;
	color:#a0a0a0;
	line-height:14px;
	vertical-align:top;
	padding:0px;
}


a img{ border:0px}
img{ vertical-align:top}

b{ color:#505050}

span{}
span a{} 
span a:hover{}

a{ color:#000000; text-decoration:bold} 
a:hover{ color:#a0a0a0; text-decoration:underline}

.li{ background:url(images/bg_li_contebt_bot.gif) bottom left repeat-x; height:33px}
.li_1{ background:url(images/bg_-li_1.gif) bottom left repeat-x; height:33px}


ul{margin:0; padding:0; list-style:none;}
li{ line-height:22px }
li a{color:#6d6a6a; text-decoration:none; background:url(images/1_z1.gif)  center left no-repeat; background-position:0 3px; margin:0px; padding-left:13px;}
li a:hover{color:#6d6a6a; text-decoration:underline}

.more{background:url(images/1_z2.gif)  center right no-repeat; padding-right:7px; color:#3c3d3c; font-weight:bold; text-decoration:underline}
.more:hover{ color:#3c3d3c; text-decoration:none}

.main_table{ width:100%;}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:766px;}
 /*header*/
#header{ height:301px; width:766px} 
#header .col1{ width:335px }

#header .col1 .row1{ height:109px; padding:29px 0 0 39px }
#header .col1 .row2{ height:192px; background:#00ccf6; padding:13px 0 0 12px }
#header .col2{ width:431px; background:url(images/pic_header.jpg) top right no-repeat }


/*content*/
#content{ width:766px; height:665px; }

#advertbox { 
	font-family: Century Gothic;
	color: #6d6a6a;
	background: #F9F9F9;
	border:1px solid #00ccf6;
 	font-size: 12pt;
	line-height: 22px;
	padding: 4px;
}

#listbox { 
	color: #6d6a6a;
	background: #f4f5f1;
 	font-size: 10pt;
	width: 728px;
	line-height: 14px;
	padding: 10px;
}

#infolistbox { 
	color: #6d6a6a;
	background: #f4f5f1;
	width: 728px;
 	font-size: 14pt;
	line-height: 18px;
}

#buttonbox {
	background-image: url(http://www.orangecountydocs.com/images/button-home.jpg);
	background-repeat: no-repeat; 
	height: 47px; 
	width: 148px;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
	}

#buttonboxtext {
	height: 47px; 
	width: 148px;
	font-size:24pt
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	vertical-align:middle;
	padding: 14px 0px;
	}

#headingbox { 
	color: #6d6a6a;
	background: #f4f5f1;
	width:766px;
 	font-size: 10pt;
	line-height: 14px;
}

/*page1*/
#page1 #content .row1{ height:452px}

#page1 #content .row1 .box1{ height:214px; padding-top:3px}
#page1 #content .row1 .box2{ height:213px}

#page1 #content .row1 .box2 .col1{ width:335px;}

#page1 #content .row1 .box2 .col1 .title{ margin:3px 0 0px 37px}
#page1 #content .row1 .box2 .col2{ width:1px; background:#e0e0e0}
#page1 #content .row1 .box2 .col3{ width:430px}
#page1 #content .row1 .box3{ height:25px}
#page1 #content .row2{ height:213px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page1 #content .row2 .box1{ height:73px; padding:26px 30px 0 37px}
#page1 #content .row2 .box1 .title{ margin:0 0 17px 0px}
#page1 #content .row2 .box2{ height:120px;}

#page1 #content .row2 .box2 .col1{ width:384px; padding:5px 0 0px 0px;}

#page1 #content .row2 .box2 .col1 p{ margin:15px 20px 7px 0px}
#page1 #content .row2 .box2 .col1 .title{ margin:0px 29px 0px 36px}
#page1 #content .row2 .box2 .col2{ width:1px; background:#e0e0e0}
#page1 #content .row2 .box2 .col3{ width:381px; padding:5px 0 10px 0px}

#page1 #content .row2 .box2 .col3 .title{ margin:0 28px 0 25px}
#page1 #content .row2 .box2 .col3 p{ padding:3px 30px 0px 0px}
#page1 #content .row2 .box3{ height:18px;}



/*page2*/
#page2 #content .row1{ height:452px; width:766px}

#page2 #content .row1 .box1{ height:30px}
#page2 #content .row1 .box2{ height:397px}

#page2 #content .row1 .box2 .col1{ width:517px;}

#page2 #content .row1 .box2 .col1 div{ padding:0 30px 10px 37px}
#page2 #content .row1 .box2 .col1 .title{ margin:0 0 34px 0px}
#page2 #content .row1 .box2 .col1 p{ margin:0 0 7px 0px}
#page2 #content .row1 .box2 .col1 .title1{ margin:0 0 31px 0px}
#page2 #content .row1 .box2 .col2{ width:1px; background:#e0e0e0}
#page2 #content .row1 .box2 .col3{ width:248px}

#page2 #content .row1 .box2 .col3 div{ padding:0 30px 10px 29px}
#page2 #content .row1 .box2 .col3 .title{ margin:0 0px 34px 0px}
#page2 #content .row1 .box3{ height:15px}
#page2 #content .row2{ height:213px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page2 #content .row2 .box1{ height:73px; padding:26px 30px 0 35px}
#page2 #content .row2 .box1 .title{ margin:0 0 17px 0px}
#page2 #content .row2 .box2{ height:120px;}

#page2 #content .row2 .box2 .col1{ width:384px;}
#page2 #content .row2 .box2 .col2{ width:1px; background:#e0e0e0}
#page2 #content .row2 .box2 .col3{ width:381px;}
#page2 #content .row2 .box3{ height:18px;}


/*page3*/
#page3 #content .row1{ height:244px; width:766px}

#page3 #content .row1 .box1{ height:29px;}
#page3 #content .row1 .box2{ height:215px;}

#page3 #content .row1 .box2 .col1{ width:517px;}

#page3 #content .row1 .box2 .col1 div{ padding:0 19px 10px 37px}
#page3 #content .row1 .box2 .col1 .title{ margin:0 0px 33px 0px}
#page3 #content .row1 .box2 .col1 p{ margin:0 0px 15px 0px}
#page3 #content .row1 .box2 .col2{ width:1px; background:#e0e0e0}
#page3 #content .row1 .box2 .col3{ width:248px;}

#page3 #content .row1 .box2 .col3 div{ padding:0 20px 10px 29px}
#page3 #content .row1 .box2 .col3 .title{ margin:0 0px 27px 0px}
#page3 #content .row2{ height:421px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page3 #content .row2 .box1{ height:69px;}
#page3 #content .row2 .box2{ height:352px;}

#page3 #content .row2 .box2 .col1{ width:305px;}

#page3 #content .row2 .box2 .col1 div{ padding:2px 5px 10px 37px}
#page3 #content .row2 .box2 .col2{ width:1px; background:#e0e0e0}
#page3 #content .row2 .box2 .col3{ width:462px;}

#page3 #content .row2 .box2 .col3 div{ padding:9px 20px 10px 25px}
#page3 #content .row2 .box2 .col3 p{ margin:0px 0px 9px 0px}



/*page4*/
#page4 #content .row1{ height:452px; width:766px}

#page4 #content .row1 .box1{ height:30px}
#page4 #content .row1 .box2{ height:396px}

#page4 #content .row1 .box2 .col1{ width:517px}

#page4 #content .row1 .box2 .col1 .title{ margin:0 0 37px 0px}
#page4 #content .row1 .box2 .col2{ width:1px; background:#e0e0e0}
#page4 #content .row1 .box2 .col3{ width:248px}

#page4 #content .row1 .box2 .col3 div{ padding:0 25px 10px 29px}
#page4 #content .row1 .box2 .col3 p{ margin:33px 0px 12px 0px}
#page4 #content .row1 .box3{ height:15px}
#page4 #content .row2{ height:213px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page4 #content .row2 .box1{ height:78px;}
#page4 #content .row2 .box2{ height:135px;}

#page4 #content .row2 .box2 .indent{ margin:0 0 17px 0px}
#page4 #content .row2 .box2 p{ margin:0px 0 0px 0px}




/*page5*/
#page5 #content .row1{ height:244px; width:766px}

#page5 #content .row1 .box1{ height:29px;}
#page5 #content .row1 .box2{ height:215px;}

#page5 #content .row1 .box2 .col1{ width:517px;}

#page5 #content .row1 .box2 .col1 div{ padding:0 15px 10px 37px}
#page5 #content .row1 .box2 .col1 .title{ margin:0 0px 31px 0px}
#page5 #content .row1 .box2 .col1 p{ margin:13px 0px 12px 0px}
#page5 #content .row1 .box2 .col2{ width:1px; background:#e0e0e0}
#page5 #content .row1 .box2 .col3{ width:248px;}

#page5 #content .row1 .box2 .col3 div{ padding:0 20px 10px 29px}
#page5 #content .row1 .box2 .col3 .indent{ margin:37px 0px 16px 0px}
#page5 #content .row2{ height:421px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page5 #content .row2 .box1{ height:69px;}
#page5 #content .row2 .box2{ height:328px;}

#page5 #content .row2 .box2 .col1{ width:304px}

#page5 #content .row2 .box2 .col1 div{ padding:6px 20px 10px 37px}
#page5 #content .row2 .box2 .col1 p{ margin:12px 0px 10px 0px}
#page5 #content .row2 .box2 .col2{ width:1px; background:#e0e0e0}
#page5 #content .row2 .box2 .col3{ width:461px}
#page5 #content .row2 .box3{ height:22px;}




/*page6*/
#page6 #content .row1{ height:452px; width:766px}

#page6 #content .row1 .col1{ height:30px;}
#page6 #content .row1 .col2{ height:402px;}

#page6 #content .row1 .col2 .box1{ width:517px;}
#page6 #content .row1 .col2 .box2{ width:1px; background:#e0e0e0}
#page6 #content .row1 .col2 .box3{ width:248px;}

#page6 #content .row1 .col2 .box3 div{ padding:0 31px 9px 29px}
#page6 #content .row1 .col2 .box3 .title{ margin:0 0px 34px 0px}
#page6 #content .row1 .col3{ height:16px;}
#page6 #content .row2{ height:213px; width:766px; background:url(images/bg_content_bottom.gif) top right repeat-x #ececec}

#page6 #content .row2 .box1{ height:71px;}
#page6 #content .row2 .box2{ height:122px;}


#page6 #content .row2 .box2 .col1{ width:261px}

#page6 #content .row2 .box2 .col1 div{ padding:2px 30px 5px 37px}
#page6 #content .row2 .box2 .col2{ width:1px; background:#e0e0e0}
#page6 #content .row2 .box2 .col3{ width:262px}

#page6 #content .row2 .box2 .col3 div{ padding:2px 25px 5px 35px}
#page6 #content .row2 .box2 .col4{ width:1px; background:#e0e0e0}
#page6 #content .row2 .box2 .col5{ width:241px}

#page6 #content .row2 .box2 .col5 div{ padding:2px 15px 5px 32px}
#page6 #content .row2 .box3{ height:20px;}



/*page7*/
#page7 #content .row1{ height:665px; width:766px}

#page7 #content .row1 div{ padding:30px 26px 10px 37px}
#page7 #content .row1 .title{ margin:0px 0px 30px 0px}
#page7 #content .row1 p{ margin:0px 0px 12px 0px}




/*footer*/
#footer { height:73px; background:url(images/bg_footer.gif) top left repeat-x #727272}
#footer td{color:#bfbfbf; font-size:11px; line-height:15px}
#footer .col1{ width:525px; padding-top:30px; padding-bottom:15px}
#footer .col1 a{ color:#ffffff; text-decoration:underline}
#footer .col1 a:hover{ color:#ffffff; text-decoration:none}
#footer .col2{ width:241px; padding-top:32px; padding-bottom:15px} 
#footer .col2 a{ color:#bfbfbf; text-decoration: underline}
#footer .col2 a:hover{ color:#bfbfbf; text-decoration:none}
 



/*input*/
input{
   background:#272727;
   border:1px solid #888888;
   width:165px; height:25px;
}
.input1{
   background:#FFFFFF;
   border:1px solid #414143;
   width:186px; height:15px;
   color:#49453c
}
textarea{
   background:#FFFFFF;
   border:1px solid #414143;
   width:186px; height:117px;
   overflow:auto}