/*******************************************************
 * site defaults 
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #993300;
	margin: 0;
	padding: 0;
}

#print {
	visibility: hidden;
	font-size: 6px;
}


p {
	font-size: 14px;
}
ul {
	font-size: 14px;
}


a:link {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a:active {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.email {
	padding: 0 2px 0px 19px;
	background: url(icons/mail_icon.gif) no-repeat 1% -1px;
}
.link_web {
	padding: 0 2px 0px 19px;
	background: url(icons/link_icon.gif) no-repeat 1% -1px;
}
.link_doc {
	padding: 0 2px 0px 19px;
	background: url(icons/word_icon.gif) no-repeat 1% -1px;
}

/*******************************************************
 * Page Layout containers 
 */



#windowcontainer {
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFFFFF;
}

#pagecontainer {
	margin: 0 auto;
	text-align: left;
	width: 770px;
	background-color: #cccccc;
}

#bodycontainer {
	padding: 0;
	margin: 0;
	height: 450px;
	clear: both;
	width: 770px;
	background-color: #cccccc;
}

#contentcontainer {
	padding: 0;
	margin: 0;
	width: 770px;
	background-color: #cccccc;
}


/*******************************************************
 * Header Layout containers & styles 
 */
#headerimage {
	float: left;
	width: 458px;
	height: 92px;
	background-image: url(images/headerimage.jpg);
	background-color: #ffffff;
}
#headerlogo {
	float: left;
	/* width: 170px; */
	width: 312px;
	height: 127px;
	padding: 0;
	margin: 0;
	display: inline;
	background-color: #ffffff;
}

.bl {background: url(images/bl.gif) 0 100% no-repeat #cccccc; width: 770px}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat #cccccc; width: 770px}
.tr {
	background: url(images/tr.gif) 100% 0 no-repeat;
	margin: 0px;
	padding: 0px;
}
.clear {font-size: 1px; height: 1px}
.clearbg {	background-color: #ffffff;}

/*******************************************************
 * ACCESSIBILITY 
 */
#headerstrip {
	float: left;
	/*width: 600px;
	background-color: #dddddd;
*/
	width: 458px;
	height: 32px;
	margin: 0;
	padding: 0 0 3px 0;
	background-color: #ffffff;
}
#headerstrip p {
	text-align: right;
	margin: 0;
	padding: 3px 0 0;
}

#headerstrip .usertext {
	color: #333333;
	padding: 0 2px 0px 19px;
	background: url(icons/user_icon.gif) no-repeat 1% -1px;
}

#headerstrip a, #headerstrip a:link, #headerstrip a:visited {
	text-align: right;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}
#headerstrip a:hover {
	text-decoration: underline;
}



/*******************************************************
 * Nav Column container 
 */
#navigation {
	float: left;
	width: 169px;
	height:inherit;
	padding: 0;
	margin: 0;
	background-color: #cccccc;
	border: 1px none #990000;
}

/*******************************************************
 * information boxes 
 */

#infobox {
	padding: 0px;
	border: 1px solid #e4e4e4;
	width: 160px;
	background: #dddddd;
	margin-bottom: 5px;
	margin-right: 4px;
	margin-left: 4px;
}

#infobox h1 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #990000;
	background-repeat: repeat;
	text-align: left;
	margin: 0px 0px 5px;
	padding: 2px;
}
#infobox p {
	display: block;
	background-color: #dddddd;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 5px;
	margin-left: 5px;
}

/*******************************************************
 * Nav menu  
 */
 

#menuarea {
	padding: 0;
	border: 1px solid #e4e4e4;
	width: 160px;
	background: #dddddd;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 4px;
	margin-left: 4px;
}
#menuarea h1 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #990000;
	background-repeat: repeat;
	text-align: left;
	margin: 0px 0px 5px;
	padding: 2px;
}

.menuitem, .menuitem_select {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	text-decoration: none;
}

#menuarea p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menuitem a:link, .menuitem a:visited {
	display: block;
	width: 133px;
	color: #990000;
	background: #dddddd url(/_sitestyles/icons/folder_icon.png) no-repeat 2px;
	padding: 2px 2px 2px 25px;
	margin: 0;
	text-indent: 0;
	text-decoration: none;
}
.menuitem a:active, .menuitem a:hover {
	display: block;
	width: 133px;
	color: #FFFFFF;
	background: #990000 url(/_sitestyles/icons/folder_icon.png) no-repeat 2px;
	padding: 2px 2px 2px 25px;
	margin: 0;
	text-indent: 0;
	text-decoration: none;
}

.menuitem_select a:link, .menuitem_select a:visited {
	display: block;
	width: 133px;
	color: #FFFFFF;
	background: #990000 url(/_sitestyles/icons/folder_icon.png) no-repeat 2px;
	padding: 2px 2px 2px 25px;
	margin: 0;
	text-indent: 0;
	text-decoration: none;
}


/*******************************************************
 * Footer Layout containers & styles 
 */
#footer {
	height: 10px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	clear: left;
	text-align: right;
}
#footer a:link, #footer a:visited {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
#footer p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #999;
}
#footer hr {
  color: #CCC;
  background-color: #CCC;
  height: 1px;
  margin: 12px 0px 2px;
  border: 0;
  padding: 0;
}


#content {
	border: 0px none;
	padding: 0px;
	width: 600px;
	margin: 0px;
	float: left;
	background-color: #CCCCCC;
}


#content h1 {
	border: 0px none;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	font-size: 27px;
	font-weight: normal;
	color: #990000;
}
#content h2 {
	border: 0px none;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 900;
	color: #990000;
}

#content h3 {
	border: 0px none;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #990000;
}

#content p {
	border: 0px none;
	padding: 0px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#content ol, #content ul {
	font-size: 14px;
}

#content hr {
	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 10px 10px 20px;
	border: 0;
	padding: 0;
}
#mediaright {
	background-color: #FFF6F6;
	text-align: left;
	display: block;
	padding: 2px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/*******************************************************
 * forms 
 */
#form {
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	/* border: 2px solid #FFF6F6; */
}
#form p {
	clear: both;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.formfieldname {
	display: block;
	width: 110px;
	float: left;
}
.formfieldnote {
	display: block;
	width: 140px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.formfieldinput {
	display: block;
	width: 200px;
	background-color: #FFFFFF;
	float: left;
	margin: 0px;
	padding: 1px;
	border: 1px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.formfieldbutton {
	display: block;
	width: 100px;
	background-color: #fff6f6;
	float: left;
	margin: 0px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}