body {
	background: #9f9faf;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	color: #424457;
}

a {
	color: #304050;
}

a:hover {
	text-decoration: none;
}

p {
	line-height: 1.4em;
	text-align: justify;
}

h1 {
	font-size: 1.75em;
	font-weight: normal;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

#header h1 {
	text-align: center;
	font-size: 2em;
	padding: 20px 0 0 0;
	margin: 0;
	}

.image_right {
	float: right;
	padding: 10px;
	}
.image_left {
	float: left;
	padding: 10px;	
	}

#main{
width: 760px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/

}

#header{
background: #8080f0 url('images/header2.jpg') repeat-x bottom left;
height: 160px; /*Height of top section*/
}

.innertube{
	padding: 0;
	margin: 8px 8px 8px 8px;
}

#contentwrapper{
margin: 0px;
padding: 0px;
float: left;
width: 100%;
background: #ffffff;

}

#contentmain{
margin-right: 208px; /*Set right margin to RightColumnWidth*/
min-height: 540px;
height:auto !important;
height:540px;
}

#sidebar{
float: left;
width: 208px; /*Width of right column*/
margin-left: -210px; /*Set left margin to -(RightColumnWidth) */
background: #ffffff;
font-size: 65%;
}

.sidebar-widget {
width: 180px;
padding: 4px 4px 6px 4px;
margin: 0 0 6px 0;
background: white url('images/br.gif') bottom right no-repeat;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
text-align: center;
}


#footer{
clear: left;
text-align: center;
width: 100%;
background: #8080f0 url('images/footer.jpg') repeat-x top left;
padding: 2px 0;
}

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

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.buttonmenu li a{
color: #304050;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-size: 125%;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background: white url('images/br.gif') bottom right no-repeat;
text-decoration:none;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background: white url('images/tl.gif') top left no-repeat;
}

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

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*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 input[type="radio"]{
text-align: right;
}

.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;
}