/* CSS Document */
/*-----------------------------*/
/*							   */
/*		= Main and Resets	   */
/*							   */
/*-----------------------------*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;

	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/*-----------------------------*/
/*							   */
/*		= Body Parts     	   */
/*							   */
/*-----------------------------*/

body {

background-color:#9fa199;
background: url(i/bground.jpg);
}

#page {
width:800px;

position:relative;
left:100px;

background: url(i/shad.jpg) repeat-y;
background-color:#fff;
padding-left:40px;
margin-bottom:-50px;
padding-bottom:10px;


}

#header {

width:715px;
height:75px;

}


#header_bar  {

width:715px;
height:12px;
margin-top:5px;
overflow:hidden;


}

.home {
background-color:#1a344a;

}

.fresno {
background-color:#00546e;

}

.madera{
background-color:#5d6d3b;
}

.tulare {
background-color:#b04c27;
}

.king {
background-color:#5f3263;

}

.fact {

background-color:#5a232a;

}


#top_story {
width:715px;
height:215px;
margin-top:15px;

font-family:Arial, Helvetica, sans-serifl;
font-size:12px;
padding-bottom:20px;

line-height:1.2;

}

#top_story img {

float:left;
padding-right:15px;

}

#top_story h1 {

font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding-bottom:13px;



}

#top_story p {

margin-bottom:8px;

}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
padding-bottom:3px;
font-weight:600;
color:#2f2f2f;


}

h3 {

font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;

font-weight:600;
margin: -22px 0 0 200px;

}

.fres_h3 {

color:#1a4353;

}

.mad_h3 {

color:#38531a;

}

.tur_h3 {

color:#b9402c;

}

.kings_h3 {

color:#5a232a;

}

/*-----------------------------*/
/*							   */
/*	=  Discover Counties   	   */
/*							   */
/*-----------------------------*/


.county_bar {

width:225px;
height:auto;
padding-right:20px;
float:left;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;


}

.county_bar h1, .kings h1 {

font-size:19px;
color:#264914;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
margin-top:8px;
margin-bottom:8px;
}

.county_bar strong, .kings strong{
font-family:Georgia, "Times New Roman", Times, serif;
color:#264914;
font-size:14px;
font-weight:bold;

}


#frs_bar {
width:225px;
height:12px;
background-color:#00546e;
margin-bottom:15px;
overflow:hidden;

}

#mad_bar {
width:225px;
height:12px;
background-color:#5d6d3b;
margin-bottom:15px;
overflow:hidden;


}


#tur_bar {
width:225px;
height:12px;
background-color:#b04c27;
margin-bottom:15px;
overflow:hidden;


}

#facts {

width:225px;
height:auto;
position:absolute;
left:530px;
top:827px;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;

}

#fact_bar {
width:225px;
height:12px;
background-color:#5a232a;
overflow:hidden;
margin-bottom:15px;
}

#facts li {

padding-bottom:10px;
list-style-image:url(i/bullet.jpg);

}

.kings {
width:388px;
height:auto;
clear:both;
padding-top:20px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;


}

.kings p {

width:225px;

}

.kings .small_story {

float:left;

}

#king_bar {
width:470px;
height:12px;
background-color:#5f3263;
margin-bottom:15px;
overflow:hidden;


}

.small_story {
width:225px;
height:65px;
margin-top:20px;


}

.small_story img {

float:left;
padding-right:8px;

}

#kings_small {
width:225px;
position:relative;
left:245px;
top:-215px;
margin-bottom:0;

}

a:link {
text-decoration:none;
color:#396a93;

}
a:visited {
text-decoration:none;
color:#2a4f6e;

}

a:hover {
text-decoration:underline;
color:#2a4f6e;

}

#treasure {
width:420px;
height:auto;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;



}

#treasure_bar {

width:400px;
height:1px;

margin-bottom:12px;
overflow:hidden;
}


.county_story {
width:185px;
height:auto;
margin-bottom:20px;
margin-right:20px;
float:left;


}

.county_story p {

margin-top:8px;
text-align:center;


}


#story {
width:400px;
height:auto;

font-family:Arial, Helvetica, sans-serif;
font-size:13px;

border-right:1px dotted #ccc;
padding-right:25px
}

#story p {

margin-top:15px;

}

#story strong {
font-weight:bold;
font-size:12px;
margin-top:5px;
}

#story h1 {

font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:10px 0 5px 0;
}

#story small {
font-size:10px;
margin-bottom:10px;
color:#666666;

}

#breadcrumb {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:3px;
position:relative;

color:#999;


}

#breacrumb a:link, #breadcrumb a:active, #breadcumb a:visited {

color:#999;
text-decoration:none;
left:0;



}

#breadcumb a:hover {
text-decoration:underline;


}

#sidebar {
width:250px;
height:auto;
position:absolute;
left:490px;
top:100px;

}

#sidebar_bar {
width:250px;
height:12px;

}

#sidebar h2 {

margin-bottom:10px;
width:250px;
display:block;
border-bottom: dotted 1px #ccc;

}

#sidebar ul, #facts ul {

padding-left:13px;
}

#sidebar li {

margin-bottom:3px;
list-style-image:url(i/bullet.jpg);

}

#menu {
width:450px;
height:25px;

position:absolute;


font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;


}

.menu_home {

left:255px;
top:28px;

}


.menu_story {
left:355px;
top:5px;

}

#menu li {
float:left;
display:block;
width:60px;
text-align:center;



}

#map {
width:300px;
height:auto;
position:absolute;
left:450px;
top:342px;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

#map_bar { 
width:300px;
height:1px;


}

#map ul {

padding-left:50px;

}

#map li {

float:left;
padding-right:20px;

}

#footer {
width:715px;
height:50px;



font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;

clear:left;
margin-top:75px;


}

#footer_bar {

width:100%;
height:15px;
background-color:#9fa098;
text-align:center;
}

.ulcenter {

margin-left:60px;

}