body
{
background-color:#f7dcb8;
font-family:"Times New Roman",Georgia,Serif;
font-size:1em;
} 
h1
{
margin-top:0;
text-align:center;
}
h2
{
margin-top:1.5em;
border-bottom:1px solid #c6222f;
}
h3
{
margin-top:1.5em;
}
h4
{
margin-bottom:0;
border-bottom:1px solid #c6222f;
}
img 
{
border:0;
}
a:link 
{
text-decoration:none;
}
a:visited 
{
text-decoration:none;
}
a:hover 
{
text-decoration:underline;
}
a:active 
{
text-decoration:underline;
}

#headertable /*Sets the properties for the Header table  REMOVE AFTER ALL PAGES ARE CONVERTED*/
{
position:relative;
margin-left:auto;
margin-right:auto;
width:70%;
}
#lowertable /*Sets the properties for the lower table  REMOVE AFTER ALL PAGES ARE CONVERTED*/
{
margin-top:1em;
width:75%;
margin-left: auto;
margin-right: auto;
}
#headerright /*Floats the header data to the right (address)*/
{
float:right;
margin:0;
line-height:95%;
}
#buttonrow
{
float:right;
clear:left;
margin-top:1em;
margin-left:.5em;
}
#bio
{
width:65%; 
overflow:auto; 
padding-left:1em;
}
#calendar
{
border: 1px ridge #c6222f;
width:14%;
height:2em;
}
#cal_table
{
border: 1px ridge #c6222f;
width:100%;
}
#override
{
width:100%
}
#blanket
{
display:none;
z-index:9000;
filter:alpha(opacity=80);/*Older IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE*/
-moz-opacity:0.8; /*Older Mozilla*/
-khtml-opacity:0.8; /*Older Safari*/ 	
opacity:0.8; /*Current Mozilla, Safari, and Opera*/
background-color:#f7dcb8;
position:fixed;
top:0px;
left:0px;
width:100%;
height:1000%;
color:Black;
text-align:center;
vertical-align:middle;
}
#displaybox
{
display:none;
z-index:10000;
background-color:transparent;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
color:Black;
text-align:center;
vertical-align:middle;
}
#uploadify
{
display:none;
z-index:10000;
background-color:transparent;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
color:Black;
text-align:center;
vertical-align:middle;
}
#uploader
{
display:none;
z-index:10500;
background-color:transparent;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
color:Black;
text-align:center;
vertical-align:middle;
}

/*Set the div properties*/
div.container  /*Need to work out exactly if/how I want to use this*/
{
margin-left:auto;
margin-right:auto;
width:950px;
}
div.headerbox /*Sets the properties for the Header box*/
{
/*position:relative;*/
width:100%;
margin-bottom:1em;
}
div.bodybox /*Sets the properties for the body */
{
clear:both;
margin-top:1em;
width:100%;
}

div.header, div.footer
{
color:black;
background-color:#d3bb9f; /*Sets the color of the header and footer containers*/
clear:both;
}
div.hcontent, div.fcontent
{
padding:.5em;
}
h1.header
{
padding:0;
margin:0;
}
div.menu
{
width:100%;
margin:0;
}
div.left /*This is used to create a left column section*/
{        /*It is not recomended to use this with a large content section as the content section will wrap around under this*/
float:left;
margin-right:1em;
margin-bottom:1em;
padding-right:1em;
width:10%;
}
.ltext
{
border-right:ridge;
border-bottom:ridge;
}
div.right /*This is used to create a right column section*/
{
float:right;
margin-left:1em;
margin-bottom:1em;
padding-left:1em;
width:20%;
}
.rtext
{
border-left:ridge #c6222f;
border-bottom:ridge #c6222f;
}
div.image /*This should be used with div.right & div.left to float images in a content div*/
{
border:none;
margin:1px;
padding:1px;
width:auto;
}
div.content /*This is used to create the content section that will fill in the available space around the right and left columns*/
{
min-height:400px;
width:55%;
padding:1em;
overflow:auto;
}
div.r_content /*This is used to create a right column section*/
{
float:right;
margin-top:2em;
margin-left:1em;
margin-bottom:1em;
padding-left:1em;
width:35%;
}

div.column
{
float:left;
width:40%;
overflow:auto; 
padding-left:1.5em; 
padding-right:1.5em;
}
div.gallery
{
float:left;
text-align:center;
overflow:hidden;
padding:1em;
width:175px;
height:175px;
border:ridge;
}
div.gallery2
{
float:left;
text-align:center;
overflow:hidden;
padding:.5em;
margin:1px;
width:9em;
height:13em;
border:ridge #c6222f;
}
div.gallery3
{
float:left;
text-align:center;
overflow:auto;
padding:.5em;
margin:1px;
width:9em;
height:6em;
border:ridge #c6222f;
}
div.misformblock
{
margin-top:.5em;
margin-bottom:.5em;
clear:left;
float:left;
}
div.misformtag
{
float:left;
}
div.misforminput
{
float:left;
overflow:visible;
}
div.rowcell
{
float:left;
margin-left:.25em;
margin-right:.25em;
}

div.subfooter
{
	margin:10px 5px 0 5px;
	font-size:12px;
}
div.subfooter .column
{
	float:left;
	width:200px;
	padding:0 10px 0 10px;
}
div.subfooter .column ul
{
	margin-top:0;
	padding-left:10px;
}
div.subfooter .column .title
{
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}
/*End Div Properties*/


/*Setup formats for rounded corners in header and footer*/
.rtop, .rbottom{
display:block;
background:#f7dcb8; /*This Color needs to be the same as the body Background*/
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#d3bb9f; /*This Color needs to be the same as the Containter Background (in this case div.header and div.footer)*/
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}
/*End of the Rounded corners formating*/


/*These are the setting for the Java Dropdown Menu*/
.dropdown 
{
float:left; 
padding-right:0.1em;
margin-top:2px;
margin-bottom:1px;
}
.dropdown dt 
{
/*width:85px; */
width:6em;
text-align:center; 
border:1px solid #c6222f; /*Color of the menu box border*/
padding:8px; 
font-weight:bold; 
cursor:pointer; 
background:url(images/header.gif)
}
.dropdown dt:hover 
{
background:url(images/header_over.gif)
}
.dropdown dd 
{
position:absolute; 
overflow:hidden; /*This was causing a little trouble with the longer menu items*/
/*width:208px; */
width:16em;
display:none; 
background:#c6222f; /*Color for left filler edge*/
z-index:200; 
opacity:0; 
filter:alpha(opacity=0);
}
.dropdown ul 
{
width:204px; 
border:2px solid #c6222f; /*Border color of dropdown outline  */
list-style:none; 
border-top:none
}
.dropdown li 
{
display:inline;
}
.dropdown a, .dropdown a:active, .dropdown a:visited 
{
display:block; 
padding:5px; 
color:#333; 
text-decoration:none; 
background:#f7dcb8; /*Color for dropdown item background*/
width:194px;
}
.dropdown #home
{
padding:0;
width:auto;
}
.dropdown a:hover 
{
background: #d3bb9f; /*Color for mouseover highlight d3bb9f  e97384*/
color:#000 /*??*/
}
.dropdown .underline 
{
border-bottom:1px solid #c6222f  /*Border color for dropdown dividers*/  
}
/*End Dropdown Menu*/