body {
	
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: verdana;
	font-size: 70%;
	color: #444;
	
}

.red {
	color: #f00;
}
.black {
	color: #000;	
	font-size: 140%;
}

.redstar {
	color: #f00;
	font-style: italic;
}

h1 {
	font-size: 180%;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
}

h2 {
	font-size:  160%;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
}

h3 {
	font-size:  140%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
}

.blue {
	color: #006;
	margin: 0px 0px 0px 0px;
}

.lightgrey {
	color: #bbb;
}

p {
	padding: 0px;
	line-height: 140%;
}

.notopmargin {
	margin: 0px 0px 10px 0px;
}


/*** Anchors ***/
a:link {
	margin: 0px;
	border: 0px;
	text-decoration: none;
}

a:visited {
	margin: 0px;
	border: 0px;
	text-decoration: none;
	color: #969;
}
a:link.black {
	color: #000;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	font-size: 120%;
}

a:visited.black {
	color: #000;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	font-size: 120%;
}

a:hover.black {
	text-decoration: underline;
}
a:link.textnav {
	color: #ccc;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	font-size: 120%;
}

a:visited.textnav {
	color: #ccc;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
}

a:hover.textnav {
	text-decoration: underline;
	font-size: 120%;
}

/*** Tables and tds ***/
table.contact {
	margin: 0px;
}

table.welcomebox {
	margin: 0px auto 0px auto;
}

table.logintable {
	float: right;
	margin: 0px;
	border: 0px;
	width: auto;
}
table.logintableft {
	float: left;
	margin: 0px;
	border: 0px;
	width: auto;
}
.imagetable {
	clear: both;
	float: center;
	top: 5px;
	right: 20px;
	text-align: center;
	margin: 0px;
	border: 0px;
	
}
table.vcentertable {
	vertical-align: middle;
	margin: 0px;
	border: 0px;	
}
table.imagetable {
	float: center;
	margin: 0px;
	border: 0px;
	width: 100%;
	
}
td.imagettd {
	text-align: center;		
	width: 25%;
	
}
#logintable {
	right: 20px;
	text-align: left;
	margin: 0px;
	border: 0px;
	
}
#logintablecenter {
	top: 5px;
	right: 20px;
	text-align: left;
	margin: 0px;
	border: 0px;
	
}
#logintableleft {	
	float: left;	
	right: 20px;
	text-align: left;
	margin: 0px;
	border: 0px;
	
}
td.imagetd {
	text-align: left;
	padding: 20px 5px 3px 20px;	
	width: 70%;
}
td.texttd {
	text-align: left;
	padding: 3px 5px 3px 5px;	
	font-size: 70%;
	background-color: #ddd;
}
td.texttdp{
	text-align: left;
        vertical-align: top;
        padding: 3px 5px 3px 5px;       
        font-size: 65%;
        line-height: 130%;
}
td.texttdright {
	text-align: right;
	vertical-align: top;
	padding: 3px 5px 3px 5px;	
	font-size: 70%;
	
	}

td.inputtd {
	text-align: left;
	vertical-align: top;
	padding: 3px 5px 3px 5px;	
	font-size: 70%;
}

td.redright {
	text-align: right;
	padding: 3px 5px 3px 5px;	
	font-size: 70%;
	
	background-color: #fff;
}

td.centertd {
	text-align: center;
	padding: 0px 3px 5px 3px;	
	font-size: 70%;
}

td.centertdgrey {
	text-align: center;
	padding: 0px 3px 5px 3px;	
	font-size: 70%;
	background-color: #eee;
}

td.introcell {
	padding: 0px 0px 30px 20px;
	font-size: 70%;
	color: #006;
}

.texttdrightgrey {
	text-align: right;
	vertical-align: top;
	padding: 5px 2px 5px 5px;	
	font-size: 65%;
	line-height: 130%;
	white-space: nowrap;
	background-color: #eee;
}

td.greycontainer {
	font-size: 65%;
	line-height: 130%;
	background-color: #eee;
	vertical-align: top;
	padding: 15px 10px 10px 20px
}

.texttdgrey {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 5px 5px;	
	font-size: 65%;
	line-height: 130%;
	background-color: #eee;
	white-space: nowrap;
}

/*** forms ***/
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.formbutt {
	margin: 0px 0px 0px 10px;
	padding: 0px 3px 0px 3px;
	background: #fff;
	color: #444;
	font-weight: bold;
	letter-spacing: .5px;
}  


/**** Divs ****/

#textnav {
	float: right;
	font-size: 90%;
	margin: 3px 0px 20px 0px;
	padding: 0px;
	border: 0px;
}

#center {
	clear: both;
	width: 95%;
	text-align: center;
	margin: 0px auto; /* nb: this for some reason makes the center div work in firefox & opera, don't remove it! */
	border: 0px;
}

#textcontainer {
	clear: both;
	display: block;
	text-align: left;
	width: auto;
	margin: 0px 0px 20px 0px;
	border: 0px;
	padding: 20px 0px 20px 35px;
}

#leftnav {
	float: left;
	width: 185px;
	margin: 15px 0px 0px -1px;
	padding: 10px 0px 0px 60px;
	line-height: 150%;
	border: 0px;
}
#leftnavlog {
	float: left;
	width: 216px;   
	height: 100%;
	margin: 0px 3px 3px 3px;	
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	border: 1px solid #ccc;
	
	
}
#rightnavlog {
	float: left;
	margin: 0px 3px 3px 3px;	
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	border: 0px solid #ccc;
}

#righttext {
	width: 380px;
	margin: 20px 0px 0px 245px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	line-height: 160%;
	border: 0px;
}

#rightform {
	text-align: left;
	width: 550px;
	margin: 20px 0px 0px 245px;
	padding: 0px 0px 20px 0px;
	line-height: 170%;
	border: 0px;
}

#break {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px; 
	border: 0px;
}

#breakfront {
	clear: both;
	display: block;
	margin: 0px;
	height: 5%;
	padding: 0px; 
	border: 0px;
}
#verticalmid{
height: 60%;
vertical-align: middle;
}

#greybandbottom {
	
	clear: both;
	width: 95%;
	text-align: center;
	margin: 0px auto; /* nb: this for some reason makes the center div work in firefox & opera, don't remove it! */
	border: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
}
#greybandbottomnofix {
	
	clear: both;
	width: 95%;
	text-align: center;
	margin: 0px auto; /* nb: this for some reason makes the center div work in firefox & opera, don't remove it! */
	border: 0px;
	
	
}
.prefstext {
	width: 710px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	margin: auto;
}
.lineno {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
	height: 10px;	
}
.linethin {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
	border-top: 1px solid #000;
	height: 10px;	
}
.linethinbottom {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
	border-top: 1px dotted #000;
	height: 10px;
	
}
#greyband{
	clear: both;	
	top: 10px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 60px;
	font-size: 140%;
	background: #ddd;
	margin: 0px;
	border-top: 0px solid #eee;
	padding: 10px 10px 10px 0px;	
	white-space: nowrap;
}
#wfalogo {
	display: block;
	float: left;
	text-align: left;
	width:60px;
	height: 30px;
	margin: 0px;
	border: 0px;
	padding: 15px;
	font-size: 130%;
	color: #003;
}
#searchtext {
	float: left;
	width: 90px;
	margin: 0px;
	padding: 15px 10px 0px 0px;
	margin: 0px 0px 0px 20px;
	text-align: left;
	font-size: 130%;
	color: #003;
	border: 0px;
}
#searchbox {
	float: left;
	margin: 0px;
	padding: 2px 0px 0px 0px; 
	border: 0px;
}
#loginbox {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px; 
	border: 0px;
}
table.imgbox {
        float: left;
        margin: 0px;
        width: 216px;
        background: #ccc;       
}


#imgbox {
        float: left;
        width: 216px;
        margin: 0px 3px 6px 3px;
} 
td {
        background: #fff;
}
td.imagetd {
        text-align: center;
        vertical-align: middle;
        padding: 5px;   
        width: 216px;
        height: 216px;
}
td.titletd {
        text-align: left;
        padding: 3px 3px 3px 5px;       
        font-size: 70%;
        font-weight: bold;
        line-height: 150%;
}

table.imgprev {
        clear: both;
	width: 750px;
        margin: 3px 0px 0px 15px;
}
td.texttdrvmid {
        text-align: right;
        padding: 3px 5px 3px 5px;       
        font-size: 65%;
        line-height: 130%
}
#leftalignnomarg {
        clear: both;
        float: left;
        text-align: left;
        margin: 2px;
}
td.texttdvmid {
        text-align: left;
        padding: 3px 5px 3px 5px;       
        font-size: 65%;
        white-space: nowrap;
}
table.imgdetail {
/*      float: left; */
        background: #fff;
        text-align: left;       
        width: 250px
}
td.button {
        text-align: center;
        font-size: 58%;
        letter-spacing: .01px;
        white-space: nowrap;
        padding: 1px;
}
a:link.buttonlink {
        display: block;
        padding: 2px;
        margin: 1px 0px 1px 0px;
        border: 1px solid #666;
        background:     #eee;
        text-align: center;
        text-decoration: none;
        color: #666;
}


a:visited.buttonlink {
        display: block;
        padding: 2px;
        margin: 1px 0px 1px 0px;
        border: 1px solid #666;
        background:     #eee;
        text-align: center;
        text-decoration: none;
        color: #666;
}


a:hover.buttonlink {
        display: block;
        padding: 2px;
        margin: 1px 0px 1px 0px;
        border: 1px solid #666;
        background:     #bbb;
        text-align: center;
        text-decoration: none;
        color: #fff;
}
.pictureboxred {
        color: #c06;    
}
td.titletd2 {
        text-align: left;
        padding: 0px 3px 0px 5px;       
        width: 40%;        
        line-height: 140%;
	font-size: 130%;
	color: #00e;
}


