/************************************************************************/
/* 						Default CSS Document 							*/
/************************************************************************/

/************************************************************************/
/* 						Define HTML Tag Styles 							*/
/************************************************************************/

body {
	background-color:#993300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:-4px;
	margin-bottom:-15px;

}

h2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:-6px;
	margin-bottom:-13px;

}

h3 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:-8px;
	margin-bottom:-15px;

}

img {
	
	border:#666666 solid 1px;

}

img.float_left { 

	float: left; 
	margin-right: 10px; 
	clear:both;
	
}

img.float_left_no_border { 

	float: left; 
	margin-right: 10px;
	border:none;
	clear:both;
	
}

img.float_right { 

	float: right; 
	margin-left: 4px; 
	margin-right: 4px; 
	clear:both;
	
}

img.float_right_no_border { 

	float: right; 
	margin-left: 4px; 
	margin-right: 4px; 
	border:none;
	clear:both;
	
}

a {
	color:#0000CC;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

/************************************************************************/
/* 						Define Text Styles 								*/
/************************************************************************/

.verticaltext {
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.small_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
}
.small_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;	
}
.medium_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FF0000;	
}
.medium_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:#0000CC;
}
.medium_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:#FFFFFF;
}
.medium_blue_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color:#0000CC;
}
.medium_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.medium_bold_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}
.medium_bold_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color:#0000CC;
}
.medium_bold_blue_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color:#0000CC;
}
.medium_italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.medium_italics_red {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #FF0000;
}

/************************************************************************/
/* 						Define Div Area Styles 							*/
/************************************************************************/

#main {

	position:relative;
	width:760px;
	min-height:350px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/banner/banner_1.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	margin-top:20px;
	border:#006633 solid 1px;

}

#main_ringing {

	position:relative;
	margin:auto;
	width:1004px;
	min-height:350px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin-top:20px;
	border:#006633 solid 1px;
	text-align:left;

}

#top_navigation {

	position:relative;
	width:745px;
	background-color:#CCCC33;
	overflow:visible;
	margin:auto;
	margin-top:130px;
	border-top:#006633 solid 1px;
	border-bottom:#006633 solid 1px;
	text-align:left;
	padding:5px;
	padding-left:10px;
	padding-right:10px;

}

#top_ringing {

	position:relative;
	width:100%;
	background-color:#FFFFFF;
	overflow:visible;
	margin:auto;
	text-align:left;
	padding:5px;
	padding-left:10px;
	padding-right:10px;

}

#lower_ringing {

	position:relative;
	width:100%;
	background-color:#FFFFFF;
	overflow:visible;
	margin:auto;
	text-align:left;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	min-height:350px;

}

#top_navigation_ringing {

	position:relative;
	width:100%;
	background-color:#CCCC33;
	overflow:visible;
	margin:auto;
	border-top:#006633 solid 1px;
	border-bottom:#006633 solid 1px;
	text-align:left;
	padding:5px;
	padding-left:10px;

}

#side_bar {

   	position:relative;
   	float:left;
   	width:140px;
   	padding-left:10px;
	padding-top:10px;
	text-align:left;
   
}

#contents {

	position:relative;
	float:right;
	width:586px;
	overflow:visible;
	top:5px;
	text-align:left;
	padding:5px;
	padding-left:10px;
	min-height:380px;

}

#sightings {

	position:relative;
	float:right;
	width:586px;
	overflow:visible;
	text-align:left;
	padding:5px;
	padding-left:10px;

}

#gallery {

	position:relative;
	width:97%;
	clear:both;
	overflow:visible;
	text-align:left;
	padding:5px;
	padding-left:10px;

}

#footer_contacts {

	position:relative;
	width:745px;
	clear:both;
	background-color:#CCCC33;
	border-top:#006633 solid 1px;
	overflow:visible;
	text-align:left;
	padding:5px;
	padding-left:10px;

}

#footer_admin {

	position:relative;
	margin:auto;
	width:750px;
	overflow:visible;
	text-align:right;
	padding:5px;

}

#footer_credit {

	position:relative;
	margin:auto;
	width:750px;
	overflow:visible;
	text-align:left;
	padding:5px;
	margin-bottom:20px;

}

#footer_admin_ringing {

	position:relative;
	margin:auto;
	width:1004px;
	overflow:visible;
	text-align:right;
	padding:5px;

}

#footer_credit_ringing {

	position:relative;
	margin:auto;
	width:1004px;
	overflow:visible;
	text-align:left;
	padding:5px;
	margin-bottom:20px;

}

#box_red {
	position:relative;
	width:95%;
	padding:5px;
	border:#FF0066 solid 1px;
	background-color:#FF99FF;
	z-index:50;
}

#box_green {
	position:relative;
	width:95%;
	padding:5px;
	border:#009900 solid 1px;
	background-color:#B7FFB7;
	clear:both;
	z-index:50;
}

#box_blue {
	position:relative;
	width:95%;
	padding:5px;
	border:#0000FF solid 1px;
	background-color:#CCCCFF;
	z-index:50;
}

#box_clear {
	position:relative;
	width:95%;
	padding:5px;
	border:#666666 solid 1px;
	background-color:#FFFFFF;
	z-index:50;
}