/* Palette:

color 1: #0069aa;  blue
color 2: #d9531e;  rust
color 3: #8c6239;  brown
color 4: #fbb040;  gold
color 5: #c7b299;  grey

accent 1: #d9531e; dk grey
border:1px solid #3366FF;
*/

* {
	padding:0;
	margin:0;
}


body {
	color: #666666;
	background-color:#0069aa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.83em;
	margin:20px auto;
	width:760px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:1em 0;}

h1 {
    font-size:1.67em;
    color:#d9531e;
}

h2 {font-size:1.39em;}

h3 {font-size:1.2em;}

h4 {font-size:1em;}

li, dd { margin-left:5%; }

fieldset { padding: .5em; }

a {
	color: #8c6239;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #8c6239;
	font-weight: bold;
	text-decoration: underline;
}

#container {
    width:750px;
    background-color: #FFFFFF;
	padding: 10px;
	border: 2px #c7b299;
	overflow:hidden;
}

#header_index {
	color: #0069aa;
	width:750px;
	clear:both;
    background-color:#c7b299;
    height:250px;
}

#header_pages {
	color: #0069aa;
	width:750px;
	clear:both;
    background-color:#c7b299;
    height:110px;
}

#title_index {
	color:#0069aa;
	font-size:3.1em;
	font-weight:bold;
	padding:0px 30px 0px 0px;
	float:left;
    height:10px;
    text-align: center;
}

#title_pages {
	color:#0069aa;
	font-size:2.1em;
	font-weight:bold;
	padding:0px 30px 0px 0px;
	float:left;
    height:10px;
    text-align: center;
}

#title_pages img {
    float: left;
    vertical-align:text-top;
    vertical-align: bottom;
}

#contact {
	padding:0px 10px 10px 0px;
	float:right;
    vertical-align: top;
}

#contact a {
	color:#0069aa;
	font-weight:bold;
	text-decoration:none;
}

#contact a:hover {
	color:#0069aa;
	text-decoration:underline;
}

#slogan {
	color:#0069aa;
	font-size:1.17em;
	font-weight:bold;
	font-style:normal;
	clear:both;
	float:left;
    width:100%;
}

#nav {
	line-height:2.5em;
	padding:5px 0px 0px 0px;
	margin:0 0 5px 0;
	width:750px;
	clear:both;

}

#nav a {
	color: #ffffff;
	background-color:#d9531e;
	font-weight:bold;
	padding:4px 23px 4px 23px;
	text-decoration:none;
	border:1px solid #3366FF;
}

#nav .selected,#nav a:hover {
	color:#0069aa;
	background-color:#fbb040;
	text-decoration:none;
	padding:4px 23px 4px 23px;
}

#content {
	border-top:1px solid #CCCCCC;
	width:750px;
	clear:both;
}

#col_1_of_3 {
	font-size:0.9em;
	margin: 0px;
	width:200px;
	float:left;
	background-color:#eeeeee;
	height: 450px;
}

#col_1_of_3 img {
    float:left;
    border:0px;
    margin: 0px 5px 0px 0px;
}

#col_2_of_3 {
	font-size:0.9em;
	margin-left: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	width:320px;  
    text-align:left;
	float:left;
	/*border:3px groove #8c6239; */
}

#col_3_of_3 {
	font-size:0.9em;
	margin: 0px;
	width:200px;
	float:right;
	border:0px solid #3366FF;
	background-color:#eeeeee;
	/*height: 450px; */
}

#col_3_of_3 img {
    float:left;
    border:0px;
	margin-right: 5px;

}

#col_1_of_2 {
	font-size:0.83em;
	margin:0px 1px 0px 0px;
	width:190px;
	float:left;
}

#col_2_of_2 {
	font-size:0.9em;
	margin:0px 0px 0px 10px;
	width:540px;
    text-align:justify;
	float:right;
    

}

#col_2_of_2 img {
    /* float:top; */
    border:0px;
    margin: 0px 5px 0px 0px;
}

#col_1_of_2 ul {
    list-style: none;
    font-size:1.1em; 
}
    
#col_1_of_2 li{
    margin-bottom:10px;
    padding-top:10px;
    list-style-type: none;
}

#col_2_of_2 ul {
    font-size:1.1em; 
}
#col_1_of_2 .selected,#col_1_of_2 a:hover {
    font-weight: bold;
    color: #d9531e;
}

.layout_table {
    width: 100%;
}

dl.event
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 100px;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 100px;
padding: 0 0 .5em .5em;
}

#footer {
	color: #FFFFFF;
	font-size:80%;
	line-height:1.5em;
	width: 100%;
	clear:both;
    
}

#copyrightdesign {
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	width: 100%;
	float:left;
    font-size:80%;
    text-align: center;
}

#copyrightdesign	a {
    color: #FFFFFF;
    text-decoration: none;
}

#copyrightdesign	a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}