body, input, textarea, button{
	font-family: arial, sans-serif;
}

textarea{
	font-size: 100%;
}

body{
	text-align: center;
	font-size: .8em;
	margin: 0;
	padding: 19px 10px 10px 10px;
	background-image: url(../graphics/bg.jpg);
	background-repeat: repeat-x;
	background-position: left 51px;
}

p{
	margin-top: 0;
}

p.margintop{
	margin-top: 1em;
}

a{
	color: #65b360;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.separator{
	padding: 0 3px 0 3px;
	color: #fff;
}

img{
	border: 0;
}

img.icon{
	vertical-align: text-bottom;
	width: 17px !important;
	height: 13px !important;
	display: inline !important;
	border: 0 !important;
	float: none !important;
	margin: 0 0 0 3px !important;
}

#maincolumn img.icon{
	margin-bottom: 1px !important;
}

#maincolumn td img.icon{
	margin: 0 0 1px 0 !important;
}

h1{
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 160%;
}

h2{
	margin: .8em 0 .8em 0;
	font-weight: normal;
	font-size: 140%;
}

h3{
	margin: 0;
	font-weight: normal;
	font-size: 120%;
	text-transform: uppercase;
}

h4{
	margin: 0 0 7px 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 100%;
}

.spacer{
	height: 21px;
}

form{
	margin: 0;
}

.horizontalimage{
	margin-bottom: 1em;
}

#searchbox .text{
	width: 115px;
	margin-right: 4px;
}

input.text,
.form textarea,
.form select{
	background-image: url(../graphics/inputbg.gif);
	background-repeat: no-repeat;
	border: 0;
	padding: 3px;
}

.frame .button,
.form .button{
	background-image: url(../graphics/frame1button.gif);
	width: 26px;
	height: 23px;
	border: 0;
	cursor: pointer;
	color: #65b360;
	text-transform: uppercase;
	font-size: 80%;
}

.frame.blue h4{
	color: #fff;
}

.frame.white h4{
	padding: 2px 10px 5px 10px;
	margin: 0;
	border: solid #CCC;
	border-width: 0 1px 1px 1px;
}

.frame.blue{
	background-color: #65b360;
}

.frame .corner{
	width: 4px;
	height: 4px;
	background-repeat: no-repeat;
}

.frame .tl{
	background-image: url(../graphics/cornerTL.gif);
	float: left;
}

.frame .tr{
	background-image: url(../graphics/cornerTR.gif);
	float: right;
}

.frame .bl{
	background-image: url(../graphics/cornerBL.gif);
	float: left;
}

.frame .br{
	background-image: url(../graphics/cornerBR.gif);
	float: right;
}

.frame.white .tl{
	background-image: url(../graphics/corner2TL.gif);
}

.frame.white .tr{
	background-image: url(../graphics/corner2TR.gif);
}

.frame.white .bl{
	background-image: url(../graphics/corner2BL.gif);
}

.frame.white .br{
	background-image: url(../graphics/corner2BR.gif);
}

.frame .border{
	height: 4px;
}

.frame.white .border{
	background-image: url(../graphics/frame-border.gif);
	background-repeat: repeat-x;
}

.frame.white .border.bottom{
	background-position: left 3px;
}

.frame .content{
	padding: 4px 10px 8px 10px;
}

.frame.white .content{
	border: solid #CCC;
	border-width: 0 1px;
	padding-top: 6px;
}

#websites{
	border: solid #CCC;
	border-width: 0 1px;
}

#websites li{
	border-bottom: 1px solid #CCC;
}

#websites a{
	display: block;
	padding: 4px 9px 4px 9px;
}

#websites .calsep{
	background-color: #4a7594;
}

#websites .pvtsim{
	background-color: #d39d60;
}

#websites .flowasta{
	background-color: #65b360;
}

.preface{
	font-weight: bold;
}

#framework{
	text-align: left;
	width: 992px;
	margin: auto;
	background-image: url(../graphics/borders.gif);
	background-repeat: repeat-y;
	position: relative;
}

#header{
	height: 162px;
	background-image: url(../graphics/header.jpg);
	background-repeat: no-repeat;
	background-position: left 32px;
}

#header ul,
#footer ul,
#leftcolumn ul,
ul.newslist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header li,
#footer li{
	float: left;
}

#topmenu{
	background-image: url(../graphics/border-top.gif);
	background-repeat: no-repeat;
	height: 19px;
	text-transform: uppercase;
	font-size: 80%;
	padding: 13px 28px 0 28px;
}

#logo{
	position: absolute;
	top: 57px;
	left: 37px;
}

#print-logo{
	display: none;
}

#payoff{
	font-size: 70%;
	color: #65b360;
	text-transform: uppercase;
	position: absolute;
	top: 99px;
	left: 78px;
}

#topmenu ul{
	float: right;
}

#topmenu li,
#footer li{
	padding: 0 10px;
	border-right: 1px solid #c0d0de;
}

#topmenu li.last,
#footer li.last{
	padding-right: 0px;
	border: 0;
}

#mainmenu{
	position: absolute;
	top: 139px;
	left: 7px;
	height: 23px;
	width: 978px;
	background-image: url(../graphics/transparent.gif);
}

#mainmenu li{
	width: 124px;
	background-color: #EDF8F0;
	text-align: center;
	text-transform: uppercase;
	height: 23px;
	border-right: 1px solid #baddb8;
	font-size: 95%;
}

#mainmenu a{
	display: block;
	padding: 4px 4px 0 4px;
	height: 19px;
}

#mainmenu a.active{
	background-color: #fff;
	color: #333;
	border-top: 4px solid #65b360;
	margin-top: -4px;
}

#mainmenu a:hover{
	text-decoration: none;
	background-color: #fff;
}

#leftcolumn{
	width: 174px;
	margin: 21px 0 21px 28px;
	float: left;
	font-size: 95%;
}

#maincolumn{
	width: 528px;
	margin: 28px 30px 30px 30px;
	float: left;
	min-height: 400px;
	line-height: 150%;
}

#rightcolumn{
	width: 174px;
	margin: 21px 28px 21px 0;
	float: left;
	font-size: 95%;
	line-height: 135%;
}

#footer{
	clear: both;
	background-image: url(../graphics/border-bottom.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 80%;
	padding: 12px 15px 8px 15px;
}

#footer div{
	float: right;
	padding-right: 10px;
}

#submenu{
	border-bottom: 1px solid #baddb8;
}

#submenu ul{
	border: 0;
}

#submenu li{
	border-top: 1px solid #baddb8;
}

#submenu a{
	display: block;
	padding: 7px 6px;
	background-color: #EDF8F0;
}

#submenu a:hover{
	text-decoration: none;
	background-color: #fff;
}

#submenu a.path{
	font-weight: bold;
}

#submenu a.active{
	font-weight: bold;
	color: #333;
	background-color: #fff;
}

#submenu ul li{
	font-size: 100%;
}

#submenu ul li a{
	padding: 7px 18px;
}

.frame.blue ul.newslist{
	color: #CCE6C9;
}

.frame.blue ul.newslist a,
.frame.blue ul.newslist span{
	color: #fff;
}

ul.newslist a,
ul.newslist span{
	display: block;
}

ul.newslist li{
	margin-bottom: .6em;
}

ul.newslist li.last{
	margin-bottom: 0;
}

.itemlist img{
	border: 1px solid #CCC;
	float: left;
	margin: 3px 10px 0 0;
	width: 50px;
	height: 50px;
}

.itemlist p{
	margin-top: 1em;
}

.itemlist h3{
	font-size: 100%;
	font-weight: bold;
	text-transform: none;
	color: #4a7594;
}

table{
	background-color: #efefef;
	width: 100%;
}

.employee img,
.locations img{
	width: 138px;
	height: 172px;
	display: block;
}

.locations img{
	width: 109px;
	height: 120px;
}

.date{
	color: #999;
	text-transform: uppercase;
}

th{
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	border: solid #FFF;
	border-width: 0 1px 1px 0;
	padding: .2em .4em;
}

td{
	vertical-align: top;
	border-bottom: 1px solid #FFF;
	padding: .2em .4em;
}

.employee td.image,
.locations td.image{
	padding: 1px;
	border: solid #fff;
	border-width: 0 0 1px 1px;
	font-size: 0;
	overflow: hidden;
	width: 138px;
}

.locations td.image{
	width: 109px;
}

.form .button{
	background-image: url(../graphics/formbutton.gif);
	width: 100px;
	height: 23px;
	color: #000;
}

.form th,
.form td{
	vertical-align: middle;
}

.form th.top,
.form td.top{
	vertical-align: top;
}

.form .text,
.form textarea{
	width: 300px;
}

.form select{
	width: 306px;
}

.images{
	float: right;
	margin: 0 0 1.2em 1.2em;
	width: 242px;
}

div.image{
	padding: 1px;
	background-color: #CCC;
	margin-bottom: 1em;
}

.images img{
	display: block;
}

.images span{
	padding: .4em;
	display: block;
}