@charset "utf-8";
/* CSS Document */

body{
	background-color:#f4f3de;
	top:0px;
	margin-top:0px;
	font-family:Garamond, Times, serif
}

#header{
	background-image:url(../images/header.png);
	height:64px;	
	padding:10px;
	padding-left:13px;
	margin-bottom:15px;
}

#menu{
	background:#00416C;
	border-top:#AEA879 2px solid;
	border-bottom:#AEA879 2px solid;
	height:25px;
	padding:0px;
	margin:0px;
	padding-top:5px;
}

#menu ul{
	padding:0px;
	margin:0px;
	padding-left:13px;
	list-style:none;
}

#menu li{
	float:left;
}

#menu li a{
	color:#FFF;
	text-decoration:none;
	font-size:11pt;
	border-right:1px solid #AEA97A;
	padding-right:10px;
	margin-right:10px;
}

#menu li a:hover{
	color:#9d9967;
}

#menu li a:active{
	color:#9d9967;
}

#main{
	padding-top:20px;
}

#main h1{
	font-size:14.5pt;
	padding:0px;
	margin:0px;
	color:#4B471E;
}

#main h2{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	padding:0px;
	margin:0px;
	color:#9D9967;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:normal;
}

#main h4{
	font-size:16px;
	padding:0px;
	margin:0px;
	color:#4B471E;
	padding-top:10px;
	padding-right:20px;
	padding-top:15px;
	font-weight:bold;
}

#main h3{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	padding:0px;
	margin:0px;
	color:#9D9967;
	text-align:left;
	padding-right:20px;
	font-style:italic;
	font-weight:normal;
}

#main p{
	font-size:11pt;
	padding:0px;
	margin:0px;
	color:#4b481e;
	line-height:20px;
}

#main a{
	padding:0px;
	margin:0px;
	color:#0c3159;
	line-height:20px;
	text-decoration:none;
}

#main a:visited{
	color:#647383;
}

#main a:active{
	color:#0c3159;
}

#main a:hover{
	text-decoration:underline;
}

#main li{
	font-size:11pt;
	padding:0px;
	margin:0px;
	color:#4B471E;
}

#footer{
	color:#737171;
	font-size:10pt;
	text-align:center;
	padding-top:40px;
}

#footer p{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}

#footer a{
	text-decoration:none;
	color:#737171;
}

#footer a:hover{
	text-decoration:underline;
	color:#333;
}

.pics {  
    width:   244px;  
    padding: 0;  
    margin:  0;  
} 
 
.blueStrip{
	border-bottom:2px solid #00416C;
	border-top:2px solid #00416C;
	font-weight:bold;
	padding-left:5px;
}

.blueStripTop{
	border-top:1px solid #00416C;
	padding-left:5px;
}

.blueStripTopLeft{
	border-top:1px solid #00416C;
	border-left:1px solid #00416C;
	padding-left:5px;
}

.blueStripLeft{
	border-left:1px solid #00416C;
	padding-left:5px;
}

#center{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 650px;
	height:414px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:200000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* position and dimensions of the navigator */
.navi {
	width:120px;
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:10px;
}

/* items inside navigator */
.navi a {
	margin:3px;
	padding-right:0px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
	width:100%
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
	text-decoration:underline;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.brownStrip{
	padding-top:10px;
	border-top:#AEA879 2px solid;
}

.brownBottome{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#AEA879 2px solid;
	background-color:#FFF;
}

.linkActive{
	color:#9d9967;
}

.whiteTable{
	padding:5px;
	background-color:#F8f8eb;
	color:#4b481e;
}

.whiteTable p{
	font-size:11pt;
	padding:0px;
	margin:0px;
	color:#4b481e;
	line-height:20px;
}

.gold{
	color:#4b481e;
}