html{ font-size:150%;}

*{
margin:0;
padding:0;
}

body{
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 50%;
}
/* TAGS -----------------------------------------------*/

a{
font-size: .9em;
color:#666666;
font-weight:bold;
padding-bottom:5px;
}



h2 a:hover{text-decoration:none;
}

p{
font-size: 1em;
font-style: normal;
color: #333333;
margin:5px 0;
}

p a {
color:#A36C43;}

h1{
font-style: normal;
font-size: 2em;
color: #000000;
text-align: left;
padding:10px 0;
}


h2{
font-style: normal;
font-size: 1.4em;
font-weight:bold;
color: #333333;
padding:5px 0;
}

h2 a{
font-size:.9em;
}

h3{
font-style: normal;
font-size: 1.4em;
font-weight:bold;
color: #333333;
padding:20px 0 0 40px;
border-bottom: #CCCCCC dashed 1px;
margin-right:30%;
margin-bottom:10px;
}
 
h6{ /* captions  */
font-size:1em;
font-weight: normal;
}




/*tables-------------------------*/
table{
margin-left:40px
}

td p{
text-align:left;
font-weight:normal;
padding:5px;
line-height:18px;
}

td a{
font-weight:normal;
font-size:.9em;
padding:0 0;}

td h6{
font-size:.8em;
padding:5px;
}

th{
padding:5px 10px 5px 0;
}

/* overall wrapper width 785px------------- */
div#outerwrap{
width:785px;
background-color:#fff;
margin-left: auto;
margin-right:auto;
}

div#header{
width:785px;
background: #FFFFFF;
margin-top:10px;
}
div#footer{
text-align:center;
margin:10px 0;
}
/* 
MAIN BODY SET ----------------------------------
total width 785px inc padding 
placed below header 
*/
div#content{
width:755px;
padding-left:30px;
}

div#textonly{
padding: 0 100px 0 50px;
}

/*
div#textonly p{
padding: 0 0 0 50px;
}

*/

/*for gallery page-----------*/
#column1{
width:229px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
margin-top:10px;
}

#column2{
width:229px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
margin-top:10px;
}

#column3{
width:225px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
margin-top:10px;
}

#gallery1{
width:229px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
margin-top:10px;
}

#gallery2{
width:229px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
margin-top:10px;
}

#gallery3{
width:225px;
float:left;
padding:0 10px;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
margin-top:10px;
}


/* index divs ------------------------ */

div#footerindex{
text-align:center;
width:491px;
padding-left: 114px;
float:left;
margin-top:10px;
}

div#topindex{
width:650px;
margin-bottom:30px;
text-align:right;
}

div#botindex{
width:650px;
margin-top:30px;
text-align:right;
}

/* CLASSES---------------------- */
.float{
float:left;
}



.highlight {  
font-size: 1em; 
font-style: normal; 
font-weight: bold;
color: #FFCC00;
}

/* 
valign hacks -----------------------------
from http://www.hicksdesign.co.uk/journal/how-to-vertical-centering-with-css
*/
 /* styles for IE 5 Mac */
#horizon {
background-color: transparent;
position: absolute;
top: 20px;
left: 20px;
}
 
 /* following rules are invisible to IE 5 because of backslash \*/
#horizon {
top: 50%;
left: 0px;
width: 100%;
margin-top: -250px;
text-align: center;
min-width: 800px; 
 }
 /* end IE 5 hack */ 
#wrapper {
background-color: #fff;
position: relative;
width: 669px;
height: 500px;
margin: 0px auto;
padding:0;
}

/* alter top margin in horizon to half height of wrapper for centering to occur */
/* end valigne hacks---------------------------------- */

	
/*STYLES-------------------------------------------*/
.borderbot {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 85px;
	margin-top:0;
}

.galleryleft{
margin: 10px 0 15px 0;
padding-left:40px;
float:left;
/*width:280px;*/
}

.galleryright{
margin: 10px 0 15px 15px;
float:left;
}

.linksleft{
margin: 10px 0 15px 0;
padding-left:40px;
float:left;
width:280px;
}
.leftimage{
margin:0 15px 0 0;
float:left;}

.rightimage{
margin:15px 0 0 15px;
float:right;}

.caption{
font-size:.8em;}

/* list menu ----------------------- */

div#listmenu{
width:100%;
/*
border-top:1px solid #0099FF;
border-bottom: 1px solid #00CCFF;
*/
float: left;
margin: 20px 0 0 0;
}

#listmenu ul{
margin: 0;
}

#listmenu li{
float:left;
list-style:none;
padding: 0 .6em;
border-left:2px solid #333366;
}

#listmenu a:hover{
color:#993399;
text-decoration:overline;
}

#listmenu li:first-child{
border-left: 0px;
}
/* end list menu-------------------- */