@charset "utf-8";
/* CSS Document */
body
 {
     MARGIN: 0px;
	 background: #FFFADC url(../images/body.jpg) repeat-y top center;
 }
 #container {
 	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: top;
	}
 
#canvas
 {
     Border: 1px solid #666;
	 width: 760px;
	 height: 100%;
	 margin: 0 auto;
	 background: #fffce7
 }
 #top
{
					TEXT-ALIGN: left;
					PADDING: 10px;
					Background-color: #FFF;
					height: 100px;
					width: 760px;
					border-bottom: 1px solid #1182F5;
}
#nav
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     TEXT-TRANSFORM: none;
     COLOR: #FFF;
     TEXT-DECORATION: none;
					TEXT-ALIGN: left;
					Background-color: #06C;
					width: 760px;
					height: 20px;
					padding: 5px 0px 5px 10px
}
#nav a:link
{
     COLOR: #FFF;
     TEXT-DECORATION: none;
	 padding: 0px 3px 0px 3px;

}
#nav a:visited
{
     COLOR: #FFF;
     TEXT-DECORATION: none;
	 padding: 0px 3px 0px 3px;

}
#nav a:hover
{
     COLOR: #CCF;
     TEXT-DECORATION: underline;
	 padding: 0px 3px 0px 3px;

}

.quote {
	height: 75px;
	width: 100%;
	text-align: left;
	}
.content
{
	border-top: 1px solid #06C;
	padding: 0px;
	vertical-align: top;
	height: 100%
}

.maincontent2
{
	text-align: left;
	background-color: #FFF9D6;
	padding: 0px;
	vertical-align: top;
	border-top: 2px solid #EFE39D;
	height: 100%
}


.left
{
	border-top: 2px solid #F7F1CB;
	text-align: left;
	background-color: #FFFCE7;
	padding: 20px;
	vertical-align: top;
	width: 440px;
	height: 100%
}
.left td {
	vertical-align: top;
	}
	
.left a:link
 {
     color: #06C;
     text-decoration: none
}
.left a:visited
 {
     color: #06C;
     text-decoration: none
}
.left a:hover
 {
     color: #000;
     text-decoration: underline
}
.left strong
{
     font-weight: bold;
     color: #06C;
}

.left h1
{
     font: 145%/1.3 "Trebuchet MS", Arial, Verdana, Helvetica;
     color: #06C;
	 text-align: left;
     margin: 0px 0px 5px 0px;
}

.left h3
{
     font: bold 70%/1.3 "Trebuchet MS", Arial, Verdana, Helvetica;
     color: #06C;
	 text-align: left;
     margin: 10px 0px 5px 0px;
}
.left p
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #333;
	 text-align: left;
	 margin: 5px 0px 5px 0px;
}

.left p.marked
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #333;
	 text-align: left;
	 margin: 5px 0px 5px 0px;
	 border-right: 5px solid #06C;
	 width: 56%;
	 padding: 0px;
}
.left em
{
     font: 90%/1.3 Arial, Verdana, Helvetica;
     color: #06C;
	 font-style: normal;
	 text-align: left;
	 padding: 0px 0px 0px 30px
}
.left li
{
     FONT:  12px Arial, Verdana, Helvetica;
     TEXT-TRANSFORM: none;
     COLOR: #333;
     TEXT-DECORATION: none;
					TEXT-ALIGN: left;
     LIST-STYLE-TYPE: square;
     VERTICAL-ALIGN: middle
}

.left hr {
	 border: 1px dotted #EFE39D;
	 height: 1px;
	 margin: 10px 0px 0px 0px
}


.left2
{
	border-top: 2px solid #F7F1CB;
	text-align: left;
	background-color: #FFFCE7;
	padding: 20px;
	vertical-align: top;
	width: 700px;
	height: 100%
}
.left2 td {
	vertical-align: top;
	}
	
.left2 a:link
 {
     color: #06C;
     text-decoration: none
}
.left2 a:visited
 {
     color: #06C;
     text-decoration: none
}
.left2 a:hover
 {
     color: #000;
     text-decoration: underline
}
.left2 strong
{
     font-weight: bold;
     color: #06C;
}

.left2 h1
{
     font: 145%/1.3 "Trebuchet MS", Arial, Verdana, Helvetica;
     color: #06C;
	 text-align: left;
     margin: 0px 0px 5px 0px;
}

.left2 h3
{
     font: bold 70%/1.3 "Trebuchet MS", Arial, Verdana, Helvetica;
     color: #06C;
	 text-align: left;
     margin: 10px 0px 5px 0px;
}
.left2 p
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #333;
	 text-align: left;
	 margin: 5px 0px 5px 0px;
}

.left2 p.marked
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #333;
	 text-align: left;
	 margin: 5px 0px 5px 0px;
	 border-right: 5px solid #06C;
	 width: 56%;
	 padding: 0px;
}
.left2 em
{
     font: 90%/1.3 Arial, Verdana, Helvetica;
     color: #06C;
	 font-style: normal;
	 text-align: left;
	 padding: 0px 0px 0px 30px
}
.left2 li
{
     FONT:  12px Arial, Verdana, Helvetica;
     TEXT-TRANSFORM: none;
     COLOR: #333;
     TEXT-DECORATION: none;
					TEXT-ALIGN: left;
     LIST-STYLE-TYPE: square;
     VERTICAL-ALIGN: middle
}

.left2 hr {
	 border: 1px dotted #EFE39D;
	 height: 1px;
	 margin: 10px 0px 0px 0px
}


.right 
{
    padding: 30px 20px 20px 20px;
	border-top: 2px solid #F8F0BF;
	background-color: #FFF9D6;
	width: 240px;
	vertical-align: top;
	height: 100%
}

.right p
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #645C2B;
	 text-align: left;
	 margin: 5px 0px 5px 0px;
}

.right h2
{
     font: bold 80%/1.3 "Trebuchet MS", Arial, Verdana, Helvetica;
     color: #645C2B;
	 text-align: left;
     margin: 0px 0px 5px 0px;
}
.right li
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #645C2B;
	 text-align: left;
     margin: 0px 0px 5px 0px;
	 padding: 0px;
	 list-style-type: square
}

.right li.sub
{
     font: 75%/1.3 Arial, Verdana, Helvetica;
     /font:100%/1.3 Arial, Verdana, Helvetica;
     margin: 0px 0px 5px 0px;
}
.right a:link
 {
     color: #06C;
     text-decoration: none
}
.right a:visited
 {
     color: #06C;
     text-decoration: none
}
.right a:hover
 {
     color: #000;
     text-decoration: underline
}
.right ul {
	margin: 0px 0px 10px 20px;
	 padding: 0px;
	}
	
.right strong
{
     FONT: bold 13px/13px Arial, Verdana, Helvetica;
     TEXT-TRANSFORM: none;
     COLOR: #06C;
     TEXT-DECORATION: none;
					TEXT-ALIGN: left;
}
	
#footer
{
     FONT:  11px/13px Arial, Verdana, Helvetica;
     TEXT-TRANSFORM: none;
     COLOR: #FFF;
     TEXT-DECORATION: none;
					TEXT-ALIGN: right;
					PADDING-RIGHT: 5px;
					Background-color: #1751C6;
					border-top: 1px solid #C99805
}
#footer a:link
{
     FONT:  11px/13px Arial, Verdana, Helvetica;
     COLOR: #FFF;
     TEXT-DECORATION: none;

}
#footer a: visited
{
     FONT:  11px/13px Arial, Verdana, Helvetica;
     COLOR: #CCC;
     TEXT-DECORATION: none;
}
#footer a:hover
{
     FONT:  11px/13px Arial, Verdana, Helvetica;
     COLOR: #FFF;
     TEXT-DECORATION: none;
}

form {
	margin: 10px 0px 0px 0px;
	}

.form {
	width: 100%;
	padding: 3px 0px 3px 0px;
     font: 75%/1.3 Arial, Verdana, Helvetica;
     color: #333;
	 text-align: left;
	 margin: 0px;
}	

.textfield {
	width: 200px;
	background: #FFF;
	border: 1px solid #EFE39D;
	border-left: 5px solid #06C;
     font: 100%/1.3 Arial, Verdana, Helvetica;
     color: #06C;
	 padding: 0px 3px 3px 3px
	 }
	 
.nontextfield {
	width: 200px;
	background: #FFF;
	border: 1px solid #EFE39D;
     font: 100%/1.3 Arial, Verdana, Helvetica;
     color: #06C;
	 padding: 0px 3px 3px 3px
	 }
	 
.multifield {
	width: 200px;
	background: #FFF;
	border: 1px solid #EFE39D;
	border-left: 5px solid #06C;
     font: 100%/1.3 Arial, Verdana, Helvetica;
     color: #06C;
	 padding: 0px 3px 3px 3px
	 }
	
.dropfield {
	width: 200px;
	background: #FFF;
   font: 100%/1.3 Arial, Verdana, Helvetica;
   color: #06C;
    padding: 0px 3px 3px 3px
	 }
	 
.submit {
	padding: 0px;
	margin: 0px 0px 0px 70px;
	background: #06C;
	font: bold 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: none;
	cursor: pointer;
	color: #FFF;
	}