/* Reset Styles */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
} 

img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }


body {
	line-height: 1.6em;
	letter-spacing: .03em;
	color: #413A22;
	font-family: Tahoma, Verdana, "Helvetica Neue", Arial, sans-serif;
	font-size:11px;
}

:focus { outline: 0; }
strong { font-weight:bold; }
em { font-style:italic; }
ol { list-style: decimal; padding: 0 0 15px 35px; }
ul { list-style: disc; padding: 0 0 15px 35px; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left;}
th {font-weight: bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
p { padding:0 0 15px 0; }
input, option, textarea, select{ 
	color: #413A22;
	font-family: Tahoma, Verdana, "Helvetica Neue", Arial, sans-serif;
	font-size:11px;
}




/* LAYOUT STYLES */

html,body{
	margin: 0;
}

body {
	padding-top: 10px;
	text-align: center;
	background-color: #37301C;
	background-image: url('/img/bg-fade.jpg');
	background-repeat: repeat-x;
	background-position: bottom center;
}

#container{
	width: 780px;
	margin: 0 auto;
}

#header-topmenu{
	width: 780px;
	height: 42px;
	background-image: url('/img/header-topmenu.jpg');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 42px;
	text-align: right;
	color: #DCCE9C;
	display: block;
	float: left;
	clear: both;
}	

#header-main{
	width: 780px;
	height: 149px;
	display: block;
	float: left;
	clear: both;
}

#menu-main{
	width: 780px;
	height: 40px;
	background-color: #37301C;
	background-image: url('/img/bg-mainmenu.jpg');
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
	line-height: 40px;
	display: block;
	float: left;
	clear: both;
}

#content-main{
	width: 740px;
	background-color: #DCCE9C;
	background-image: url('/img/bg-body.jpg');
	background-repeat: no-repeat;
	background-position: top;
	height: 100%;
	min-height: 400px;
	padding: 20px;
	padding-top: 50px;
	text-align: left;
	display: block;
	float: left;
	clear: both;
}

.left-col{
	width: 450px;
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
}

.right-col{
	width: 190px;
	display: block;
	float: right;
	padding-left: 40px;
	padding-right: 20px;
	height: 100%;
}

.full-col{
	width: 700px;;
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;


}
#menu-bot{
	width: 780px;
	height: 64px;
	background-image: url('/img/bg-botmenu.gif');
	background-repeat: no-repeat;
	background-position: top;
	color: #DDCC88;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	display: block;
	clear: both;
}

#footer{
	width: 780px;
	color: #DDCC88;
	text-align: center;
	font-size: 10px;
	display: block;
	clear: both;
}

#menu-btn{
	text-align: center;
}

/* LINK STYLES */

a:link{color: #7B2D0E; text-decoration: underline; font-weight: normal;}
a:active{color: #7B2D0E; text-decoration: underline; font-weight: normal;}
a:visited{color: #7B2D0E; text-decoration: underline; font-weight: normal;}
a:hover{color: #BD5B35; text-decoration: underline; font-weight: normal;}

#header-topmenu a:link{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#header-topmenu a:active{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#header-topmenu a:visited{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#header-topmenu a:hover{color: #DCCE9C; text-decoration: underline; font-weight: normal;}

#footer a:link{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#footer a:active{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#footer a:visited{color: #DCCE9C; text-decoration: none; font-weight: normal;}
#footer a:hover{color: #DCCE9C; text-decoration: underline; font-weight: normal;}

#menu-bot a:link{color: #DDCC88; text-decoration: none; font-weight: normal;}
#menu-bot a:active{color: #DDCC88; text-decoration: none; font-weight: normal;}
#menu-bot a:visited{color: #DDCC88; text-decoration: none; font-weight: normal;}
#menu-bot a:hover{color: #DDCC88; text-decoration: none; font-weight: normal;}

#menu-bot a.active:link{color: #DDCC88; text-decoration: underline; font-weight: normal;}
#menu-bot a.active:active{color: #DDCC88; text-decoration: underline; font-weight: normal;}
#menu-bot a.active:visited{color: #DDCC88; text-decoration: underline; font-weight: normal;}
#menu-bot a.active:hover{color: #DDCC88; text-decoration: underline; font-weight: normal;}


/* STYLES */

h1{color: #103F60; font-weight: bold; font-size: 16px; padding-top: 1em; padding-bottom: 1em;}
h2{color: #103F60; font-weight: bold; font-size: 14px; padding-top: 1em; padding-bottom: 1em;}
h3{color: #103F60; font-weight: bold; font-size: 12px; padding-top: 1em; padding-bottom: 1em;}


/* TABLE STYLES */

.display-table{
	background-color: #4F462B;
	padding: 1px;
}

.display-table td, th{
	padding: 5px;
}

.even{
	background-color: #EDE3B9;
}

.odd{
	background-color: #D7C997;
}

.pic{

}

.pad-left{
	padding-left: 10px;
}

.pad-right{
	padding-right: 10px;
}

.title{
	/*margin-left: -4px;*/

}

.white{
	color: #FFFFFF;

}

.callout{
	width: 100%;
	border: 2px solid #103F60;
	background-color: #526B7D;
	padding: 10px;
	color: #FFFFFF;
}

.callout a:link, .callout a:hover, .callout a:visited{color: #FFFFFF;}
.callout a:hover{color: #DEDEDE;}