/* 
    Document   : style2
    Created on : 23-Feb-2010, 06:18:43
    Author     : Alvin Casco
*/

html,body {
	font-size: 12px;
	height: 100%;
        margin: 0;
	padding: 0;
}

p.line-space-big{
    /*font: size/leading */
    font: 1.2em/1.5em Verdana, sans-serif;
}
p{
    font-size: 1.2em;
}

img {
    border: none;
}

#page-wrap {
    background: white;
    min-width: 780px;
    max-width: 1024px;
    margin: 10px auto;

    height: auto !important;
    position:relative;
    min-height:100%;
    

/*
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 10px auto -4em;*/
}
#page{
    position:relative;
    background: white;
    margin: 10px;
}
#header {
    height:170px;
    position:relative;
    background: url(../images/title_back.jpg) repeat-x;
    text-align: center;
}
#logo-container{
    margin-top:-10px;
    margin-left:0;
    height:190px;
    width:190px;
    position:relative;
    background:none;
}
/*background white filler */
#logo-container-back{
    width:95px;
    height:190px;
    background: #FFFFFF;
    position:absolute;
    left:0;
    top:0;
}
#logo-container,#header_title{
    float:left;
    color:red;
}
#header_title{
    font: 4em Arial;
    font-weight:bold;
    padding-top:20px;
    padding-left:70px;
    text-align: left;
    margin: 0 auto 0 auto;
    width:auto;
    height: auto;
}
#menu {
    background: url(../images/blue_tint.gif) repeat-x;
    position:relative;
    width:100%;
    text-align: center;
}

#menu-list{
    padding-left: 260px;
}
#menu-list ul{
    list-style-type:none;
    padding:0;
    margin: 0;
}
#menu-list ul li{
    position:relative;
    display:inline;
    float:left;
    width: auto;
    /*padding: 2px 15px 2px 0px;*/
    
    margin:  0.15em;
}
#menu-list ul li a{
    display: block;
    text-decoration: none;
    /*background: url(../images/button.gif) #fff bottom left repeat-x;*/
    height: 1.8em;
    line-height: 2em;
    float: left;
    width: 8em;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-align: center;

    font-size: 1.2em;
    font-weight: bold;
    background: url(../images/button.gif) #fff bottom left repeat-x;
}
.not_active{
    background: url(../images/button.gif) #fff bottom left repeat-x;
}
#home .home,#about .about,#gallery .gallery,#contact .contact,
#menu-list ul li a:hover,.active{
    background:yellow;
}
#footer{
    position:relative;
    bottom:0;
    height: 90px;
    background: #000000;
    text-align: center;
    padding-top: 5px;
    color: white;
    clear: both;
    width:100%;
}
.nav{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#footer ul{
    margin: 0;
    padding:10px 0px 10px 0px;
    list-style-type: none;
    font-size: 1.2em;
    font-weight: bold;
}
#footer ul li{
    position:relative;
    display:inline;
    float:left;
    width: auto;
    /*padding: 2px 15px 2px 0px;*/

    /*margin:  0.15em;*/
}
#footer ul li a{
    display: block;
    width: auto;
    padding: 2px 10px 0px 10px;
    text-decoration: none;
    color: white;
}
#footer ul a:hover{
    color:yellow;
}
#menu,#content{
    float:left;
}
#content{
    position:relative;
    width: 100%;
    margin-top:10px;
    height:auto;
    padding-bottom:75px;/*footer height, so as to force footer at the bottom*/
}
#left-column {
    position:relative;
    float:left;
    width: 240px;
    padding: 10px;
    height:auto;
    border:red 1px solid;
    z-index: 100;
}
#main-content {
    position:relative;
    padding-left: 300px;
    padding-top:10px;
    height:auto;
}
#announce {
    position:relative;
    padding-left: 300px;
    padding-bottom:10px;
    height:auto;
}
.center-column-padded{
    position: relative;
    width: 88%;
    padding-left: 6%;
    padding-right: 6%;
    min-height: 250px;
}
.center-column{
    position: relative;
    padding-right: 20px;
}
.center-column-padded-all{
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}
/*right column place holder*/
.right-float,.right-float-rotator{
    position:relative;
    float:right;
    right: 0;
    width:230px;
    height: auto;
    text-align: right;
}
/*right column place holder*/
.right-float-rotator{
    top: -20px;
}
.pic-holder-right img{
    float: right;
    border:1px solid red;
    background: #fff;
    padding: 4px;
}
.pic-holder{
    width: 200px;
    height: 150px;
    float: left;
    border:1px solid red;
    padding: 4px;
    background: #fff;
    margin: 5px;
    text-align: center;
}
.pic-holder img{
}
.pic-holder-black img{
    float: left;
    border:2px solid black;
    padding: 4px;
    background: #fff;
    margin: 5px;
}

/* rotator in-page placement */
div#rotator {
    position:relative;
    height: 180px;
}
/* rotator css */
div#rotator ul li {
    float:left;
    position:absolute;/*photos stacked, thus hiding others*/
    list-style: none;
    top: 0;
    right:0;
}
/* rotator image style */
div#rotator ul li img{
    border:1px solid red;
    padding: 4px;
    background: #FFF;
}
div#rotator ul li.show {
    z-index:500;
}

/*toolTip*/
.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
        font-size: 1.5em;
	z-index: 1000;
	background: transparent url(../images/tip/tipTop.png) no-repeat top;
}
.tipMid {background: transparent url(../images/tip/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tip/tipBtm.png) no-repeat bottom; height: 32px;}


a.link{
     color: blue;
     text-decoration: none;
}
a.link:hover{
    text-decoration: underline;
}
img a.link:hover{
    text-decoration: none;
}
/*end tip*/
table.gallery_menu td{
    padding: 5px;
    font-family: arial;
    font-size: 12px;
}
table.officers{
    font-size: 1.5em;
}
table.officers th{
    text-align: right;
    padding-right: 10px;
}
#form_contact{
    position:relative;
    width:350px;
    margin-left: 50px;
}
#form_contact label{
    display:block;
    font-weight:bold;
    font-variant:small-caps;
    padding:5px;
    font-size: 1.3em;
}
#form_contact input,#form input{
    padding:5px;
}
.required{
    color: red;
}
.input_error{
    display:none;
    color: #D8000C;
    background-color: #FFBABA;
    padding:10px;
    font-size: 1.3em;
}
.input_error_no_js,.red_background{
    color: #D8000C;
    background-color: #FFBABA;
    padding:10px;
    font-size: 1.3em;
}
.red_background{
    color: #D8000C;
    font-size: 1.3em;
    background-color: #FFBABA;
    padding:2px 0 2px 10px;
}
.form_success{
    display:none;
    border: 0.2em solid #FFD700;
    background-color:#FFFFDD;
    padding:10px;
    font-size: 1.3em;
}
.form_success_no_js{
    border: 0.2em solid #FFD700;
    background-color:#FFFFDD;
    padding:10px;
    font-size: 1.3em;
}
.contact_buttons{
    height:32px;
    cursor: pointer;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}
.blue{
    display: none;
    font-size: 1.3em;
    color: blue;
    cursor: pointer;
}

/*gallery pagination*/
#pagination{
    margin-bottom: 10px;
}
#pagination a, #pagination strong {
    background: #ffff99;
    padding: 4px 7px;
    text-decoration: none;
    border: 1px solid #cac9c9;
    color: #292929;
    font-size: 13px;
}
#pagination strong, #pagination a:hover {
    font-weight: normal;
    background: #ffff00;
}
/*end gallery pagination*/
ul.gallery_menu{
    list-style-image: url(../images/album.png) ;
}
ul.gallery_menu li{
    margin-top: 0;
}