/*****************************************************************************/		
/* Default Text details go in here*/
/*****************************************************************************/			
	a:link {color: #024d05; text-decoration:none;}
	a:visited {color: #ccc}
	a:hover {color: #fdbd01;}
	a:active {color: #ffd046}
	
		h1,h2,h3,h4 { font-family: Arial, Helvetica, sans-serif; margin: 0.2em 0 }
	p { font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0 }
	
	.title {
		font-family: Arial, Helvetica, sans-serif;
		color: #000066;
		font-size:14px;
		font-weight: bold;
		margin: .2em 0;
		}
	
	.copy { text-align:center; font-size:80% }
	
	    h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
    }
	
	 h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #666;


    }
/*****************************************************************************/			
  /*Frame details go in here*/
/*****************************************************************************/		
	body {
	margin:0;
	padding:0;
	color: #003366;
	background-color: #003366;
	;
		}

    #container {
    width: 900px;
    margin: 1px auto 1px auto;
    }
	
	#header_top
		{
	width: 100%;
	height:18px;
	background-image:url("images/ohocities_v2_01.jpg"); 
    }
	
	  #left_header_top
 {
	font-family: Arial, Helvetica, sans-serif;
	 width: 485px;
	 float:left;
	 font-size:9px;
	 padding: 0 5px 0 25px;
	 margin-top: 3px;
	 
	}
 
	
	
	 #right_header_top
 {
	font-family: Arial, Helvetica, sans-serif;
	 width: 335px;
	 float:right;
	 font-size:9px;
	 padding: 0 25px 0 5px;
	 margin-top: 3px;
	}
 
 

	
	
	
	
	
	#header {
		margin:0; padding:0;
		background:white;
		width: 900px;
		height: 149px;
		background:white url("images/ohocities_v2_02.jpg") top left repeat-y;
		}
 
 
   #left_header 
 {
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	margin: 95px 0 5 90;
	float:left;
	font-size:10px;
	padding: 0 5px 0 125px;
	margin-top: 95px;
	}
 
 #right_header 
 {
	font-family: Arial, Helvetica, sans-serif;
	 width: 335px;
	 margin: 95px 0 0 0;
	 float:right;
	 font-size:10px;
	padding: 0 25px 0 5px;
	}
/*****************************************************************************/		
  /*left Navigation - Header details go in here*/
/*****************************************************************************/		
#centerNav
{ height:33px;
padding-left:35px;

}

	.nav
{
float: left;
height: 20px;
margin: 3px 10px 0px 15px;
padding: 6px 10px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

 .nav a:link, .nav a:active, .nav a:visited {
	
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.nav a:hover {
	
	font-size: 11px;
	font-weight: bold;
	color: #722f1f;
	text-decoration: underline;
}
 
/*****************************************************************************/		
  /*left Navigation - Header details go in here*/
/*****************************************************************************/	
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { padding: 0 0 3px 0; 

	background-image: url(images/oc_button_off.jpg);
	background-repeat: no-repeat;}

#navcontainer a
{
	display: block;
	padding: 4px 0px 7px 30px;
	width: 100px;

}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover {
   background-image: url(http://www.ohiocities.com/images/oc_button_on.jpg);
   width: 140px;
   background-repeat: no-repeat;
   color: #eee;
}

#active a:link, #active a:visited, #active a:hover
{

background-image: url(images/oc_button_on.jpg);
background-repeat: no-repeat;
color: #000;
}
 
 /*****************************************************************************/		
  /*Navigation - Header details go in here*/
 /*****************************************************************************/		
	#header_nav
	{
		width: 900px;
		height: 34px;
		background-image: url("images/ohocities_v2_03.jpg");
	}
		#headerb
	{
		width: 900px;
		height: 7px;
		background-image: url("images/ohocities_v2_04.jpg");
	}

	#main1 {
		margin:0; padding:0;
		width: 900px;
		background:url("images/ohocities_v2_body_07.jpg") top left repeat-y;
		}
	#main2 {
		margin:0; padding:0;
		
		background:url("images/ohocities_v2_body_07.jpg") top right repeat-y;
		}
		
	#left {
	float:left;
	width:200px;
	margin:0; padding:0;
	font-size:80%;
	}
	
	p.left{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	}
	
	.column-inl {
	margin:0; padding:5px 5px 0 25px;
	font-family: Arial, Helvetica, sans-serif;
		}
	
	
.column-inl p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding: 0 5px 0 5px;
	
		}
	
	
	
	#right {
		float:right;
		width:200px;
		margin:0; padding:0;
		background:url("images/ohocities_v2_right.jpg") top right no-repeat;
		background-position:bottom; 
		font-size:80%;
		}
		
		
		#right2 {
		float:right;
		width:200px;
		margin:0; padding:0;
		font-size:80%;
		}
		
	.column-inr2 {
		margin:0; padding:5px 20px 0 5px;
		font-family: Arial, Helvetica, sans-serif;
		}

	.column-inr {
		margin:0; padding:5px 20px 0 5px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	#middle {
  margin:0;
  width:500px;
  font-size:80%;
  float:left;
  }
		
	.column-in {
		margin:0; padding:5px 1em;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		

/*****************************************************************************/		
/*Footer Display*/
/*****************************************************************************/		


#topfoot
{
font:Arial, Helvetica, sans-serif;
background-image:url("images/ohocities_v2_08.jpg");
height:48px;
}
.footer
{margin:0px;  padding: 8px 0 0  30px ; font:Arial, Helvetica, sans-serif; color:#fff;  font-size:10px;}

#footertop
{display:block; background-image:url("images/ohocities_v2_09.jpg"); height:30px;  color:#fff; text-align:left;font-size:10px;}

#footer
{display:block; background-image:url("images/ohocities_v2_10.jpg"); height:22px; color:#fff; text-align:center;font-size:10px;}

#footbottom
{display:block; background-image:url("images/ohocities_v2_11.jpg"); height:20px;  color:#fff; text-align:center;font-size:10px;}

.footer
{margin:0px;  padding: 8px 0 0  30px ; font:Arial, Helvetica, sans-serif; color:#fff;  font-size:10px;}



/*****************************************************************************/
/* Info Boxes */
/*****************************************************************************/		
		
.infobox {
	width: 170px;
	/*background-image: url(images/);
	background-repeat: repeat-y;*/
	
	text-align: left;
	margin-bottom: 10px;
	
	
}

.infobox span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	line-height: 1.4em;
	display: block;
	padding-right: 5px;
	border: 1px solid #722f1f;

}

.infobox span a:link, .lftinfobox span a:visited, .lftinfobox span a:active {
	color: #0068C3;
	text-decoration: none;
}

.infobox span a:hover {
	color: #722f1f;
	text-decoration: underline;
}

.infoboxtitle {
	background-color: #468b46;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5f46a9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	color: #FFFFFF;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background:url(images/oc_info.jpg);
}


/*****************************************************************************/
/* Right Info Boxes */
/*****************************************************************************/		
		
	.column-inr3{
		margin:0; padding:0px 10px 0 7px;
		font-family: Arial, Helvetica, sans-serif;
		}

.infobox_rt {
	width: 170px;
	/*background-image: url(images/);
	background-repeat: repeat-y;*/
	
	text-align: left;
	margin-bottom: 0px;
	
	
}

.infobox_rt span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 1.4em;
	display: block;
	padding-right: 3px;
	border: 1px solid #722f1f;

}

.infobox_rt span a:link, .lftinfobox_rt span a:visited, .lftinfobox_rt span a:active {
	color: #0068C3;
	text-decoration: none;
}

.infobox_rt span a:hover {
	color: #722f1f;
	text-decoration: underline;
}

.infoboxtitle_rt {
	background-color: #468b46;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5f46a9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	color: #FFFFFF;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background:url(images/oc_info.jpg);
}



/*****************************************************************************/
/* Info Form */
/*****************************************************************************/		


.formText
{
	PADDING-RIGHT: 0px;
	FONT-SIZE: 11px;
	MARGIN: 0px 3px 0px 5px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: none;
	FONT-WEIGHT: normal;

}

.formHeader
{

	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: none;
	FONT-WEIGHT: bold;
}

.formBText
{

    FONT-SIZE: 18px;
    PADDING-BOTTOM: 0px;
    MARGIN: 1px 0px 0px 0px;
	COLOR: #722f1f;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: none;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
}
label{
font-size: 11px;
FONT-FAMILY: Verdana, Arial, sans-serif;
font-weight: normal;
padding-left: 0px;
}

input, textarea{
	width: 140px;
	margin-bottom: 3px;
	background-color: #f3f3f5;
	border:1px solid #722f1f;
	color: #000000;
}

textarea{
width: 140px;
height: 30px;
}

.boxes{
width: 30px;


}

#submitbutton{
	width: 115px;
	 height:30px;
	 border: 0px;
}


/*****************************************************************************/		
/* Text for your Forums*/
/*


form { 
 border: 1px solid #666699; 
 padding: 5px; 
}

#formshell
     {width: 410px;
	 border: 1px #666699;
	    margin: 1px auto 1px auto;
 
}


	#formleft {
	float:left;
	width:205px;
	margin:0; padding:0;
	font-size:85%;
	}
		#formright{
	float:right;
	width:205px;
	margin:0; padding:0;
	font-size:85%;
	}




label{
float: left;
width: 120px;
font-weight: bold;
padding-left: 5px;
}

input.text{
		margin-bottom: 5px;
}

textarea{
width: 275px;
height: 150px;
	margin-bottom: 5px;
	margin-top: 3px;
	border:1px solid #000;
	background-color: #E8E8E8;
	color: #000000;
}

*************/

/*******************************************************************/
/*    Profile                                         */
/*******************************************************************/


   #left_headerP 
 {
	font-family: Arial, Helvetica, sans-serif;
	width: 500px;
	margin: 95px 0 5 90;
	float:left;
	font-size:12px;
	padding: 0 5px 0 35px;
	margin-top: 50px;
	font-weight:bold;
	color:#a1acff;
	}

   #left_headerP  H1
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#255b87;
	}


	#header_topP
		{
	width: 100%;
	height:18px;
	background-image:url("images/profile_01.jpg"); 
    }
	
	

	#headerP{
		margin:0; padding:0;
		background:white;
		width: 900px;
		height: 149px;
		background:white url("images/profile_02.jpg") top left repeat-y;
		}
		
		
	#header_navP
	{
		width: 900px;
		height: 34px;
		background-image: url("images/profile_03.jpg");
	}
	
		#main1P {
		margin:0; padding:0;
		width: 900px;
		background:url("images/profile_body_07.jpg") top left repeat-y;
		}
		
		.breadcrumb
		{
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		
	#main2P {
		margin:0; padding:0;
		
		background:url("images/profile_body_07.jpg") top right repeat-y;
		}
	
	
		#leftP {
	float:left;
	width:700px;
	margin:0; padding:0;
	font-size:80%;
	}
	
		#rightP {
		float:right;
		width:200px;
		margin:0; padding:0;
		background:url("images/ohocities_v2_right.jpg") top right no-repeat;
		background-position:bottom; 
		font-size:80%;
		}
		
		
		#topfootP
{
			font:Arial, Helvetica, sans-serif;
			background-image:url("images/profile_08.jpg");
			height:48px;
}

	#citynav {
	background:transparent;
	width: 650px;
	height: 34px;
	text-align: center;
padding-top: 10px;
	margin-left:30px;
	font-weight: bold;
	background-image:url(images/cities_foot.jpg);
	background-repeat:no-repeat;
}

.citynav_text {
	background:transparent;
	width: 625px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	padding-top: 0px;
	margin-left:5px;
	font-weight: bold;
	background-repeat:no-repeat
}

.location

{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #722f1f;
}


.img
{
	border-color:#763323;
	border:solid;
	padding: 0px 5px 5px 10px;
	float:right;
	border-width: 0px;
}

	#left_profile {
	float:left;
	width:300px;
	margin:0; padding:0;
	}
	
#left_profile p
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	
	
	}
	
	#right_logo {
		float:right;
		margin:0;
		padding-right:5px;
		}