
/*** set the width and height to match your images **/

.snack_form {
font-family:arial;
font-size: 14px;
padding:10px;
}

#slideshow {
    position:relative;
    width:400px;
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    width:400px;
    height:300px;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


.comic_sans{
font-family:'Comic Sans MS','arial';
}
#search_form{
text-align:center;
}
#dog_house_image{
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.main_text{
font-family:arial;
font-size:14px;
font-weight:normal;
text-align:left;
padding: 10px 10px;

}
#category_title{
font-family:'Comic Sans MS',arial;
font-size:48px;
font-weight:bold;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#0033CC;
padding: 10px 0px;
}
.data_viewer{
padding: 0 0 0 10px;
}
#data_viewer_record_field_name_value{
font-size:20px;
color:#2A6433;
font-weight:bold;
}
.data_viewer_record_field_value{
font-family: Arial;
font-size: 16px;
font-color: #000000;
}
.nav_item a{
text-decoration:none;
color: #ffffff;
}
.nav_item a:visited {
text-decoration:none;
color: #ffffff;
}
#page_body_top{
margin-top:20px;
margin-bottom:30px;
text-valign:middle;text-align:center;
}
.sub_header{
font-family:Arial;
font-size:20px;
}
.header{
padding-top:0px;
font-family:Arial;
font-size:36px;
}
#data_viewer_record_field_title_label{
	display:hidden;
}
.hidden {
display: none;
}
.not_hidden {
display: block;
}
.magic_button {
	font-family:Arial;
	font-size:24px;
padding:10px;
	font-weight:bold;
	color: #2A6534
}
#data_viewer_record_field_title_value{
	font-size: 30px;
}
.data_viewer_record_field{
	clear:both;
}
.data_viewer_record_field_value{
	font-family: arial;
	font-size: 12px;
}
.data_viewer_record_field_record{
	font-family: arial;
	font-size: 12px;
}
.data_viewer_record_field_label{
	font-family: arial;
	font-size: 12px;
}
.data_viewer_record_field_value{
	float:left;
	padding: 3px 5px 3px 3px;
}
.data_viewer_record_field_label{
	float:left;
	width:100px;
	padding: 3px 5px 3px 3px;
}
.data_browser_row_value{
	width:400px;
}
.data_browser_row_label{
	width:130px;
}
.data_browser_head_row{
	float:left;
//	background-color: #cccccc;
	border-width: 0 0 1px;
	padding: 2 0px;
	border-color: #000000;
	border-style: solid;
}
.data_browser_head_cell{
	color:#2A6534; 
	font-size:24px !important;
	text-align: center !important;
	font-family:Arial;
	font-weight:bold;
	width: 180px;
}
.data_browser_row{
	float:left;
//	border: 1px solid #666666;
//	border-width: 0 1px 1px 1px;
}
.data_browser{
	font-size:16px;
}
.data_browser_cell a:hover{
	color: #545454;
}
.data_browser_cell a{
	text-decoration: none;
	color: #262626;
}
.data_browser_cell{
	font-size:14px !important;
	text-align: left;
	padding: 2px 0px 2px 10px;
	font-family:Arial;
	font-weight:bold;
//	width: 190px;
	color: #000000;
}
.data_browser_col_pk_midnight_tip {
	color: #660000;
}
.data_browser_col_author{
	color: #660000;
}
#left_nav{
	border-width: 0 1 0px;
	border-color: #000000;
	border-style: solid;
	background-attachment: scroll;
	background-color:transparent;
	background-image: url(images/pinstripe.jpg);
	background-position: left top;
	background-repeat: repeat;
	clear: both;
	float:left;
width: 180px;
height: 785px;
}
.data_browser_col_service{
}
#page_body_left{
width:350px;
float:left;
padding-right: 10px;
padding-left: 30px;
font-family: Arial;
font-size:18px;
text-align:center;
}
#page_body{
overflow-y:auto;
height:785px;
	width: 600px;
	float:left;
}
.data_viewer_record{
	clear:both;
	float:left;
	padding: 10px 0px 20px 0px;
}
body {
	background: #000000;
}
.white{
	float: left;
	background: #ffffff;
	border: 2px solid #ffffcc;
	width: 802px;
	overflow: visible;
background: transparent url(images/backgroundimage_1.png) no-repeat scroll center right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 802px;
}
#content_area{
	background: #ffffff;
	position: relative;
	width: 802px;
	margin-left: auto;
	margin-right: auto;
}
#header{
	clear: both;
	background: #377c2b;
	text-align:center;
}
.black_border{
	border: 1px solid #000000;
	float: left;
	width: 800px;
}
.nav_item{
	float:left;
	padding: 5px 12px;
	color:#f8eeec;
	font-weight: bold;
}
#nav_bar{
	clear:both;
	float: left;
	background: #37662b;
	width: 800px;
	font-family: arial;
	font-size:15px;
	border-width:1px 0;
	border-style:solid;
   	border-color:#000000;
}
.style_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.tinyText {
    font-size: 1px;
    line-height: 1px;
}

#data_browser_body_service_outter{
margin-top:50px;
	overflow: visible;
}
