/* body */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 768px;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
}

h1 {margin: 0px;}
h2 {margin: 0px;}
h3 {margin: 0px;}
h4 {margin: 0px;}
h5 {margin: 0px;}
h6 {margin: 0px;}

p {margin: 0px;}

img {border: 0px; display: block; margin: 0; padding: 0;}


/* container */

#container {
	margin-left: auto;
	margin-right: auto;
	width: 733px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	vertical-align: top;
	text-align: left;
}


/* header */

#header {
	display: block;
	float: left;
	width: 733px;
	margin: 3px 0 0 0;
	border-top: 2px solid #FFFFFF;
	background-image: url(/img_nav/nav_header_banner_bkg.jpg);
	background-repeat: repeat-y;
}

#header a {display: block; margin: 0; padding: 6px 0px 6px 0px;}
#header a img {margin: 0 0 0 20px;}

/* header navigation */

#headerNav {
	display: block;
	float: left;
	width: 733px;
	border-bottom: 2px solid #FFFFFF;
	background-image: url(/img_nav/nav_header_banner_bkg.jpg);
	background-repeat: repeat-y;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#headerNav ul {height: 16px; margin: 0; padding: 0 0 2px 0;}

#headerNav ul li {float: left; list-style-type: none;}
#headerNav ul li a {display: block; width: 103px; height: 14px; text-align: center; text-decoration: none; border-top: 1px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
#headerNav ul li a.last {border-right: 0px;}

#headerNav .button a {background-color: transparent; color: #EEEEEE;}
#headerNav .button a:hover {color: #FFFFFF;}
#headerNav .buttonActive a {background-color: #EEEEEE; color: #666666;}


/* content */

#content {
	display: block;
	float: left;
	width: 733px;
	margin: 0;
	padding: 0;
}

/* content :: article */

#content .article {
	display: block;
	margin: 0;
	padding: 12px 24px 12px 24px;
}

#content .article h1 {margin: 6px 0 6px 0; padding: 0; font-size: 120%; font-weight: bold; color: #666666;}
#content .article h2 {margin: 6px 0 6px 0; padding: 0; font-size: 100%; font-weight: bold; color: #333333;}
#content .article h3 {margin: 6px 0 6px 0; padding: 0; font-size: 90%; font-weight: bold; color: #333333;}
#content .article h4 {margin: 6px 0 6px 0; padding: 0; font-size: 80%; font-weight: bold; color: #666666;}
#content .article h5 {margin: 6px 0 6px 0; padding: 0; font-size: 70%; font-weight: bold; color: #333333;}
#content .article h6 {margin: 6px 0 6px 0; padding: 0; font-size: 60%; font-weight: bold; color: #666666;}

#content .article p {margin: 0 0 12px 0; padding: 0; font-size: 80%; font-weight: normal; text-indent: 20px;}

#content .article a {margin: 0; padding: 0; color: #CC0000; text-decoration: none;}
#content .article a:hover {color: #CC0000; text-decoration: underline;}

#content .article img {float: right; margin: 0 0 0 6px; padding: 0; border: thin solid #666666;}

#content .article ul {font-size: 80%; list-style-type: square;}

#content .article ol {font-size: 80%;}

#content .article hr {height: 2px; background-color: #FFFFFF; color: #FFFFFF; border-style: solid;}

#content .article table {font-size: 80%;}

#content .article center {font-size: 80%;}

/* content :: article :: fixed formatting */

#content .article .control img {float: right; clear: left; margin: 6px 0 6px 0; border: 0px;}

#content .article .date {margin: 3px 0 6px 0; padding: 0; font-size: 70%; font-weight: bold; color: #666666;}

#content .article .intro {margin: 0 0 6px 0; font-size: 80%; font-weight: bold; color: #333333;}

#content .article .author {margin: 4px 0 8px 0; font-style: italic; color: #666666; text-indent: 0px;}

/* content :: article :: custom formatting */

#content .article .colorRed {color: #CC0000;}

#content .article .alignCenter {text-align: center;}
#content .article img.alignCenter {float: none; margin-left: auto; margin-right: auto;}

#content .article .textNoIndent {text-indent: 0px;}

#content .article .boxGray {
	float: right;
	margin: 0 0 0 6px;
	padding: 10px;
	background-color: #DDDDDD;
}

#content .article .boxGray img {float: none; margin: 0 0 3px 0;}
#content .article .boxGray p {margin: 0 0 12px 0; padding: 0; color: #333333;}
#content .article .boxGray h1 {font-size: 80%; font-weight: bold; color: #333333;}
#content .article .boxGray ul {color: #333333; list-style-type: square;}
#content .article .boxGray ol {color: #333333;}

#content .article .boxPhoto {
	float: right;
	margin: 0 0 0 6px;
	padding: 5px;
	background-color: #DDDDDD;
}

#content .article .boxPhoto img {float: none; margin: 0 0 3px 0;}
#content .article .boxPhoto p {margin: 0; padding: 0; font-weight: bold; text-align: center; color: #333333;}

#content .article .boxOutline {
	margin: 7px;
	padding: 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: thin;
}

/* content :: navigate to top */

#content div.navToTop {
	margin: 4px 0 0 0;
	padding: 0 0 0 20px;
	background-image: url(../img_nav/nav_ctrl_totop.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}

#content div.navToTop a {font-size: 10px; color: #666666; text-decoration: none;}
#content div.navToTop a:hover {color: #666666; text-decoration: underline;}


/* content navigation left */

#contentNavLeft {
	display: block;
	float: left;
	width: 103px;
	background-color: #EEEEEE;
}

/* content navigation left :: search */

#contentNavLeft .navSearch {
	display: block;
	margin: 0;
	padding: 2px 0 2px 0;
	border-bottom: 2px solid #FFFFFF;
}

#contentNavLeft .navSearch form {display: block; margin: 0; padding: 0; border: 0;}
#contentNavLeft .navSearch input.searchField {display: block; width: 99px; height: 14px; margin: 0 2px 0 2px; padding: 0; font-size: 10px; color: #666666; border: 0;}
#contentNavLeft .navSearch input.searchButton {display: block; margin: 2px 2px 0 2px; padding: 0; border: 2px solid #FFFFFF;}

/* content navigation left :: contact */

#contentNavLeft .navContact {
	margin: 2px 2px 2px 2px;
	padding: 0;
}

/* content navigation left :: link, banner */

#contentNavLeft .navLink a {
	display: block;
	width: 95px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	text-decoration: none;
}

#contentNavLeft .navLink, .navBanner {margin: 2px 2px 2px 2px; padding: 0;}

#contentNavLeft .navLink a, .navBanner a {display: block; border: 2px solid #EEEEEE;}
#contentNavLeft .navLink a:hover, .navBanner a:hover {border: 2px solid #FFFFFF;}


/* content navigation right */

#contentNavRight {
	display: block;
	float: right;
	width: 158px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

/* content navigation right :: date */

#contentNavRight .navDate {
	display: block;
	width: 146px;
	margin: 0 0 2px 0;
	padding: 2px 2px 2px 6px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #999999;
	border: 2px solid #EEEEEE;
}

/* content navigation right :: focus frame */

#contentNavRight .navFocusFrame {
	width: 154px;
}

#contentNavRight .navFocusFrame a {display: block; width: 150px; margin: 0 0 2px 0; padding: 2px; border: 2px solid #EEEEEE;}
#contentNavRight .navFocusFrame a:hover {border: 2px solid #999999;}

/* content navigation right :: link frame */

#contentNavRight .navLinkFrame {
	display: block;
	width: 150px;
	height: auto;
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 10px;
	border: 2px solid #EEEEEE;
}

#contentNavRight .navLinkFrame img {margin: 0; padding: 0;}
#contentNavRight .navLinkFrame div.graybkg {background-color: #E5E5E5; color: #555555;}
#contentNavRight .navLinkFrame h1 {margin: 3px 0 3px 0; padding: 0; font-size: 13px; font-weight: bold; color: #7F7F7F;}
#contentNavRight .navLinkFrame ul {margin: 0; padding: 0; font-weight: bold;}
#contentNavRight .navLinkFrame ul li {list-style-type: none;}
#contentNavRight .navLinkFrame ul li a {margin: 0; padding: 0; color: #CC0000; text-decoration: none; border: 0;}
#contentNavRight .navLinkFrame ul li a:hover {color: #CC0000; text-decoration: underline;}

/* content navigation right :: counter */

#contentNavRight .navCounter {
	margin: 0;
	padding: 4px;
	background-color: #EEEEEE;
	text-decoration: none;
	border: 0;
}

#contentNavRight .navCounter img {display: inline; filter: alpha(opacity=50); opacity: .50;}


/* content main */

#contentMain {
	display: block;
	float: left;
	width: 468px;
	margin: 0;
	padding: 0 0 10px 0;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

/* content main :: introduction */

#contentMain .introduction {
	padding: 6px 10px 6px 10px;
	background-color: #F6F6F6;
	border-bottom: 2px solid #FFFFFF;
}

#contentMain .introduction h1 {margin: 0; padding: 0; font-size: 110%; font-weight: bold; color: #990000;}
#contentMain .introduction h2 {margin: 0; padding: 0; font-size: 90%; font-weight: bold; color: #990000;}
#contentMain .introduction h3 {margin: 4px 0 4px 0; font-size: 80%; font-weight: bold; color: #666666;}
#contentMain .introduction h4 {margin: 4px 0 4px 0; font-size: 80%; font-weight: normal; color: #666666;}

#contentMain .introduction p {margin: 0; padding: 4px 0 4px 0; font-size: 70%; font-weight: normal; text-indent: 0;}

#contentMain .introduction a {margin: 0; padding: 0; color: #CC0000; text-decoration: none;}
#contentMain .introduction a:hover {color: #CC0000; text-decoration: underline;}

#contentMain .introduction img {margin: 0 0 0 6px; padding: 0; border: 2px solid #FFFFFF;}

#contentMain .introduction ul {font-size: 70%; list-style-type: square;}
#contentMain .introduction ul li a {margin: 0; padding: 0 0 0 20px; font-size: 10px; color: #CC0000; text-decoration: none;}
#contentMain .introduction ul li a:hover {color: #CC0000; text-decoration: underline;}

#contentMain .introduction ol {font-size: 70%;}

#contentMain .introduction hr {height: 2px; background-color: #FFFFFF; color: #FFFFFF; border-style: solid;}

#contentMain .introduction table {font-size: 70%;}

#contentMain .introduction center {font-size: 70%;}

/* content main :: introduction :: fixed formatting */

#contentMain .introduction ul.error {font-size: 12px; list-style-type: square;}
#contentMain .introduction ul.error li {margin: 0; padding: 0 0 0 20px; color: #CC0000; text-decoration: none;}

#contentMain .introduction table td.fielddesc {color: #666666; font-weight: bold;}
#contentMain .introduction table td.fieldoptional {color: #999999;}

/* content main :: introduction :: custom formatting */

#contentMain .introduction .alignRight {text-align: right;}
#contentMain .introduction img.alignRight {float: right;}

#contentMain .introduction ul.listRedArrow {margin: 6px 0 0 0; padding: 0; list-style-type: none;}
#contentMain .introduction ul.listRedArrow li {display: block; margin: 2px 0 0 0; padding: 0; background-image: url(../img_nav/nav_ctrl_redarrow.jpg); background-repeat: no-repeat; background-position: 0;}

#contentMain .introduction .boxGray {
	float: right;
	margin: 0 0 0 3px;
	padding: 10px;
	background-color: #DDDDDD;
}

#contentMain .introduction .boxGray img {float: none; margin: 0 0 3px 0;}
#contentMain .introduction .boxGray p {margin: 4px 0 4px 0; padding: 0; color: #333333;}
#contentMain .introduction .boxGray h1 {font-size: 80%; font-weight: bold; color: #333333;}
#contentMain .introduction .boxGray ul {color: #333333; list-style-type: square;}
#contentMain .introduction .boxGray ol {color: #333333;}

#contentMain .introduction .boxPhoto {
	float: right;
	margin: 0 0 0 3px;
	padding: 5px;
	background-color: #DDDDDD;
}

#contentMain .introduction .boxPhoto img {float: none; margin: 0 0 3px 0;}
#contentMain .introduction .boxPhoto p {margin: 0; padding: 0; font-weight: bold; text-align: center; color: #333333;}

/* content main :: introduction :: form attributes */

#contentMain .introduction input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
#contentMain .introduction input.text {background-color: #FAFAFA;}

#contentMain .introduction select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FDFDFD;}

#contentMain .introduction .button {background-color: #D0D0D0; text-align: center;}
#contentMain .introduction .checkbox {background-color: #D0D0D0;}

/* content main :: headline */

#contentMain .headline {
	padding: 6px 10px 6px 10px;
	border-bottom: 2px solid #FFFFFF;
}

#contentMain .headline h1 {margin: 0; padding: 0 0 2px 0; font-size: 120%; color: #666666;}
#contentMain .headline h2 {margin: 0; padding: 6px 0 2px 0; font-size: 90%; font-weight: bold; color: #333333;}
#contentMain .headline h3 {margin: 0; padding: 0 0 2px 0; font-size: 80%; font-weight: bold; color: #999999;}
#contentMain .headline h4 {margin: 0; padding: 0 0 4px 0; font-size: 70%; font-weight: bold; color: #666666;}

#contentMain .headline p {margin: 0; padding: 0 0 4px 0; font-size: 70%; font-weight: normal; text-indent: 0;}

#contentMain .headline a {margin: 0; padding: 0; color: #CC0000; text-decoration: none;}
#contentMain .headline a:hover {color: #CC0000; text-decoration: underline;}

#contentMain .headline img {float: right; margin: 0px 6px 0 3px; padding: 0; border: 2px solid #666666;}

#contentMain .headline ul {font-size: 70%; list-style-type: square;}
#contentMain .headline ul ul {font-size: 100%;}

#contentMain .headline center {font-size: 70%;}

/* content main :: headline :: fixed formatting */

#contentMain .headline ul.navSitemap {font-size: 80%; list-style-type: disc;}
#contentMain .headline ul.navSitemap ul {font-size: 90%; list-style-type: circle;}

#contentMain .headline .searchResultCount {margin: 6px 0 6px 0; padding: 0; font-size: 90%; font-weight: bold; color: #990000;}

#contentMain .headline .searchResultItemNum {float: right; clear: left; font-size: 80%; font-weight: bold; color: #990000;}

/* content main :: headline :: custom formatting */

#contentMain .headline ul.navLinkList {margin: 6px 0 0 0; padding: 0; list-style-type: none;}
#contentMain .headline ul.navLinkList li {display: block; margin: 2px 0 0 0; padding: 0; background-image: url(../img_nav/nav_ctrl_redarrow.jpg); background-repeat: no-repeat; background-position: 0;}
#contentMain .headline ul.navLinkList li a {margin: 0; padding: 0 0 0 20px; font-size: 10px; color: #CC0000; text-decoration: none;}
#contentMain .headline ul.navLinkList li a:hover {color: #CC0000; text-decoration: underline;}

#contentMain .headline .alignCenter {text-align: center;}
#contentMain .headline img.alignCenter {float: none; margin-left: auto; margin-right: auto;}

#contentMain .headline .boxPhoto {
	float: right;
	margin: 0 0 0 3px;
	padding: 5px;
	background-color: #DDDDDD;
}

#contentMain .headline .boxPhoto img {float: none; margin: 0 0 3px 0;}
#contentMain .headline .boxPhoto p {margin: 0; padding: 0; font-weight: bold; text-align: center; color: #333333;}

/* content main :: previous month */

#contentMain div.previousMonth {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

#contentMain div.previousMonth a {margin: 0; padding: 0; color: #CC0000; text-decoration: none;}
#contentMain div.previousMonth a:hover {color: #CC0000; text-decoration: underline;}


/* footer */

#footer {
	width: 733px;
	clear: both;
}


/* intro */

#intro {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

/* intro photo */

#introPhotoHeader {
	width: 640px;
	margin-top: 80px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#introPhoto {
	width: 640px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

/* intro navigation bottom */

#introNavBottom {
	width: 640px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background-image: url(/img_nav/nav_intro_banner_bkg.jpg);
	background-repeat: repeat-y;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#introNavBottom ul {height: 25px; margin: 0; padding: 0;}

#introNavBottom ul li {float: left; list-style-type: none;}
#introNavBottom ul li a {display: block; width: 126px; height: 19px; padding: 2px 0 0 0; text-align: center; text-decoration: none; border-top: 1px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
#introNavBottom ul li a.first {width: 127px;}
#introNavBottom ul li a.last {width: 127px; border-right: 0px;}

#introNavBottom .button a {background-color: transparent; color: #EEEEEE;}
#introNavBottom .button a:hover {color: #FFFFFF;}