body { font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:white; }
img { float:left; margin:0; padding:0; display:inline; border:0; }

ul { padding-left: 30px; }
* html ul { /*IE only. */ margin-left:5px; }
li { list-style-type: decimal; }
li a { color:#2072AE; }
form { margin:0; padding:0; line-height:normal; }

input, textarea  {  }
input:hover, textarea:hover  {  }

a { color: #5662B9; text-decoration: none; background: inherit }
a:hover { text-decoration: underline }

h1 { font-size:13px; font-weight:bold; line-height:2em; margin:0 0 10px 0; padding:0; color:#2072AE; }

blockquote { margin: 0 0 15px 30px; border-left: 3px solid #C3CDE6; padding: 0 0 0 8px }

input, textarea  {  }
input:hover, textarea:hover  {  }
input.text { color: #000000; background: inherit }
textarea.text { font-size: 8pt; }
input.text:hover, textarea.text:hover {  }
form { display: inline; margin: 0; padding: 0 }
td { padding:3px; }


#outerwrapper { position:absolute; left:0px; top:0px; width:100%; z-index:1; text-align:center; }
#wrapper { width:960px; margin:10px auto; text-align:left; }

.spacer { clear:both; height:10px; }

#header { clear:both; height:135px; background:url(../css-assets/sumflow-bg.jpg) top left no-repeat; border-bottom:2px solid #8DC63F; }
.headlinks { clear:both; height:98px; }
.formbar { clear:both; margin:0px 0 0 15px; }

#maincontent { width:960px; margin:0; }
#main { width:730px; display:inline; float:left; clear:left; }
#center { width:570px; float:right; display:inline; clear:right; margin-top:10px; }
#center img { margin:0 5px 5px 0; }
#banner { width:125px; float:left; display:inline; clear:left; margin-top:10px; background:url(../css-assets/envpara-bg.jpg) bottom right no-repeat #9BB2DC; }
#banner img { margin-bottom:10px; }
#envpara { border:2px solid #8DC63F; padding:8px; }


/***** content elements *****/

#maincontent img {border:0;}		
#maincontent h2 { color: #2072AE; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; line-height: 19px; margin: 0 0 5px 0; background: inherit }
#maincontent h2 a { color: #2072AE; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; line-height: 19px; margin: 0 0 5px 0; background: inherit }
#maincontent h2 a:hover { color: #8DC63F; text-decoration: underline; background: inherit;	}
#maincontent .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px }
#maincontent h3 { font-size: 130%; color: #2072AE; border-bottom: 1px dotted #aaa; background: inherit }
#maincontent p { padding: 0; color: #454545; font: 1.0em "Arial", Sans-Serif; margin: 0;  text-decoration: none; background: inherit }
#maincontent .mpnull { margin: 0; padding: 0 0 0 0; }
#maincontent .para1 { width:100%; border-bottom: 0px dotted #aaa; margin-bottom: 0px; padding-bottom:10px; }
#maincontent .textbox { float: left; color: #454545; width: 240px; background: #fefefe; padding: 0px; margin: 0px 0; border: 0px solid #5674B9; display:inline; }
#maincontent .textbox2 { float: right; color: #454545; width: 300px; background: transparent url(file:///J|/My Files/css-websites/css-assets/veto2.jpg) bottom right no-repeat; padding: 0; margin: 2px 0 0 0; border: 0px solid #CCCCCC; display:inline; }
#maincontent .textbox3 { float: left; color: #454545; width: 570px; background: #fefefe; padding: 0px; margin: 10px 0; border: 0px solid #5674B9; clear:both; }
#maincontent .textbox4 { float: right; color: #454545; width: 560px; background: #fefefe; padding: 5px; margin: 0; border: 1px solid #CCCCCC; }
#maincontent .textbox10 { float: left; color: #454545; width: 558px; background: #fefefe; padding: 5px; margin: 10px 0; border: 1px dashed #CDD8ED; clear:both; }


#right { width:200px; display:inline; float:right; clear:right; margin-top:10px; }
#right h3 { background-color:#9BB2DC; color:#FFFFFF; font-size:11px; font-weight:bold; margin:0; line-height:normal; padding:4px; border-bottom:2px solid #8DC63F; }
#right .rightbarcontent { background: #f8f8f8; border: 0px solid #e5e5e5; margin:0 0 15px 0; color: #888 }
#right .rightbarcontent p { padding: 8px; color: #777; background: inherit; border-bottom:1px dashed #CCCCCC; }
#right ul { padding-left: 10px; background: inherit; color: #454545 }
#right li { list-style:url(../css-assets/li.gif); margin-left:15px; }
#right li a {color:#666666; text-decoration:none;}
#right li a:hover {text-decoration:underline;}
#right img { border: 1px solid #C3CDE6; margin:0 5px 5px 0; }
.rightbarimg { clear:both; margin:10px 0 0 0; border:0; height:121px; }
.rightbarimg img { border:0; }

#footer {
	bottom:0;
	clear:both;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #888;
	background: #FFF;
	font-family:Arial, sans-serif;
	font-size:11px;
}
#footer .right { float: right }


/* form elements */

#cssform { width:570px; clear:both; }

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

.cssform label{
line-height:25px;
font-weight: normal;
float: left;
margin-left: 0px; /*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;
background-color:#FFF;
}

.cssform textarea{
width: 250px;
height: 150px;
}