body{
background-color:#FFFFFF;
font-family:sylfaen; georgia; sans-serif;
background-image:url('images/pinkmarble.gif');
font-size:17px;
margin-left: 5%;
#margin-left: -10%;
margin-right: 5%;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%; 
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

a {color:#0000CC; text-decoration: none}
a:active {color:#FF0000; text-decoration: none}
a:visited {color:#CC0033; text-decoration: none}
a:hover {color: #AD4A18; text-decoration: underline}

ul.alpha {list-style-type:lower-alpha;}
ul {list-style-type:square;} 

.headline {
	font-size:22pt; 
	font-style: italic; 
	color: #000000; 
	font-weight:bold; 
	text-align:center;
}

.floatleft {float: left; width:auto; margin-right: 0.5em}
.floatright {float: right; width:auto; margin-left: 0.5em}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.top {vertical-align:text-top;}
.middle {vertical-align:middle;}
.centerimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tablecenter {margin-left: 15%; margin-right: auto; display: block;}
.red {color:red;font-weight:bold;}

/* to add invisible headers */
.invisible {display: none;}

/* Menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
font-family:"constantia", "times new roman", serif;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: center; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
background: transparent url('images/slantdivider2.gif') bottom right no-repeat;
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none; /*underline;*/
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: #AD4A18;
}

/* ************ Forms **************  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 225px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -225px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}