/* basic elements */

body
{
	font-family: 'Comic Sans,Comic Sans MS,Tekton,Technical,Comic'; 
	font-size: 12px; 
	line-height: 14px; 
	color: #000000;
	background-color: #e3e9d9;
	text-align: center;
	margin: 0;
	padding: 3px;
}

a:link
{
	color: #50793E;
	font-weight: bold;
	text-decoration: none;
}

a:visited
{
	color: #275727;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active
{
	color: #990099;
	text-decoration: none;
	border-bottom: 1px dotted #669966;
}

#container
{
	background-color: #d4e1e6;
	text-align: left;
	margin: 10px auto;
	padding: 0;
	width: 700px;
}

#header
{
	font-size: 20px;
	font-weight:bold; 
	line-height: 24px;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px; 
}

#main
{
	background-image:url(images/bg.gif);
	padding: 20px;
}


		/* index layout */

		#landscape {
			padding: 0;
			margin: 0;
			background-image: url(images/landscape.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			text-align:center;
		}

#footer
{
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.div1 {font-size: 14px; line-height: 17px;}

.div2 {font-size: 11px; line-height: 12px;}

.div3 {font-size: 18px; line-height: 20px;}

.div4 {font-size: 12px; line-height: 12px;}

.div5 {font-size: 6px; line-height: 6px;}



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

.buttons{ 
overflow: hidden; 
	margin: 0;
	background-color:#d4e1e6;
}

a.abutton{
background: transparent url('images/button-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px "Comic Sans";
color: #50793E;
line-height: 17px;
height: 25px; 
padding-left: 7px; 
text-decoration: none;
}

a.abutton span{
background: transparent url('images/button-right.gif') no-repeat top right;
display: block;
padding: 4px 17px 4px 10px; 
}

a:hover.abutton{ 
background: transparent url('images/b-left.gif') no-repeat top left;
}

a:hover.abutton span{ 
background: transparent url('images/b-right.gif') no-repeat top right;
}

a:link.abutton{
	color: #630031;
	font-weight: bold;
	text-decoration: none;
}

a:visited.abutton{
	color: #630031;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active.abutton{
	color:#630031;
	text-decoration: none;
	border-bottom: 1px dotted #ebedd0;
}

/* form */

#form
{
	background-color: #e3e9d9;
	text-align: left;
	margin: 5px 50px 5px 50px;
	padding: 0;
}

.cssform p{
padding: 5px 0 8px 0;
padding-left: 105px; /*width of left column containing the label elements*/
background-color:#e3e9d9;
border-top: 1px dashed gray;
height: 1%;
text-align:left;
font-size: 12px;
line-height: 14px;
}

.cssform label{
font-weight: bold;
float: left;
padding-left: 20px;
padding-right: 10px;
margin-left: -105px; /*width of left column*/
width: 100px; /*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: 250px;
}

.cssform textarea{
width: 350px;
height: 50px;
}

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