/*reset*/
html{color:#000;background:#333; font-family: sans-serif, verdana, tahoma, arial; font-size: 0.8em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left}

/*base*/
body {margin: 8px;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration: underline; color:#000;}


/*form*/
form {width: 600px;}
form dl, dt, dd {}
form dt, dd {float: left; text-align: left; margin: 4px; padding: 4px;}
form dt {clear:left;}

form label, form input, form textarea, form select {
float:left; 
display: block; 
margin: 2px; padding: 4px; 
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}

form label {line-height:20px;  width: 160px;}
form input, form textarea, form select {width: 300px; border:#222 1px Solid; background-color:#ded;}
form textarea {height: 200px; resize: none;}

form input[type="submit"] {
margin: 8px;
padding: 8px;
width:100px;
height: auto;
border: #000 1px Solid;
background-color: #000;
color: #fff;
cursor: pointer;
}

form input[type="submit"]:hover {
border-color: #000;
background-color: #fff;
color: #222;
font-weight: bold;
}

/*layout*/
.o2-container {background-color:#fff; margin: 0 auto; padding: 2px; width: 1060px; text-align: left;}
.o2-container form input[type="file"] {width:300px;  border-color:transparent;}

.o2-top {background-color: #000; height: 20px; text-align: right; color: #fff; padding: 4px;}
.o2-top a {margin:2px; padding:2px; color: #fc0;}
.o2-top span {margin:2px; padding:2px;}

.o2-bottom {clear:both; height: 100px; background-color: #ddd; margin:0; padding:0; border: #ccc 1px solid;}
.o2-bottom-left {float: left; height:100px; width:33%;}
.o2-bottom-center {float: left; height:100px; width:34%;}
.o2-bottom-right {float: left; height:100px; width:33%;}

.o2-header {height: 64px; border: #000 1px solid;}
.o2-header h3 {float:left; padding-left:8px; font-size: 32px; height:64px; line-height: 64px; vertical-align:middle;}
.o2-header div {float:right;}

.o2-footer {background-color: #000; color: #fff; text-align: center; border: #000 1px solid; padding: 4px;}
.o2-footer p {height: 20px; line-height: 20px; vertical-align: middle;}
.o2-footer p a {color: #fc0;}

.o2-middle {margin-top: 2px;}

.o2-content {float: left; margin-bottom: 10px;}
.o2-right-side {float: right; width: 8px; height: 400px;}

/*navigation*/
.o2-left-menu {float: left;}
.o2-left-menu ul.navigation {}
.o2-left-menu ul.navigation li {}
.o2-left-menu ul.navigation li a {
display: block;
margin: 1px;
padding: 2px;
padding-left: 8px; 
width: 240px; 
height: 20px; 
border: #000 1px Solid;
text-decoration: none;
}

.o2-left-menu ul.navigation li {width:256px;}
.o2-left-menu ul.navigation li ul {padding-left: 16px;}
.o2-left-menu ul.navigation li ul li a {width:200px; border: 0;}

/*pagination*/
div.o2-paginator {margin: 8px; text-align: center;}
div.o2-paginator div {display:block; float:left; padding: 8px; margin: 1px; border: 1px solid #ccc;}


/*opofa content*/
.o2-facebook {padding:4px; text-align:left;}
.o2-photo img {width:800px; border: 1px solid #ccc;}
.o2-page-not-found {font-weight:bold; font-size:16px;}

#map-canvas { margin: 0; padding: 0; width:800px; height: 700px; }

.o2-info-window {margin: 0; padding: 0; border:1px solid #fff;}
.o2-info-window img {width:300px;}


/*custom*/
.o2-hidden {display:none;}
.o2-bold {font-weight: bold;}

/*jquery ui*/
.ui-widget-content {border: 2px solid #fff;}
.ui-widget-header span {font-size: 13px; color: #fff;}

/*colors*/
.o2-black .a {color: #000;}
.o2-black .a:hover {color: #000;}
.o2-black form input {border-color: #333;}
.o2-black form input[type="submit"] {border-color: #000;background-color: #000;color: #fff;}
.o2-black form input[type="submit"]:hover {border-color: #333;background-color: #fff;color: #000;}
.o2-black .o2-header {background-color: #000; color: #fff;}
.o2-black .o2-left-menu ul.navigation li a {background-color: #000; color: #fff;}
.o2-black .o2-left-menu ul.navigation li a:hover {border-color:#000; background-color: #333; color: #fff;}
.o2-black .o2-left-menu ul.navigation li ul li a {color: #000; background-color: #fff;}
.o2-black .o2-left-menu ul.navigation li ul li a:hover {color: #333; background-color: #fff;}
.o2-black .ui-widget-content {background: #000;}
.o2-black .ui-widget-header {border: 1px solid #000; background: #000;}

.o2-blue .a {color: #236;}
.o2-blue .a:hover {color: #358;}
.o2-blue form input {border-color: #358;}
.o2-blue form input[type="submit"] {border-color: #000;background-color: #236;color: #fff;}
.o2-blue form input[type="submit"]:hover {border-color: #236;background-color: #fff;color: #236;}
.o2-blue .o2-header {background-color: #236; color: #fff; border-color: #236}
.o2-blue .o2-left-menu ul.navigation li a {background-color: #236; color: #fff;}
.o2-blue .o2-left-menu ul.navigation li a:hover {border-color:#236; background-color: #358; color: #fff;}
.o2-blue .o2-left-menu ul.navigation li ul li a {color: #236; background-color: #fff;}
.o2-blue .o2-left-menu ul.navigation li ul li a:hover {color: #358; background-color: #fff;}
.o2-blue .ui-widget-content {background: #236;}
.o2-blue .ui-widget-header {border: 1px solid #236; background: #236;}

.o2-green .a {color: #040;}
.o2-green .a:hover {color: #060;}
.o2-green form input {border-color: #060;}
.o2-green form textarea {border-color: #060;}
.o2-green form input[type="submit"] {border-color: #000;background-color: #040;color: #fff;}
.o2-green form input[type="submit"]:hover {border-color: #040;background-color: #fff;color: #040;}
.o2-green .o2-header {background-color: #040; color: #fff; border-color: #040}
.o2-green .o2-left-menu ul.navigation li a {background-color: #040; color: #fff;}
.o2-green .o2-left-menu ul.navigation li a:hover {border-color:#040; background-color: #060; color: #fff;}
.o2-green .o2-left-menu ul.navigation li ul li a {color: #040; background-color: #fff;}
.o2-green .o2-left-menu ul.navigation li ul li a:hover {color: #060; background-color: #fff;}
.o2-green .ui-widget-content {background: #040;}
.o2-green .ui-widget-header {border: 1px solid #040; background: #040;}

.o2-red .a {color: #800;}
.o2-red .a:hover {color: #a00;}
.o2-red form input {border-color: #a00;}
.o2-red form input[type="submit"] {border-color: #000;background-color: #800;color: #fff;}
.o2-red form input[type="submit"]:hover {border-color: #800;background-color: #fff;color: #800;}
.o2-red .o2-header {background-color: #800; color: #fff; border-color: #800}
.o2-red .o2-left-menu ul.navigation li a {background-color: #800; color: #fff;}
.o2-red .o2-left-menu ul.navigation li a:hover {border-color:#800; background-color: #a00; color: #fff;}
.o2-red .o2-left-menu ul.navigation li ul li a {color: #800; background-color: #fff;}
.o2-red .o2-left-menu ul.navigation li ul li a:hover {color: #a00; background-color: #fff;}
.o2-red .ui-widget-content {background: #a21;}
.o2-red .ui-widget-header {border: 1px solid #a21; background: #a21;}


/*extra*/
.o2-curved-8all {-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; behavior: url(border-radius.htc); border-radius: 8px;}
.o2-curved-8top {-moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;}
.o2-curved-8left {-moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;}
.o2-curved-8right {-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;}
.o2-curved-8bottom {-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;}
.o2-curved-8topleft {-moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;}
.o2-curved-8topright {-moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;}
.o2-curved-8bottomleft {-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;}
.o2-curved-8bottomright {-moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;}
.o2-curved-4all {-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; behavior: url(border-radius.htc); border-radius: 4px;}
.o2-curved-4top {-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.o2-curved-4left {-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
.o2-curved-4right {-moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.o2-curved-4bottom {-moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.o2-curved-4topleft {-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;}
.o2-curved-4topright {-moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.o2-curved-4bottomleft {-moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
.o2-curved-4bottomright {-moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}