/*
Welcome to the Unicoi Presentation File!
Authored by the Tombras Group, www.tombras.com */

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}
body {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px/20px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #000;
	background: #F2EBE0 url(/_images/content-bg.gif) repeat-y center top;
	}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #6D231A;text-decoration: none;}
a:visited {color: #854B40;}
a:hover {color: #710101; text-decoration: underline;}

a.external{
/*background: url(/_images/external.gif) no-repeat right center;
padding-right: 12px;
margin-right: 1px;*/
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
margin-bottom: -15px;
}

a.print-me{
background: url(/_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

/* Secondary Content
---------------------------------------------------- */

.clear-border{border:none !important;}
.float-clear{clear: both;}
.clear-left{clear:left}
a.external-pdf{
background: url(_images/pdficon.gif) no-repeat right center;
padding-right: 20px;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#wrapper{
width: 960px;
margin: 0 auto;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

body#index div#header{
height: 406px;
background: url(/_images/alpha-img.jpg) no-repeat left top;
}

div#header{
height: 173px;
background: url(/_images/alpha-img-subpage.jpg) no-repeat left top;
}

div#header ul#primary-nav{
float:left;
display: block;
}

div#header ul#primary-nav li{
float:left;
}

div#header ul#primary-nav li a{
float:left;
padding: 3px 8px;
}

div#header ul#primary-nav li a:hover{
text-decoration: underline;
}


/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/

body#index div#content{
padding: 20px 0 0 0;
height: 1%;
background: #F2EBE0 url(/_images/content-bg.gif) repeat-y center top;
}

div#content{
padding: 0;
background: #FFF url(/_images/main-content-bg.gif) repeat-y left top;
height: 1%;
}

div#content:after{
content:".";
display: block;
clear: both;
visibility: hidden;
}

/* Main Content
---------------------------------------------------- */
body#index div#main-content{
width: 580px;
float: right;
padding: 0 140px 0 0;
}

div#main-content{
width: 580px;
float: right;
display: inline;
padding: 0 140px 0 0;
margin: 20px 0 30px 0;
}

div.full-width div#main-content {
padding: 0 20px 0 0;
width: 750px;
}

div#main-content h1{
clear: both;
}

div#main-content h2{
font-weight: bold;
font-size: 16px;
}

div.h2-tight-leading h2{
margin: 20px 0 0px 0;
}

div#main-content h3{
font-weight: bold;
margin: 0 0 5px 0;
}

div#main-content ul li{
margin: 0 0 10px 10px;
background: url(/_images/arrow.gif) no-repeat 0 8px;
padding-left: 8px;
}

div#main-content ul.page-nav li{
margin: 0 0 0 10px;
}

div#main-content ul li ul{
margin-top: 6px;
}

div#main-content ul li ul li{
margin-bottom: 3px;
}

div#main-content ul.breadcrumb{
margin: 0 0 8px 0;
}

div#main-content ul.breadcrumb li{
float:left;
margin: 0 10px 10px 0;
background: url(/_images/arrow.gif) no-repeat left center;
padding-left: 10px;
}

div#main-content img.flt-left{
float:left;
margin: 0 30px 20px 0;
padding: 30px;
background: #F0F0F0;
border: 1px solid #DDD;
}

/* modified to accomodate applefest photos */

div#main-content table img.flt-left{
float:none;
margin: 0;
display: inline;
}

body#index div#main-content img.flt-right{
float:right;
padding-left: 30px;
margin: 0 0 10px 20px;
background: none;
display: block
}

body#index div#main-content img.flt-left{
padding: 0;
background: none;
}

div#main-content img.flt-right{
float:right;
padding: 30px;
background: #F0F0F0;
border: 1px solid #DDD;
margin: 0 0 10px 20px;
position: relative;
left: 20px;
}

body.em-asterisk em{
color: #710101;
font-size: 16px;
margin-right: 2px;
}
 
div#tnlogo{
margin-left: 0;
background: #FFF;
width: 200px;
padding: 20px 10px;
border: 1px solid #CCC;
text-align: center;
}
 
div#tnlogo *{
margin: 0;
padding: 0;
}
 
/* Secondary Content
---------------------------------------------------- */
body#index div#secondary-content{
float:left;
width: 140px;
border-right: 3px solid #B4AC99;
padding: 0 20px 0 0;
background: none;
}

div#secondary-content{
float:left;
width: 140px;
/*border-right: 3px solid #B4AC99;*/
padding: 0 20px 0 0;
/*background: url(/_images/content-bg.gif) repeat-y -25px 0;*/
position: relative;
top: -12px;
}

div#secondary-content ul{
background: url(/_images/swash-bottom.gif) no-repeat left bottom;
padding: 0 0 40px 0;
}

div#secondary-content ul li{
margin: 0 0 22px 0;
height: 1%; /* forces hasLayout for IE */
}

div#secondary-content ul li ul li{
background: url(/_images/arrow.gif) no-repeat 13px 5px;
}

div#secondary-content li.first-li{
padding-top: 50px;
background: url(/_images/swash-bottom.gif) no-repeat left top;
}

div#secondary-content a{
display: block;
font: bold 14px/17px "Georgia","Times","Times New Roman",serif;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 20px;
}

/*div#secondary-content a:hover{
border-bottom: 2px solid #BFA688;
margin-bottom: -3px;
padding-bottom: 1px;
}*/


#li-1 {
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-1.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

#li-2 {
    padding: 47px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-2.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:11px;
}

#li-3 {
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-3.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:29px;
}

#li-4 {
    padding: 29px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-4.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

#li-5 {
    padding: 29px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-5.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:29px;
}

#li-6{
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-6.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:29px;
}

#li-7 {
    padding: 29px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-7.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

#li-8 {
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-8.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

#li-9 {
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-9.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

#li-10 {
    padding: 11px 0 0 0;
	margin: 0 0 8px 0;
    overflow: hidden;
    background-image: url(/_images/li-10.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:11px;
}

body#index div#secondary-content li.index-li{
display: none;
}

div#secondary-content ul li ul{
background: none;
margin: 2px 0 7px 0;
padding: 0;
}

/*div#secondary-content ul li ul li ul{
border-top: 1px dotted #FFC;
}*/

div#secondary-content ul li ul li{
margin: 0 0 0 10px;
padding: 0;
}

div#secondary-content ul li ul li a{
font: bold 12px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
letter-spacing: 0;
text-transform: inherit;
}

div#secondary-content ul li ul li ul li a{
font-weight: normal;
}

div#secondary-content li#logo{
margin: 0 0 10px 27px;
}

div#secondary-content li#logo a{
margin: 0;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
clear: both;
display: block;
text-align: center;
padding: 20px 0 30px 0;
}

div#footer address{
font: small-caps bold normal 10px/16px "Lucida Grande", Verdana, Arial, sans-serif;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
width: 95%;
margin: 0 0 30px 0px;
padding: 15px 30px 40px 30px;
background: #FFF;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear; both;
}

form label{
display: block;
font-size: 14px;
text-transform: uppercase;
color: #696055;
letter-spacing: -1px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

form p input,
form textarea{
width: 100%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
}

div.success{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div.failure{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div#content div.success h1{
font-size: 24px;
}

div#content div.failure h1{
color: red;
font-size: 24px;
}

form em{
color: #8F3023;
}

form select option{
margin-right: 5px;
}

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/

table{
width: 100%;
clear: both;
padding: 5px 5px 20px 5px;
border-bottom: 1px dotted #333;
}

thead{
background: #F86C48;
color: #FFF;
text-align: left;
}

thead tr th{
padding: 3px 10px;
font-size: 16px;
}

tbody tr td{
padding: 1px 8px;
}

tbody tr.odd td{
background: #F0F0F0;
}

tbody tr td.indent{
padding-left: 30px;
}

col#data{
background: #F0F0F0;
}

table tfoot tr td{
border-top: 1px dotted #999;
text-align: center;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
font-weight: bold;
}

/*
table#events tr td{
font-size: 10px;
line-height: 15px;
padding: 6px 10px;
border-bottom: 1px dotted #F0F0F0;
border-top: 1px solid #DDD;
text-align: center;
}

table#events col#event{
width: 150px;
}

table#events col#date{
width: 80px;
}
*/

table#events{
line-height: 17px;
}

/* applies membership listing */
table#memberlist col#name{
width: 200px;
}

table#memberlist h2{
margin: 0;
display: block;
background: #f0f0f0;
padding: 4px 5px;
}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/