/*Utopia, USA Stylesheet - Hillman B2 */

								/* PAGE FORMAT SECTION */

body{
	margin: 0;
}

/* banner */
#banner {
	position: relative;
	width: 900px;
	height: 295px;
	margin-top:-45px;
	margin-left: auto;
	margin-right:auto;
	padding: 5px;
	overflow: hidden;
	border:0 solid #000;
}

#banner .frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 910px;
	height: 264px;
	z-index: 20000;
	background: url("../images/slider_frame.png") no-repeat;
	border:0 solid #00ff00;
}

 #header_area {
 	width:100%;
 	height:240px;
 	position:relative;
 	background:url('../images/clouds2.jpg') repeat;
 }
 
#header_bottom {
	width:100%;
	height:55px;
	top:240px;
	position:relative;
	border-bottom:4px solid #ff0000;
	background: url('../images/body_bottom.jpg') repeat-x;
}

/* end of banner */



/*#header_background {
	width:100%;
	height:540px;
	background: url('../images/clouds2.jpg') repeat;
	position:absolute;
}	*/

#header_background_form {
	width:100%;
	height:240px;
	background: url('../images/clouds2.jpg') repeat-x;
	/*position:absolute;*/
}	

		
#border_top {
	width:100%;
	height:4px;
	background: url('../images/border_red.jpg')no-repeat;
	top:295px;
	position:absolute;
}


#hr {
	clear:both;
	position:absolute;
	background: url('../images/horizontal_rule.jpg') repeat-x;
	top:50px;
	left:2px;
	height:1px;
	width:99%;
}

	
#date {
	font-family: Geneva, Arial, Helvetica, san-serif; 
	font-size: .75em; 
	font-weight:bold;
	color: #00008b;
	margin-right:1%;
	text-align:right;
	margin-top:-30px;
}


#left_boxes_container{
	width:10%;
	height:420px;
	border:0 solid gray;
	top:140px;
	position:relative;
	float:left;
}

#right_boxes_container{
	width:10%;
	height:420px;
	border:0 solid gray;
	top:140px;
	position:relative;
	float:right;
}




.lgfonts {
	font-size:11pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color:#1F1F1F;
}

.lgfonts:first-letter {
	font:2em bold arial, verdana, helvetica, san-serif;
	color:#0000FF;
}

.lgfonts_p {
	font-size:11pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color:#1F1F1F;
}

.top_marker {
	width:112px;
	height:5px;
	background: url('../images/marker.jpg') no-repeat;
	top:1px;
	left:2px;
}

.bottom_marker {
	width:112px;
	height:5px;
	background: url('../images/marker.jpg') no-repeat;
	right:2px;
}

 #rb_upper, .rb_middle, .rb_lower, .lb_lower {
	width: 125px;
	height:155px;
	padding:2px;
	text-align:center;
	display:block;
	font: 9pt arial, verdana, helvetica, sans-serif;
	color:green;
}

#lb_upper {
	width:138px;
	height:auto;
	border:1px solid red;
	left:2px;
	float:left;
}

#lb_middle1 {
	width:138px;
	height:auto;
	text-align:center;
	left:2px;
	top:10px;
	border:0 solid red;
	float:left;
	position:relative;
}

#lb_middle2 {
	width:138px;
	height:auto;
	text-align:center;
	left:2px;
	top:40px;
	border:0 solid red;
	float:left;
	position:relative;
}


#rb_upper {
	right:2px;
	width:125px;
	height:250px;
	position:absolute;
	border:1px solid red;
	z-index:3;
}

.rb_middle {
	right:2px;
	top:270px;
	position:absolute;	
	text-align:center;
	display:block;
	border:0 solid #00FFFF;;
}

.rb_lower {
	right:2px;
	top:550px;
	padding-top:20px;
	position:absolute;
	text-align:center;
	display:block;
	border:0 solid #FF0000;
	font:10pt verdana, georgia, sans;
	color:#454545;		
}





								/* PAGE FORMAT SECTION ENDS */



								/* PT1. COMMON PAGE CONTENT SECTION STARTS BELOW */



#center_content{
	width:70%;
	margin-top:55px;
	margin-left:auto;
	margin-right:auto;
	font:10pt arial, verdana;
	border: 0 solid gray;	
	position:relative;
}


#content_header{
	background: #FFFFFF;
	width:88%;
	height:20px;
	font:bold 1.4em arial, verdana, sans-serif, helvetica;
	color:#00008b;
	padding:0;
	text-transform:uppercase;
	text-align:center;
	line-height:1.7em;
	margin-left:8%;
	border:0 solid #000000;
}

.left_img {
	padding-top:20px;
	float:left;
	width: 30%;
	text-align: center;
	color:#838B8B;
	font:10pt arial;
}

.right_img {
	padding-top:20px;
	float:right;
	width: 30%;
	text-align: center;
	color:#838B8B;
	font:10pt arial;
}

.center_img { 
	padding-top:20px;
	float:left;
	width:37%;
	text-align: center;
	color:#838B8B;
	font:10pt arial;
}

.image_click {
	font: 9pt arial, verdana, sans-serif;
	margin-top:30px;
	color:#AB82FF;
	text-align:center;
	border:0 solid black;
	width:100%;
}

											/* PT1. COMMON PAGE CONTENT SECTION CONCLUDES */
											
											/* 2 CELL CONTENT SECTION STARTS HERE */

.rc_form {
	width:55%;
	margin-top:45px;
	position:relative;
	font:10pt verdana, arial, sans-serif;
	color:#dcdcdc;
	border:2px inset #FF3030;
	background-color:#008b45;
	float:right;
	margin-right:0
}
	
.leftcell {
	width:30%;
	height:228px;
	margin-left:5px;
	margin-top:70px;
	padding-top:6px;
	padding-right:4px;
	padding-left:4px;
	position:absolute;
	border:1px solid #eef3e2;
	background-color:#f6f9ed;
	line-height:1.5em;
	float:left;
	font-size:9pt;
}

.leftcell:first-letter {
	font-weight:bold;
	font-size:1.4em;
	color:#228b22;
	margin:0 0 15px;
}

.leftcell_hdr{
	width:30%;
	height:25px;
	margin-top:45px;
	margin-left:5px;
	position:absolute;
	border:2px solid #f6f9ed;
	background-color:#eef3e2;
	font:bold 9pt arial, verdana, sans-serif;
	text-align:center;
	padding-right:4px;
	padding-left:4px;
}

.leftcell_ftr{
	width:30%;
	height:25px;
	margin-top:283px;
	margin-left:5px;
	position:absolute;
	border:2px solid #f6f9ed;
	background-color:#eef3e2;
	font:bold 9pt arial, verdana, sans-serif;
	text-align:center;
	padding-right:4px;
	padding-left:4px;
}

.rightcell {
	width:200px;
	height:77%;
	margin-left:60%;
	margin-top:25px;
	padding-top:5px;
	position:absolute;
	border:1px solid #eef3e2;
	background-color:#f6f9ed;
	line-height:1.3em;
}

.rightcell:first-letter {
	font-weight:bold;
	font-size:1.4em;
	color:#228b22;
	margin:0 0 15px;
}

.rightcell_hdr {
	width:200px;
	height:25px;
	margin-top:1px;
	margin-left:60%;
	position:absolute;
	border:2px solid #f6f9ed;
	background-color:#eef3e2;
	font:bold 9pt arial, verdana, sans-serif;
	text-align:center;
}

.rightcell_ftr{
	width:200px;
	height:25px;
	margin-top:27%;
	margin-left:60%;
	position:absolute;
	border:2px solid #f6f9ed;
	background-color:#eef3e2;
	font:bold 9pt arial, verdana, sans-serif;
	text-align:center;
}
								/* 2 CELL CONTENT SECTION CONCLUDES  */

								/* PT2. COMMON PAGE CONTENT SECTION STARTS HERE */

#lower_image_container {
	width:100%;
	height:200px;
	margin-top:40px;
	text-align:center;
	border:0 solid #000;
}


#copyright{
	padding-top:10px;
	color:#ffff00;
	text-align:center;
	font:normal 0.8em arial, verdana, sans-serif, helvetica;
}

#copyright a{
	color:#fff;
	text-decoration:none;
}

#copyright a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}

								/* PT2. COMMON PAGE CONTENT SECTION ENDS HERE */
								
								

								
								/* SPACER MARGINS */

.clear_5	{width:100%; height: 5px; font-size: 1px;}								
.clear_10	{width:100%; height:10px; font-size: 1px;}
.clear_15   {width:100%; height:15px; font-size: 1px;} 
.clear_20	{width:100%; height:20px; font-size: 1px;}
.clear_30   {width:100%; height:30px; font-size: 1px;}
.clear_40   {width:100%; height:40px; font-size: 1px;}
.clear_50   {width:100%; height:50px; font-size: 1px;}


.spacer_05 { clear: both; width: 100%; height:  5px; font-size: 1px; }
.spacer_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
.spacer_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
.spacer_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
.spacer_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
.spacer_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }

								/* SPACER MARGINS END */


								
								/* POP UP TOOLS TIP STARTS */

#step_container {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	text-align:center;
	height:20px;
	border:0 solid #c0c0c0;
	width:745px;
}

.step_box {
	height: 20px;
	width:140px;
	margin-left:3px;
	font:bold 10pt verdana, arial, verdana, sans-serif;
	text-align:center;
	color:#fff;
	background: #cd0000; 
	border:1px solid #eec900;
	float:left;
}




.utopia_hdr {
    width:148px;
    font-family:  verdana, arial, georgia;
    font-weight:bold;
    font-size:12px; 
    color:#fff;
    background:#9bcd9b;
    border:1px solid #cd5555;
	padding:10px;
	z-index:100;
}   
         
 .utopia_bdy {
 	color:#575757;
    font-family:  verdana, arial, georgia;
    font-size:12px; 
    width:148px;
    background:#eef3e2;
    border-left:1px solid #cd5555;
    border-right:1px solid #cd5555;
    border-bottom:1px solid #cd5555;
    padding:10px;
	z-index:100;    
}


.hb2hdr	{
		
	background:#FFD700;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#228B22;
    border:2px solid #228B22;
    padding:5px;
    width:150px;
    /*filter:alpha(opacity=90);
    opacity:.90;*/
}


.hb2bdy	{
			
    background:#FFFFFF;
    font-family:arial;
    font-size:12px;
    color:#228B22;
    border-left:2px solid #228B22;
    border-right:2px solid #228B22;
    border-bottom:2px solid #228B22;
    padding:5px;
    width:150px;
    /*filter:alpha(opacity=90);
    opacity:.90;*/
}


.thdrcell {
    background:#F3F0E7;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    border-bottom:1px solid #C8BA92;
}
         
 .tdatacell {
    font-family:arial;
    font-size:12px;
    padding:5px;
    background:#FFFFFF
}
         
 .dvhdr1 {
    background:#F3F0E7;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    border:1px solid #C8BA92;
    padding:5px;
    width:150px;
}
         
  .dvbdy1 {
    background:#FFFFFF;
    font-family:arial;
    font-size:12px;
    border-left:1px solid #C8BA92;
    border-right:1px solid #C8BA92;
    border-bottom:1px solid #C8BA92;
    padding:5px;
    width:150px;
}
         
     p {
     margin-top:20px;
}
     
     
   .dogvdvhdr {
    width:300px;
    background:#C4D5E3;
    border:1px solid #C4D5E3;
    font-weight:bold;
    padding:10px;
}
         
 .dogvdvbdy {
    width:300px;
    background:#FFFFFF;
    border-left:1px solid #C4D5E3;
    border-right:1px solid #C4D5E3;
    border-bottom:1px solid #C4D5E3;
    padding:10px;
 }
 
 .imghdr { 
    width:100%;
    background:#ECF1EF;
    border:1px solid #C4D5E3;
    font-weight:bold;
    color:#B22222;
    padding:10px;
    font-family:arial, verdana, sans-serif;
  	text-align:center;
  	
}

.imgbdy {
    width:100%;
    background:#FFFFFF;
    border-left:1px solid #C4D5E3;
    border-right:1px solid #C4D5E3;
    border-bottom:1px solid #C4D5E3;
    padding:10px;
    text-align:center;
 }


         
     .pgdiv {
     width:320px;
     height:250px;
     background:#E9EFF4;
     border:1px solid #C4D5E3;
     padding:10px;
     margin-bottom:20px;
     font-family:arial;
     font-size:12px;
}


         
         								/* POP UP TOOL TIPS ENDS */
         								
								/*View Next Series Buttons End */



#sponsor_container {
	margin-top:0px;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	height:75px;
	position:relative;
	border:2px solid #FF0000;
}

#gallery_container {
	width:593px;
	height:130px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	border:0 dotted #000000;
}

#gallery_title2 {
	width: 590px;
	height:22px;
	background:#0000FF;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:8px;
	padding-top: 2px;
	text-align:center;
	
}					

#gallery_images2 {
	border:4px solid #FF0000;
	width:581px;
	height:81px;
}


#border_bottom {
	width:100%;
	height:4px;
	background: url('../images/border_red.jpg') repeat-x;
	/*filter:alpha(opacity=90);
    opacity:.90;*/
}


#img_footer_wrapper {
	width:100%;
	top:10px;
	height:181px;
	border-top:4px solid #ff0000;
	background: url('../images/bottom_grass2.jpg') repeat;
	text-align:center;
}

#bottom_page {
	width:100%;
	height:181px;
	margin-top:40px;
	border:0 solid #00ff00;
	position:relative;
}


#utopia_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:138px;
	border-bottom:1px solid #ccc;
}

#utopia_menu ul li {
	position:relative;
}

#utopia_menu li ul {
	position:absolute;
	left:149px;
	top:0px;
	display:none;
}

#utopia_menu ul li a {
	display:block;
	text-decoration:none;
	padding:3px;
	border:1px solid #ccc;
	background:#228b22;
	border-bottom:0px;
	color:#dcdcdc;
	font:10pt arial, verdana, georgia, sans-serif;
}

#utopia_menu li:hover ul {
	display:block;
	color:#FFFF00;
}

#utopia_menu a:hover {
color:#FF0000;
}

.header {
	right:20px;
	font:10pt arial, verdana, georgia, sans-serif;
	background:#228b22;
	color:#FFFF00;
	width:137px;
	height:25px;
	text-align:center;
	padding-top:5px;
}


.center {
	text-align:center;
}

#buttons_container {
	width:520px;
	height:36px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:0 solid #ffff00;
	margin-top:30px;
}

								/*Bold Buttons Start */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbutton{
background: transparent url('../images/button_left.gif') no-repeat top left;
float:left;
display:block;
margin-left:48px;
font: bold 13px arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbutton, a:visited.boldbutton, a:hover.boldbutton, a:active.boldbutton{
color: white; /*button text color*/
}

a.boldbutton span{
background: transparent url('../images/button_right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbutton{ /* Hover state CSS */
text-decoration: underline;
}


.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
border:0 solid #ccc;
}

								/*Bold Buttons End */


/* Fix IE. Hide from IE Mac \*/
* html ul li { float:left; }
* html ul li a { height:1%; } 
/* End */