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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px;	padding: 0px; }
table {	border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul {	list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0px; }

body { background-color: #666666; }

body, td, th, ul, ol, li, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333333;
}

a { text-decoration: none; color: #003399; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }

hr { height: 1px; border: 1px; color: #999999; background-color: #999999; }

img#page-header { position: absolute; left: 10px; top: 0px; z-index: 5; }
img#logo        { position: absolute; right: 30px; top: 20px; z-index: 5; }
img#page-end    { position: absolute; left: 0px; }

#header { height: 200px; }

#page-body {
	position: absolute;
	width: 960px;	padding: 0px 10px;
	margin-left: -490px; left: 50%;
	text-align: left;
	background: url(../images/page-back.gif) repeat-y;
}

#content { background: url(../images/left-content.gif) repeat-y; }

#left-content { float: left; width: 210px; position: relative; left: 0px; }
#mid-content { float: left; width: 520px; position: relative; left: 20px; }
#right-content { float: left; width: 170px; position: relative; left: 40px; }

#left-navigation { margin-bottom: 20px; margin-left: 20px; }
#left-navigation ul { list-style: none;	}
#left-navigation li { width: 180px; }
#left-navigation li a {
	display: block;
	height: 22px; line-height: 22px;
	color: #376E37; text-decoration: none;
	padding-left: 20px;
}
#left-navigation li a:hover { color: #FFFFFF; }
#left-navigation li a.current { background: url(../images/left-menu-bullet.gif) no-repeat 8px 8px; }

#footer { height: 50px; margin-top: 10px; }
#footer span {
	 position: relative; left: 200px;
	 margin-top: 20px;
	 font-size: 11px; color: #666666;
}

#mid-content div.col-layout { width: 560px; }
#mid-content div.col-layout div.col { float: left; }
#mid-content div.col-layout div.span-1 { width: 180px; }
#mid-content div.col-layout div.span-2 { width: 370px; }
#mid-content div.col-layout div.span-even { width: 275px; }
#mid-content div.col-layout div.spacer { margin-left: 10px; }

#mid-content h1 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } 
#mid-content h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; } 

#mid-content p { color: #333333; line-height: 130%; margin-bottom: 10px; }
#mid-content ul { list-style-image: url(../images/li-bullet.gif); padding-bottom: 10px; }
#mid-content li { margin-left: 15px; padding-bottom: 5px; }

#right-content h1 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } 
#right-content h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } 

#right-content p { color: #333333; font-size: 11px; line-height: 120%; margin-bottom: 5px; }
#right-content ul { list-style-image: url(../images/li-bullet.gif); padding-bottom: 5px; }
#right-content li { margin-left: 15px; padding-bottom: 5px; }

#right-content div.box {
	padding: 10px;
	background-color: #E3ECAD; 
}

table.form { width: 520px; }

table.form th {	vertical-align: top; padding-top: 3px; white-space: nowrap; }
table.form td { padding: 2px 0px; white-space: nowrap; }
table.form td div.error { color: #FFFFFF; background-color: #CC0000; font-weight: bold; padding: 5px; }

table.form .mid-size { width: 350px; }
table.form .big-size { width: 350px; }
table.form input.type-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
table.form textarea.type-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
table.form input.type-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }