/* CSS Document */

html, body, form, fieldset, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	margin:0 0 20px;
	font:.75em/1.6 Verdana,sans-serif;
	background:#F4F4F4;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3, h4 {margin:0 27px 1em; padding:0}
abbr, acronym {cursor:help}
hr {margin:1.5em 11px; padding:0; height:0; border:0; border-top:1px solid #cfcfcf}
html>body hr {margin:2em 11px}

/* ---- links ---- */
a:link {color:#0c2f48; text-decoration:underline}
a:visited {color:#0c2f48; text-decoration:underline}
a:hover {color:#014657; text-decoration:underline}
a:active {color:#0c2f48; text-decoration:none}

/* ---- headings ---- */
h1 {margin:0 18px; padding:16px 0 0; font:normal 1.75em Verdana,sans-serif}
h2 {font:normal 1.5em Verdana,sans-serif}
h3 {margin-bottom:0; font-size:1.2em}
h3 a {color:#00123b}
h4 {margin-bottom:0; font-size:1.1em}

/* container ----------------------------------------------- */
#container {
	margin:0 auto;
	width:789px;
	/*background:#FFF url(../images/container.gif) repeat-y 50% 0*/
}

/* header ----------------------------------------------- */
#header {
	height:8.2em;
	background:#FFF}
#header p {
	margin:0 10px;
	padding:9px 20px 1px 0;
	text-align:right;
	font:italic .9em Verdana,sans-serif;
	background:url(../images/burst.gif) no-repeat 100% 7px}

/* ---- branding ---- */
#branding {
	position:relative;
	z-index:10;
	margin:0 10px;
	background:#FFF;
	height:6.15em;
	border:1px solid #c4c4c4;
	border-width:1px 1px 0;
	overflow:hidden}
#branding ul {
	position:absolute;
	left:6px;
	bottom:0;
	margin:0;
	padding:0;
	width:756px;
	border:1px solid #a4a4a4;
	border-width:1px 0}
#branding li {
	margin:-1px -1px -1px 0;
	padding:0;
	height:21px;
	line-height:21px;
	background:none;
	color:#3a3a3a;
	float:left}
#branding li a {
	display:block;
	padding:0 11px;
	border:1px solid #a4a4a4;
	color:#3a3a3a;
	text-decoration:none}
#branding li a:hover {color:#000}

/* content ----------------------------------------------- */
#content {
	/*float:right;*/
	position:relative;
	right:10px;
	width:789px;
	border-right:1px solid #c4c4c4;
	background:#FFF}

/* ---- description ---- */
#description {margin:40px 11px 2em; padding:.75em 0 .1em; background:#E9E9E9}
#description h2 {margin:0 17px .5em}
#description p {margin:0 17px 1em}

/* ---- utilities ---- */
ul#utilities {
	position:absolute;
	top:24px;
	right:10px;
	margin:0;
	padding:0}
ul#utilities li {
	margin:0 0 0 1px;
	padding:0;
	float:left}
ul#utilities li a {
	display:block;
	padding:0 12px;
	background:#757575;
	color:#FFF;
	text-decoration:none;
	font-size:.85em;
	font-weight:bold}


/* footer ----------------------------------------------- */
#footer {
	clear:both;
	margin:0 auto;
	padding:10px 0;
	width:769px;
	background:#FFF;
	border-top:1px solid #c4c4c4;
	text-align:center;
	font-size:.9em}
#footer p {
	margin:0;
	padding:3px;
	background:#c4c4c4}

/* Forms ----------------------------------------------- */
fieldset span {color:#F00; font-weight:bold}
label {cursor:pointer}
input, textarea, select {
	width:258px;
	padding:3px;
	font:1em Verdana,sans-serif;
	border:1px solid #000;
	background:#FFF;
	color:#000}
textarea {overflow:auto}
select {width:266px}