@charset "UTF-8";
/* CSS Document */

body {
font-family:"News Gothic", Verdana, Arial, Sans-serif;
color:#000000;
font-size:13px;
line-height:150%;
}

#wrap {
position:relative;
width:810px;
margin-left:auto;
margin-right:auto;
}

#header {
width:810px;
height:386px;
background-image:url(images/header_01.png);
background-repeat:no-repeat;
margin:0px;

padding:0px;}

#middle {
overflow:hidden;
position:relative;
margin-top:0px;
width:810px;
background-image:url(images/narrowslice_02.png);
background-repeat:repeat-y;
}
#flform {
margin-left:125px;
width:600px;
}

.leftmargin {
margin-left:100px;
}

#bottom {
position:relative;
width:810px;
height:40px;
background-image:url(images/bottomslice_04.png);
background-repeat:no-repeat;

}


#footer {
width:800px;
margin-left:auto;
margin-right:auto;
}

.fl2 {
float:left;
margin-left:65px;
}

.fr2 {
float:right;
margin-right:80px;
}

h1 {
color:#FFFFFF;
}

h2 {
letter-spacing:120%;
color:#FFFFFF;
}

.required {
color:#CC0000;
font-weight:bold;
}

h3 {
color:#CC0000;
}

a:link {
color:#006633;
}

a:visited {
color:#993333;
}

.dues {

font-size:10px;
}

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


.cssform label{
font-weight: bold;
float: left;
margin-left: -200px; /*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="text"] .special{
width:100px;
}