﻿body,html {height:100%;min-height:100%}

body, html, h1, h2,ul,ul li,img,form,input,textarea, div,p {padding:0; margin:0}
body, textarea, input {
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: x-small;
	font-style: normal;
	color:#565554
}   
body {background-color: #565554}
h2 {font-size: x-small}
textarea {overflow:visible}
ul {list-style-type:none; text-indent: 0px; background:none}
ul li {background:none; text-indent: 0px}
a {text-decoration: none; color: #565554}

/*------ New styles made on 18 June 2008 ------*/
h1 {font-size: 1.5em; color: #b36362; font-weight: normal; margin-bottom: 0.3em}
a:hover {color: #212121}
a.email {text-decoration: none; color: #b36362}
a:hover.email {color: #565554}
p.intro {font-size: 1.2em; color: #999999; line-height: 1.3em}
p.homeintro {
	font-size:1.2em;
	color: #565554;
	line-height: 1.3em
}
ul.bodycontent {list-style-type: disc; color: #b36362; padding:0; margin: 22px 0 12px 0; position: relative;}
li.bodycontent {list-style-type: disc; color: #b36362; margin:0 2em 6px 1.5em; padding:0; position: relative;}
.bullettext {color: #565554}
p.terms {margin-bottom: -4px; padding-bottom:60px; margin-top:0; padding-top:0px;}
p.termspara {margin-bottom: 3px; padding-bottom: 0px;}
p.indentedtext1 {margin: 0 0 -10px 0; padding: 0 0 0x 0;}
p.indentedtext2 {margin: 0 0 0 10px; padding: 0 0 0 0;}
.wailogo {margin-top: 15px;}

img {border: none 0px}

img.logo {
margin: 5px 0 5px 0;
border-color: #999999;
border-style: solid;
border-width: thin;
}

.hometext{
font-size: 1.05em;
}

/*------ Default Style ------*/
#container
{
    background-color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 975px;
	text-align: left;
	min-height:100%;
	height:100%;
}



#headerContainer 
{
    background-color:#565554;
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
	text-align: left;
	z-index:100;
	height:136px
}
#innerHeader {width:975px; margin-right: auto; margin-left: auto;}

#bodyContainer {height:auto;text-align: left;padding-top:136px}
/*------ End of Default Style ------*/

/*------ Header Style ------*/
#header {width: 100%; height:104px; background-color:#f3f3f3; }
#header div {float:left}
#header #imageholder {}
#menu { background-color: #565554; padding-left: 35px}
#menu li {display: inline}
#menu li a {line-height:33px; padding: 10px 15px 5px 3px; color: #ffffff}
#menu li a:hover {color: #b36362}
#contacthome {text-align:right; font-size:small; width:440px; padding-top:45px}
/*------ End of header styles ------*/

/*------ Homepage Styles ------*/
#home {width:100%}
#textbanner {color: #565554; width:495px; padding: 0 10px 10px 10px; background-color: #ffffff; position: absolute; left: 30px; top: 170px; z-index:5}
#textbanner div {float:left;width:50%; background-color: inherit}
#textbanner p {
	padding: 5px 0 10px 0;
}
p#intro {font-size:small}
#imagetag { text-align: right; width: 400px; color: #ffffff; font-size: large; position: absolute; top: 535px; left: 535px; z-index:10}
#textbanner #buttons {width:100%}
#textbanner #buttons a {float:left}
/*------ End of Homepage Styles ------*/

/*------ Page Styles ------*/
div#content {
	background-color:#eeeeee;
	padding: 20px 35px 10px 35px;
	min-height:300px
}
div#tpanel {padding: 0 0 10px 0}
#content p {padding: 0 0 10px 0}
.topUL li {float:left}
.topUL #tleft {width:425px; padding: 0 35px 0 0}
.topUL #tright {width:445px; padding: 0}
#leftcolumn {width:425px; padding: 0 35px 0 0; float:left}
#rightcolumn {width:445px; padding: 0; float: left; font-size: 1.05em;}

#rightcolumnnolist {width:445px; padding: 22px 0 0 0; float: left; font-size: 1.05em;}

.searchbutton {background-image: url(../images/viewsearch.gif); cursor:pointer; width:148px; height:31px}
.searchbutton:hover {background-image: url(../images/search_roll.gif)}
#droptext {display:none; padding-top:10px; text-align:left}
#droptext div.float {float:left}
#droptext div.bleft {width:425px; padding: 10px 35px 0 0}
#droptext div.bright {width:445px; padding: 10px 0 0 0}
#droptext ul li {padding:0 0 10px 30px; list-style-type: none}
#droptext li.one {background-image: url(../images/numbers/1.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.two {background-image: url(../images/numbers/2.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.three {background-image: url(../images/numbers/3.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.four {background-image: url(../images/numbers/4.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.five {background-image: url(../images/numbers/5.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.six {background-image: url(../images/numbers/6.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.seven {background-image: url(../images/numbers/7.gif); background-position: top left; background-repeat:no-repeat}
#droptext li.eight {background-image: url(../images/numbers/8.gif); background-position: top left; background-repeat:no-repeat}


/*------ Page Style ------*/

/* Footer Styles */
#footer {clear:left; padding: 15px 40px 0 35px; min-height:25px; height:25px; background-color:white}
#footerlist {text-align: right; width:100%}
#footer li {display: inline}
/*------ End of Footer Styles ------*/


/*------ Classes ------*/
.button {padding: 3px 3px 3px 5px; background-color: #565554; color: #ffffff; font-size: small; font-weight: bold; display:block}
.projectbutton {background-image: url(../images/viewproject.gif);cursor:pointer;width:198px;height:31px}
.projectbutton:hover {background-image: url(../images/viewproject_roll.gif)}
/*------ End of classes ------*/

