/* CSS Document */


/* -- we start with the major structural elements -- */

body {
	background: #999966;
	margin: 0; 
	padding: 0;
	text-align: center;
}

.chibaStyles #container {
	width:90%;
	min-height:1200px;
	background: #787166;
	margin: 0 auto;
	text-align: left;
	border-width: 1px;
	border-color: #005266;
	padding:0 0 20px 0;

}

.chibaStyles #containerTemp {
	width:90%;
	background: #787166;
	margin: 0 auto;
	text-align: left;
	border-width: 1px;
	border-color: #005266;
	padding:0 0 20px 0;

}

.chibaStyles #mainContent {
	padding: 0 20px;
}

.chibaStyles #navbg  {
	background-image:url(../images/art_topbg_01.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
	height:124px;
	padding:0px;
	margin:0px;
}

.nav  {
 	background-image:url(../images/art_navbg.png);
	background-repeat: repeat-x;
	background-position:top;
	height:40px;
	vertical-align:middle;
	position:relative;
	top:0px;
	padding:4px 0 0 20px;
}

.chibaStyles #footer  {
 	background-image:url(../images/art_footerbg.png);
	background-repeat: repeat-x;
	background-position:top;
	height:40px;
	vertical-align:middle;
	position:relative;
	top:246px;
	padding:4px 0 0 20px;
}

.chibaStyles #footerTemp  {
 	background-image:url(../images/art_footerbg.png);
	background-repeat: repeat-x;
	background-position:top;
	height:40px;
	vertical-align:middle;
	position:relative;
	top:30px;
	padding:4px 0 0 20px;
}

.chibaStyles #rightCol {
	min-width:310px;
	position:absolute;
	top: 170px;
	left: 520px;
	margin:0 20px 0 20px;
	float: right;
	padding-right:20px;
}

.chibaStyles #foursquare {
	width:430px;
	height:430px;
	position:relative;
	margin-top:0px;
}

.chibaStyles #foursquare img {
	border:solid 4px #005266; 
}

.chibaStyles #findIt {
	background: #005266;
	width:390px;
	height:252px;
	position:relative;
	top: 0px;
	left: 0px;
	padding: 20px;
	margin: 20px 20px 20px 0;
}

.chibaStyles #flickr {
	background: #7e5b66;
	padding: 0px;
	overflow:hidden;
	position: relative;
	margin-top: 20px;
}




/* -- the type styles be here -- */

p,ol,ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	list-style: none;
}

.chibaStyles #promos {
	background: #7e5b66;
	padding: 10px;
	margin: 0 50px 20px 0;
	position:relative;
}

.nav { font-family:Trebuchet MS; font-weight:bold; font-size:13px; letter-spacing:.1em; color:#ffffff; }
.nav a { color:#ffffff; }
.nav a:link { color:#ffffff; text-decoration:none; }
.nav a:visited { color:#ffffff; text-decoration:none; }
.nav a:active { color:#ffffff; text-decoration:none; }
.nav a:hover { color:#ffffff; text-decoration:none; }

.navS { font-family:Trebuchet MS; font-weight:bold; font-size:13px; letter-spacing:.1em; color:#ffffff; }
.navS a { color:#ffffff; }
.navS a:link { color:#ffffff; text-decoration:none; }
.navS a:visited { color:#ffffff; text-decoration:none; }
.navS a:active { color:#ffffff; text-decoration:none; }
.navS a:hover { color:#ffffff; text-decoration:underline; }


.chibaStyles #findIt ul { font:Trebuchet MS Bold, trebuchet, verdana; font-size:13px; line-height:20px; color:#FFFFFF; margin-left:-30px; }
.chibaStyles #findIt ul a { color:#FFFFFF; text-decoration:none; }
.chibaStyles #findIt ul a:link { color:#ffffff; text-decoration:none; }
.chibaStyles #findIt ul a:visited { color:#FFFFFF; text-decoration:none; }
.chibaStyles #findIt ul a:active { color:#FFFFFF; text-decoration:none; }
.chibaStyles #findIt ul a:hover { color:#333333; background-image:url(../images/test_bg.jpg); }


.chibaStyles #footer { font-family:Trebuchet MS; font-weight:bold; font-size:13px; letter-spacing:.1em; color:#ffffff; }
.chibaStyles #footer a { color:#ffffff; }
.chibaStyles #footer a:link { color:#ffffff; text-decoration:none; }
.chibaStyles #footer a:visited { color:#ffffff; text-decoration:none; }
.chibaStyles #footer a:active { color:#ffffff; text-decoration:none; }
.chibaStyles #footer a:hover { color:#ffffff; text-decoration:underline; }

.chibaStyles #footerTemp { font-family:Trebuchet MS; font-weight:bold; font-size:13px; letter-spacing:.1em; color:#ffffff; }


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:0px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:0px;
}




/* -- the nifty CSS menu styles live here -- */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ffffff; 
border-bottom-width: 0;
font-family:Trebuchet MS; 
font-weight:normal; 
font-size:13px; 
letter-spacing:.1em; 
color:#ffffff;
line-height:18px;
z-index:100;
background-color:#000066;
width: 200px;
visibility: hidden;
filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#737373,direction=135,strength=4); */
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffff; 
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color:#ffffff;
}

.dropmenudiv a:hover{ 
background-color: #005266;
border-bottom: 1px solid #ffffff; 
}



/* -- These styles here are for use with the main nav items
/* -- to affect different rollover states, etc. We aren't
/* -- using these right now, but do not discard

.chibamenustyle{
width: 40%;
max-width:500px;
position:absolute;
top:0px;
left:0px;
font-family:"Trebuchet MS Bold", arial;
font-weight: bold;
}

.chibamenustyle:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chibamenustyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(../images/chibamenubg2.gif) center center repeat-x; 
padding: 4px 0;
margin: 0;
text-align: center; (or left or right)
}

.chibamenustyle ul li{
display: inline;
}

.chibamenustyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #B5E2FE; 
}

.chibamenustyle ul li a:hover, .chibamenustyle ul li a.selected{ 
background: url(../images/chibamenubg2-over.gif) center center repeat-x; 
}