@charset "UTF-8";
/* HANNAH AREDNT CSS Document */


/*********** HTML STYLES ***********/

.clearout {	display:block; clear:both;}
#clearout {	display:block; clear:both;}

body {
	background-color:#1e1e1e;
	margin:0px;
	padding:0px;
}

a:link {color: #4a7686;text-decoration:underline; }
a:visited {color: #4a7686;text-decoration:underline;  }
a:hover {color: #4a7686;text-decoration:none;  }

h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-weight: lighter;
	line-height: 24px;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 2px;
	margin: 0px 0px 0px -17px;
	padding: 0px 0px 5px 0px;
}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #4a7686;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
}

.topnav h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #4a7686;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7a3b7e;
	margin: 0px;
	padding: 15px 0px 5px 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	color: #6c906d;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 2px 0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b3ab2b;
	margin: 0px;
	padding: 2px 0px 1px 0px;
}

ul {
	
}

li {
	margin: 0px 15px 0px 25px;
	padding: 0px;
}


/*********** FONT STYLES ************/

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

.bodygrn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #849a21;
	margin: 0px;
	padding: 0px;
}
.bodyorng {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eb8912;
	margin: 0px;
	padding: 0px;
}

.mainnav {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:lighter;
	color: #FFFFFF;
	text-transform:uppercase;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
.mainnav a:link {color: #FFFFFF; text-decoration:none;}
.mainnav a:visited {color: #FFFFFF; text-decoration:none;}
.mainnav a:hover {color: #ffffff; text-decoration:underline;}
.mainnav ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.mainnav li {
	list-style-type: none;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 5px 25px 5px 0px;

}
.mainnav li a:hover {background-color: #5b375d;}

/*********** TOP NAV STYLES ***********/
.topnav {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight:lighter;
	color: #666666;
	text-transform:lowercase;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
.topnav a:link {color: #CCCCCC; text-decoration:none;}
.topnav a:visited {color: #CCCCCC; text-decoration:none;}
.topnav a:hover {color: #eb8912; text-decoration:none;}
.topnav ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	float: right;
}
.topnav li {
	list-style-type: none;
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

/*********** EVENT STYLES ***********/
.eventtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	line-height: 12px;
	color: #ffffff;
}
.eventtext h3 {
	font-family: Lucida Sans,"LucidaSans",Avant Garde,Arial,sans-serif;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ffffff;
	background-color:#b3ab2b;
	margin: 0px -10px 0px -10px;
	padding: 5px 8px 5px 10px;
}

.footer {
	font-family: "AvantGarde", "Avant Garde", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
}
.footer a:link {color: #eb8912; text-decoration:none;}
.footer a:visited {color: #eb8912; text-decoration:none;}
.footer a:hover {color: #666666; text-decoration:none; }

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 12px;
	color: #cccccc;
}

/*********** LAYOUT STYLES ***********/

#superbox {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#pagebox {
	width: 947px;
	height: 100%;
	margin: 10px auto 10px auto;
	padding: 0px;
}

#topnavbox {
	height: 40px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: right;
}

#headerbox {
	width: 400px;
	height: 171px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#mainnavbox {
	width: 929px;
	height: 29px;
	margin: 0px;
	padding: 5px 0px 0px 15px;
	float: left;
	background-color:#4a7686;
}

#textbox {
	width: 581px;
	margin: 8px 8px 0px 0px;
	padding: 27px 18px 40px 40px;
	float: left;
	background-color:#FFF;
}
#feedbox {
	width: 947px;
	height: 120px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#footerbox {
	width: 920px;
	margin: 0px;
	padding: 10px 10px 10px 17px;
	border-bottom: solid 1px #333;
	border-top: solid 1px #333;
}
#photolft {
	float: left;
	margin: 0px 10px 5px 0px;
	clear: both;
}
#photorgt {
	float: right;
	margin: 0px 0px 5px 10px;
	clear: both;
}
#photocell {
	float: left;
	margin: 5px;
	padding: 0px;
}
#blockbox {
	clear: left;
	margin: 0px;
	padding: 0px;
}

/*********** HEADER STYLES ***********/

.header {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	font-weight: lighter;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border: none;
}
.header h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	font-weight: lighter;
	line-height: 30px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 17px;
	border-bottom: solid 1px #2b2b2b;
}

.header h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	font-weight: lighter;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #67615d;
	margin: 0px;
	padding: 5px 0px 0px 17px;
	border: none;
}
.header a:link {color: #67615d; text-decoration:none;}
.header a:visited {color: #67615d; text-decoration:none;}
.header a:hover {color: #746d69; text-decoration:none; }

/*********** HOMEPAGE STYLES ***********/

.hp #mainpicbox {
	width: 665px;
	height: 309px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.hp #mainbox {
	width: 100%;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	float: left;
	background-color:#1e1e1e;
}

.hp #textbox {
	width: 947px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color:#1e1e1e;
}
hp. h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 13px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #4a7686;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.hp .boxtext {
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 0px;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.hp .boxtext h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial,sans-serif;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #ffffff;
	margin: -18px 0px 0px 0px;
	padding: 0px;
}
.hp .boxtext h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #4a7686;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	border-bottom: none;
}

.hp .quote {
	font-family: garamond, "Times New Roman", Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	margin: 20px 20px 5px 20px;
	padding: 0px;
	font-style: italic;
}

.hp #eventbox {
	float: left;
	width: 260px;
	min-height: 320px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	border-top: 25px #5b375d solid;
}
.hp #featurebox {
	float: left;
	width: 340px;
	min-height: 320px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	border-top: 25px #4a7686 solid;
}
.hp #newsbox {
	float: left;
	width: 262px;
	min-height: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	border-top: 25px #6c906d solid;
}


/*************** HP Slideshow Styles ****************/
#mainss {
	float: left;
	width: 278px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #2b2b2b;
	background-color:#1e1e1e;
}

#imgshell {
	position: relative;
	width: 278px;
	height: 309px; /* +50px for caption */
	background-color: #ieieie;
}

#imgdiv1, #imgdiv2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 278px;
	height: 309px; /* +50px for caption */
	background-image: url(images/blank.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#imgdiv1 { z-index: 2; }

#imgdiv2 { z-index: 1; }

#imgpic1, #imgpic2 {
	margin: 0;
	padding: 0;
	border-width: 0px;
}

#imgshell .caption {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	line-height: 1em;
	color: #FFFFFF;
	font-style: italic;
}

#imgshell div.caption {
	position: absolute;
	top: 333px;
	left: 0px;
	width: 480px;
	height: 10px;
	padding: 5px 10px 5px 10px;
	text-align: right;
	overflow: hidden;
}