/* This is the main stylesheet for City Region*/


/*body styles 
----------------------------------------------------------------------------------------------------*/
body
 	{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;

	text- align: center;
	color: #EFEFEF;
	}


/*container for entire content
----------------------------------------------------------------------------------------------------*/
#top
	{
	background-color:#FFFFFF;
	color:#000000;
	}


#container {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	background-color: #FFFFFF;
}
	

/*City Region logo 
----------------------------------------------------------------------------------------------------*/
#corphead 
	{
	width:100%;
	margin: 0 0 0.3em 0;
	background-color: #FFFFFF;
	color:#FFFFFF;
	border: none;
	font-size:90%;
	}
	

/*Masthead, highest level menu links and breadcrumb trail
----------------------------------------------------------------------------------------------------*/
/* Highest level menu links */
#navigation
	{
	width:20%;
	float:left;
	background-color:81C1DA;
	color:#FFFFFF;
	font-size:90%;
	background-position: bottom left;
	margin-bottom: 0.3em;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 0.5em;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 0.5em;
	}
	
	
#searchform
	{
	float:right;
	}


/* Masthead */
#branding
	{	
	width:100%;
	float: right;
	margin-left:-0.4em;
	padding-right:0.2em;
	margin-right:-0.2em;
	margin-bottom: 0.1em;
	}
	
#masthead
	{
	float: left;
	/*background-image: url(images/masthead1.jpg);*/ 
	background-position:left;
	background-repeat:repeat-y;
	width:100%;
	height: 93px;
	z-index: 1;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 0.1em;
	}

#mastheadlogo
	{
	float: right;
	/*background-image: url(logo.jpg);*/
	width:344px;
	height: 100px;
	margin-left:-0.2em;
	background-repeat:no-repeat;
	z-index: 2;
	}

#wrapper
	{
	width: 100%;
	}
#featcontent
	{
	margin: 0 0.3em 0 0.1em;
	padding-top: 0.7em;
	padding-left: 1em;
	width: 75%;
	
	color: #666666;
	/*background-image:url(images/background.jpg);*/
	background-position: center;
	background-repeat:no-repeat;
}

#featcontent h1
	{
	font-size: 120%;
	color: #330000;
	}
	
#featcontent h2
	{
	font-size: 101%;
	color: #660000;
	background-color:#FFFFFF;
	}
	
#featcontent h3
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
	
#featcontent h4
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
	
#featcontent img
	{
	padding:0.5em 0.5em 0.5em 0.5em;
	float:left;
	}
	
.burgundy 
	{
	color:#660033;
	}
	
.strong
	{
	font-weight:bold;
	}
	
#featcontent hr 
	{
	clear:both;
	}	
#content
	{
	margin: 0 0.3em 0 0.1em;
	padding-top: 0.7em;
	padding-left: 1em;
	width: 75%;
	float: left;
	color: #666666;
	/*background-image:url(images/background.jpg);*/
	background-position: center;
	background-repeat:no-repeat;
}
	
#featurebox

	{
	float:right;
	width:20%;
	background-color:#EAEAEA;
	font-size:small;
	margin-left:0.1em;
	padding-left:0.1em;
	}
#featurebox h2
	{
	color:#FFFFFF;
	font-size:medium;
	background-color:#660000;
	}	
#content a
	{
	color:#006699;
	}

#content h1
	{
	font-size: 120%;
	color: #330000;
	}
	
#content h2
	{
	font-size: 101%;
	color: #660000;
	background-color:#FFFFFF;
	}
	
#content h3
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
	
#content h4
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
	
#content img
	{
	padding:0.5em 0.5em 0.5em 0.5em;
	float:left;
	}
	
.burgundy 
	{
	color:#660033;
	}
	
.strong
	{
	font-weight:bold;
	}
	
#content hr 
	{
	clear:both;
	}
	
.membersleft
	{
	float:left;
	border-left:#660000;
	border-left:thin;
	width: 50%;
	}
	
.membersleft img
	{
	float:left;
	padding:0.5em 0.5em 0.5em 0.5em;
	}
	
.membersright
	{
	float:left;
	border-left:#660000;
	border-left:thin;
	width: 50%;
	}
	
.membersright img
	{
	float:left;
	padding:0.5em 0.5em 0.5em 0.5em;
	}
	
.bodyimage
	{
	float:right;
	}
	
.bodyimageleft
	{
	float:left;
	}
	
	/*Footer
----------------------------------------------------------------------------------------------------*/	
#footer
	{
	width:100%;
	color:#000000;
	background-color: #FFFFFF;
	font-size:90%;
	clear:both;
	border-top-color: #660000;
	border-top: 0.1em;
	border-top-style: solid;
	}
	
#footer a	
	{
	color: #FFFFFF;
	background-color: #000000;
	}
	
#footer a:hover	
	{
	color:#FFCC00;
	background-color: #000000;
	}
	
#footer a:visited	
	{
	color:#FF6699;
	background-color: #000000;
	}
#footer img
	{		
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.rotator
	{		
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.linkright {
	float: right;
	}

.clear{
	float: none;
	clear: both;
}

#headline{
	background-color: #660000;
	color:#FFFFFF;}
#headline h2{color:#FFFF00;
background-color: #660000;
font-size:120%;}

#headline a{color:#FFFF00;}