

/*  RESET  --------------------------------------------------------------------------------------------------*/


*{
    margin: 0;
	padding: 0;
}

a{
    outline: none;
	color: #CDAD76;
}

a:hover{
	text-decoration: none;	
}

a img{
    border: 0;
}

ul{
    list-style-type: none;
}

html{
    font-size: 62.5%;
}

body{
    font-size: 1.1em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #5D594D;
	background: #9e926b url(../img/layout/body-bkg.jpg) repeat-x 0 0;
}
    
h4, h5, p, li, span, a{
    font-size: 1em;
}  

h1{
    font-weight: normal;
	font-size: 2em;
    color: #AD8A12;
    margin: 0 0 10px 0;
}  

h2{
    margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #AD8A12;
}

h3{
    margin: 20px 0 10px 0;
	font-size: 1.1em;
}

h1, h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul, ol, p{
    margin: 0 0 10px 0;
}

li{
    margin-bottom: 5px;
}

.sub-nav { margin-bottom: 3px; }
.sub-nav li { width: 198px; margin-top: 3px; margin-left: 10px; }
.sub-nav li a { color: #ffffff; }
.sub-nav li a:hover { background:color: #000000; }


/*  WRAPPER  ----------------------------------------------------------------------------------------------------------------*/

.wrapper-outer{
	background: transparent url(../img/layout/outer-wrapper-bkg-top.jpg) no-repeat top center;
	
}

.wrapper-repeat{
    width: 1020px;
	margin: 0 auto;
}

/*  PAGE  ----------------------------------------------------------------------------------------------------------------*/

.page{
	
	width: 978px;
	margin: 0 auto;
	padding: 78px 0 /*210px*/ 0;
}

/*  HEADER  ----------------------------------------------------------------------------------------------------------------*/

.header{
	min-height: 100px;
}

* html .header{
	height: 100px;
}

.header a.logo{
	float: right;
	height: 95px;
	width: 210px;
	text-indent: -9000px;
}

.header img.logo{
	display: none;
}

/*  CONTENT  ----------------------------------------------------------------------------------------------------------------*/

.content{
	padding-bottom: 5px;	
}


/*  LEFT COL  ----------------------------------------------------------------------------*/


.left-col{
	float: left;
	width: 208px;
	min-height: 670px;
	
}

* html .left-col
{
	height: 670px;
}

.left-colhome{
	float: left;
	width: 208px;
}

.left-logo
{
    float: left;
    margin-left: 9px;
    display: inline;
}

/*  MAIN NAV  ----------------------------------------------------------------------------*/

.main-nav{
	
}

.main-nav li{
	margin-bottom: 3px;
}

.main-nav li a{
	display: block;
	padding: 5px;
	margin: 0 8px;
	color: #98875b;
	font-size: 0.91666em;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #e4e0cf;
	border: 1px solid #d6b775;
}

* html .main-nav li a{
	height: 1%;
}

.main-nav li a:hover,
.main-nav li a.active{
	margin: 0 15px 0 1px;
	padding-left: 7px;
	color: white;
	background-color: #040707;
	border: 1px solid #dd9e27;
}

/*  RIGHT COL  ----------------------------------------------------------------------------*/


.right-col{
	float: right;
	display: inline;
	min-height: 300px;
	width: 763px;
	margin-right: 1px;
}

* html .right-col{
	height: 300px;
}


.right-col ul{
	list-style-type: square;
	padding-left: 15px;
}

.right-col .date,
.right-col h2 .date-larger,
.right-col h3 .date-larger{
	font-weight: bold;
	text-transform: uppercase;
	color: #5D594D;
	font-size: 10px;
}

.right-col h2 .date-larger,
.right-col h3 .date-larger{
	font-size: 1em;	
}

.right-col .roll{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.right-col .roll li{
	margin-bottom: 2px;
}

.right-col .roll li a, .right-col .roll li span{
	text-transform: uppercase;
	
}


.box{
	position: relative;
	min-height: 20px;
	padding: 10px;
}

* html .box{
	height: 20px;
}

.box .top-left,
.box .top-right,
.box .bottom-left,
.box .bottom-right{
	position: absolute;
	display: block;
	height: 10px;
	width: 10px;
}

/*   BOX ------------------------------------------------------------------------------*/

.box .top-left{
	top: 0;
	left: 0;
}

.box .top-right{
	top: 0;
	right: 0;
}

.box .bottom-left{
	bottom: 0;
	left: 0;
}

.box .bottom-right{
	bottom: 0;
	right: 0;
}


/*   ANCHORS ------------------------------------------------------------------------------*/

a.pdf{
	display: block;
	height: 64px;
	padding-left: 70px;
	line-height: 64px;
	font-weight: bold;
	background: transparent url(../img/layout/pdf.png) no-repeat left center;
	text-transform: uppercase;
}

* html a.pdf{
	background: transparent url(../img/layout/pdf-ffffff.gif) no-repeat left center;
}

/*   GALLERY ------------------------------------------------------------------------------*/

.gallery{
	
}

.gallery ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.gallery ul li{
	float: left;
	width: 126px;
	padding-top: 5px;
	margin: 0 4px 4px 0;
	background: transparent url(../img/layout/slide.gif) no-repeat 0 0;
}



.gallery ul li .bottom{
	display: block;
	height: 10px;
	background: transparent url(../img/layout/slide.gif) no-repeat left bottom;
}

.gallery ul li a{
	display: block;
	text-decoration: none;
	color: #5D594D;
	text-transform: uppercase;
}

.gallery ul li a .year{
	display: block;
	padding-right: 28px;
	text-align: right;
}



.gallery ul li a img{
	display: block;
	margin: 5px auto;
	height: 75px;
	width: 100px;
}

.gallery ul li a .title{
	display: block;
	width: 100px;
	margin: 5px auto;
	height: 45px;
	overflow: hidden;
}


.gallery ul li a:hover .title{
	cursor: pointer;
	text-decoration: underline;
}


/*  PAGES  ----------------------------------------------------*/

.pages{
	height: 30px;
	clear: both;
	margin-bottom: 10px;
}

.pages ul{
	list-style-type: none;
	text-align: center;
}

.pages ul li{
	display: inline;
	text-transform: uppercase;
	margin: 0 3px;
	line-height: 30px;
	font-weight: bold;
}

.pages ul li a{
	text-decoration: underline;
	line-height: 30px;
}

.pages ul li a:hover{
	text-decoration: none;
}

.pages ul li a:hover,.pages ul li a.active{
	color: #5D594D;
}


.img-holder{
    float: right;
    margin: 0 0 10px 10px;
    width: 220px;
    overflow: hidden;
    clear: right;
}

.img-holder img{
    display: block;
}

.img-holder .caption{
    display: block;
    margin-top: 2px;
    line-height: 1.2em;
}


/*  FOOTER  ----------------------------------------------------------------------------------------------------------------*/

#footer { font-size: 10px; width: 978px; margin: 0 auto; background-color:#9E926B; padding: 0 0 50px 0;}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: none; }
#footer #copyright { color: #ffffff; float: left; margin: 5px 2px 0 5px; }
#footer #links { color: #ffffff; display: block; float: left; font-size: 10px; margin: 5px 0 0 35px; padding: 0; text-align: center; width: 460px; }
#footer .alpha_site { float: right; font-size: 10px; margin: 7px 5px 0 0; text-align: center; }
#footer #links a { color: #ffffff; text-decoration: none; }
#footer #links a:hover { color: #CDAD76; text-decoration: none; }
#footer .alpha_site .italics { color: #ffffff; text-decoration: none; }
#footer .alpha_site .AlphaSalmongrey { color: #ffffff; text-decoration: none; }
#footer .alpha_site .AlphaSalmongrey { color: #CCCCCC; text-decoration: none; }
#footer .alpha_site .AlphaSalmon { color: #CC6633; text-decoration: none; }


#footer2 { font-size: 10px; width: 978px; margin: -130px auto 0; background-color: transparent; padding: 0 0 50px 0;}
#footer2 a { text-decoration: none; }
#footer2 a:hover { text-decoration: none; }
#footer2 #copyright { color: #ffffff; float: left; margin: 5px 2px 0 20px; }
#footer2 #links { color: #ffffff; display: block; float: left; font-size: 10px; margin: 5px 0 0 35px; padding: 0; text-align: center; width: 460px; }
#footer2 .alpha_site { float: right; font-size: 10px; margin: 7px 5px 0 0; text-align: center; }
#footer2 #links a { color: #ffffff; text-decoration: none; }
#footer2 #links a:hover { color: #CDAD76; text-decoration: none; }
#footer2 .alpha_site .italics { color: #ffffff; text-decoration: none; }
#footer2 .alpha_site .AlphaSalmongrey { color: #ffffff; text-decoration: none; }
#footer2 .alpha_site .AlphaSalmongrey { color: #CCCCCC; text-decoration: none; }
#footer2 .alpha_site .AlphaSalmon { color: #CC6633; text-decoration: none; }

/*   general         --------------------------------------------------------------------------------------------------------*/


.hasFloat:after{
    content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

*:first-child+html .hasFloat{
    min-height: 1px;
}

* html .hasFloat{
    height: 1%;
}



.image-right-aligned{
	float: right;
	margin: 0 0 10px 10px;
}

.image-left-aligned{
	float: left;
	margin: 0 10px 10px 0;
}

.top-link{
	display: block;
	background: transparent url(../img/layout/top-link.gif) no-repeat 0 3px;
	padding-left: 8px;
}

.block{
	display: block;
}

.f-plus-1tenth{
	font-size: 1.1em;
}

.f-plus-2tenth{
	font-size: 1.1em;
}

.history_table { border: 1px solid #D7B875; width: 660px; }
.table_cell { margin: 2px 0; width: 660px; }
.cell_odd { background: #EDE9D8 none repeat scroll 0 0; padding: 4px 0; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-background-clip: border; }
.cell_year { margin: 0 5px; text-align: center; width: 60px; }
.cell_first { margin: 0 5px; text-align: center; width: 120px; }
.cell_age { margin: 0 5px; text-align: center; width: 60px; }
.cell_second { margin: 0 5px; text-align: center; width: 120px; }
.cell_third { margin: 0 5px; text-align: center; width: 120px; }
.cell_time { margin: 0 5px; text-align: center; width: 100px; }
.floatLeft { float: left; }

.backbutton 
{ 
	width: 30px;
	background-color: #E4E0CF;
	border: 1px solid #D6B775;
	color: #98875B;
	display: block;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 5px 0;
	padding: 5px;
	text-decoration: none;
}

.backbutton:hover { background-color: #000000; color: #ffffff; }