BODY {
	font: 10px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	line-height: 15px;
	background: #d8d9dd;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
IMG {
	border: 0;
}
FORM {
	margin: 0;
}
H1 {
	font-size: 16px;
	color: #082076;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}
H2 {
	font-size: 14px;
	color: #082076;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}
H3 {
	font-size: 12px;
	color: #082076;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

/* ZONES */
#container {
	width: 957px;
	background: transparent url(../images/containerbg.gif) top left repeat-y;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 957px;
	height: 142px;
	background: transparent url(../images/header.jpg) top left no-repeat;
}

#reachlogo {
	position: relative;
	top: 40px;
	left: 12px;
	width: 210px;
	height: 95px;
}

#masthead {
	position: relative;
	top: 61px;
	left: 456px;
	width: 468px;
	height: 60px;
}

#menubar {
	position: relative;
	width: 937px;
	height: 28px;
	background: transparent url(../images/submenubar.jpg) top left no-repeat;
	text-align: right;
	margin: 0 auto;
}
#content {
	position: relative;
	top: 0;
	left: 10px;
	width: 937px;
}
#welcomebox {
	width: 733px;
	height: 140px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/welcomemessage.jpg) top left no-repeat;
	border-bottom: 1px solid white;
	vertical-align: top;
}
#contentbox {
	position: relative;
	width: 679px;
	margin: 24px 0 0 30px;
	background: transparent;
	vertical-align: top;
	padding: 0;
}
#contentpart {
	width: 479px;
	color: #666666;
	padding: 0;
	vertical-align: top;
}
#contentpart a:link {
	color: #08215c;
	font-weight: bold;
	text-decoration: none;
}
#contentpart a:visited {
	color: #08215c;
	font-weight: bold;
	text-decoration: none;
}
#contentpart a:hover {
	color: #08215c;
	font-weight: bold;
	text-decoration: underline;
}
#contentpart a:active {
	color: #08215c;
	font-weight: bold;
	text-decoration: none;
}
.centralbox {
	position: relative;
	width: 479px;
	margin: 12px 0;
}
.cb_header {
	width: 479px;
	height: 6px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/centralbox_header.gif) top left no-repeat;
	_background: transparent url(../images/centralbox_header.gif) bottom left no-repeat;
}
.cb_content {
	clear: both;
	display: block;
	width: 439px;
	padding: 10px 20px;
	margin: 0;
	background: transparent url(../images/centralbox_contentbg.gif) top left repeat-y;
}

/* CSS for publication plan (publication_plan.cfm) */

.cb_contentPubPlan {
	clear: both;
	display: block;
	width: 459px;
	padding: 10px 10px;
	margin: 0;
	background: transparent url(../images/centralbox_contentbg.gif) top left repeat-y;
}
#pubPlanTable td {
	vertical-align: top;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #eaeaea;
}
.tr_PubPlanColTitle {
	font-weight: bold;
	background-color: #ffffff;
}
.td_pubPlanTitle {
	padding-right: 15px;
}
.tr_PubPlanTR {
	font-weight: normal;
	background-color: #ffffff;
}

/* end of CSS for publication plan (publication_plan.cfm) */


.cb_footer {
	width: 479px;
	height: 6px;
	background: transparent url(../images/centralbox_footer.gif) top left no-repeat;
}
.floatleft {
	float: left;
	clear:both;
}
#whitespacing {
	width: 18px;
}
#highlights {
	width: 182px;
	vertical-align: top;
}
#footer {
	width: 933px;
	height: 32px;
	background: transparent url(../images/footer.jpg) top left no-repeat;
	padding: 16px 12px 8px 12px;
	margin: 0 auto;
}
#footercontent {
	width: 904px;
	font-size: 9px;
	margin: 0 auto;
	color: #FFFFFF;
}
#footercontent a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footercontent a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footercontent a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footercontent a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#footercopyright {
	float: right;
}
#loginbox {
	font-size: 9px;
	width: 183px;
	background: transparent url(../images/loginbox.jpg) top left no-repeat;
	padding: 10px;
	border:0;
	border-bottom: 1px solid white;
	line-height: 12px;
}

.logintable {
	width: 183px;
	height: 15px;
	margin: 6px 0;
}

input.loginfield {
	width: 116px;
	height: 13px;
	background: #FFFFFF;
	border: 1px solid #7c8398;
	font-size: 10px;
}
.loginfieldbox {
	width: 124px;
	vertical-align: top;
}
.logonbutton {
	text-align: left;
}

/* HIGHLIGHTS STYLES */
/* CUSTOM FOR UPCOMING EVENTS ON HOMEPAGE */
.hl_block2 {
	width: 469px;
	margin: 0 0 12px 0;
	padding-bottom: 30px;
}

.hl_block2 .red {
	color: #cc0000;
}

.hl_header2 {
	width: 449px;
	height: 9px;
	padding: 11px 10px 9px 10px;
	margin: 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 9px;
	color: #07205b;
	background: transparent url(../images/highlight_header2.jpg) top left no-repeat;
}

.h1_customTitle {
	font-weight: bold;
	font-size: 10px;
	line-height: 9px;
	color: #07205b;
}

.h1_customTitle .red {
	color: #cc0000;
}

.hl_image2 {
	width: 479px;
	font-size: 10px;
	padding: 6px 6px 0 6px;
	margin: 0;
	background: transparent url(../images/highlight_contentbg2.gif) top left repeat-y;
}

.hl_content2 {
	width: 449px;
	font-size: 9px;
	line-height: 13px;
	padding: 10px;
	color: #666666;
	margin: 0;
	background: transparent url(../images/highlight_contentbg2.gif) top left repeat-y;
}

.hl_content2 a:link {
	color: #07205b;
	font-weight: normal;
	text-decoration: none;
}
.hl_content2 a:visited {
	color: #07205b;
	font-weight: normal;
	text-decoration: none;
}
.hl_content2 a:hover {
	color: #07205b;
	font-weight: normal;
	text-decoration: underline;
}
.hl_content2 a:active {
	color: #07205b;
	font-weight: normal;
	text-decoration: none;
}

.hl_footer2 {
	width: 469px;
	height: 8px;
	background: transparent url(../images/highlight_footer2.gif) top left no-repeat;
}


/* HIGHLIGHTS STYLES */
.hl_block {
	width: 182px;
	margin: 0 0 12px 0;
}

.hl_block .red {
	color: #cc0000;
}

.hl_header {
	width: 162px;
	height: 9px;
	padding: 11px 10px 9px 10px;
	margin: 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 9px;
	color: #07205b;
	background: transparent url(../images/highlight_header.jpg) top left no-repeat;
}

.hl_image {
	width: 170px;
	font-size: 10px;
	padding: 6px 6px 0 6px;
	margin: 0;
	background: transparent url(../images/highlight_contentbg.gif) top left repeat-y;
}

.hl_content {
	width: 162px;
	font-size: 9px;
	line-height: 13px;
	padding: 10px;
	color: #666666;
	margin: 0;
	background: transparent url(../images/highlight_contentbg.gif) top left repeat-y;
}

.hl_content a:link {
	color: #07205b;
	font-weight: bold;
	text-decoration: none;
}
.hl_content a:visited {
	color: #07205b;
	font-weight: bold;
	text-decoration: none;
}
.hl_content a:hover {
	color: #07205b;
	font-weight: bold;
	text-decoration: underline;
}
.hl_content a:active {
	color: #07205b;
	font-weight: bold;
	text-decoration: none;
}

.hl_footer {
	width: 182px;
	height: 8px;
	background: transparent url(../images/highlight_footer.gif) top left no-repeat;
}


/* MENU STYLE */
#menu {
	float: left;
	width: auto;
	line-height: 13px;
	margin: 0;
	padding: 0;
}
#menu dl {
	width: 203px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
#menu dl, dd {
	margin: 0;
	padding: 0;
}
#menu dt {
	font-size: 18px;
	padding: 0;
	border:0;
	border-bottom: 1px solid white;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	height: 32px;
}
#menu dt a:link {
	background: transparent url(../images/blueItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 14px;
	height: 12px;
	line-height: 12px;
}
#menu dt a:visited {
	background: transparent url(../images/blueItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 14px;
	height: 12px;
	line-height: 12px;
}
#menu dt a:hover {
	background: transparent url(../images/blueItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 14px;
	height: 12px;
	line-height: 12px;
}
#menu dt a:active {
	background: transparent url(../images/blueItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 14px;
	height: 12px;
	line-height: 12px;
}
#menu dt a.red:link {
	background: transparent url(../images/redItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.red:visited {
	background: transparent url(../images/redItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.red:hover {
	background: transparent url(../images/redItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.red:active {
	background: transparent url(../images/redItem.gif) top left no-repeat;
	display: block;
	width: 179px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.redLock:link {
	background: transparent url(../images/redItemLOCK.gif) top left no-repeat;
	display: block;
	width: 165px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.redLock:visited {
	background: transparent url(../images/redItemLOCK.gif) top left no-repeat;
	display: block;
	width: 165px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.redLock:hover {
	background: transparent url(../images/redItemLOCK.gif) top left no-repeat;
	display: block;
	width: 165px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dt a.redLock:active {
	background: transparent url(../images/redItemLOCK.gif) top left no-repeat;
	display: block;
	width: 165px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 28px;
	height: 12px;
}
#menu dd a {
	color: #000;
	text-decoration: none;
}
#menu .red {
	background: transparent url(../images/redItem.gif) top left no-repeat;
}
#menu ul {
	list-style: none;
	padding: 0;
	text-indent: 0;
	margin: 0;
}
#menu li {
	background-color: #ced1db;
	padding: 0;
	height: 21px;
	_height: 12px;
	border-bottom: 1px solid #dddfe6;
}
#menu li.pink {
	background-color: #e2babf;
	padding: 0;
	height: 21px;
	_height: 12px;
	border-bottom: 1px solid #ebcfd2;
}
#menu li a:link{
	display: block;
	width: 165px;
	background-color: #ced1db;
	color: #484f63;
	font-size: 10px;
	line-height: 11px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin: 0;

}
#menu li a:visited {
	display: block;
	width: 165px;
	background-color: #ced1db;
	color: #484f63;
	font-size: 10px;
	line-height: 11px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin: 0;

}
#menu li a:hover {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
#menu li a:active {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}

#menu li a.pink:link {
	display: block;
	width: 165px;
	background-color: #e2babf;
	color: #990000;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left: 0;
}
#menu li a.pink:visited {
	display: block;
	width: 165px;
	background-color: #e2babf;
	color: #990000;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left: 0;
}
#menu li a.pink:hover {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
#menu li a.pink:active {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
.firstitem {
	background: transparent url(../images/firstitem.jpg) top left no-repeat;
}
.firstitemPink {
	background: transparent url(../images/firstitemPink.jpg) top left no-repeat;
}
.staticItem {
	background: transparent url(../images/blueItem.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	border:0;
	border-bottom: 1px solid white;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	height: 32px;
}
.staticItem a {
	display: block;
	width: 179px;
	color: #FFF;
	text-decoration: none;
	padding: 9px 10px 10px 14px;
	_padding: 10px 10px 10px 14px;
	height: 12px;
	line-height: 12px;
}

#menu li a.pinkActive:link {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
	font-weight: bold;
}
#menu li a.pinkActive:visited {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
	font-weight: bold;
}
#menu li a.pinkActive:hover {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
	font-weight: bold;
}
#menu li a.pinkActive:active {
	display: block;
	width: 165px;
	background: transparent url(../images/subrolloverPink.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
	font-weight: bold;
}

#menu li a.actif:link {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
#menu li a.actif:visited {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
#menu li a.actif:hover {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}
#menu li a.actif:active {
	display: block;
	width: 165px;
	background: transparent url(../images/subrollover.jpg) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 4px 10px 6px 28px;
	height: 11px;
	text-indent: 0;
	margin-left:0;
}


.boldthis {
	font-weight: bold;
}

#player { float: left; margin-right: 15px; width: 240px; height: 230px; border: 0px solid #CCC; }

#player #video {
	border: 0px solid #CCC;
}
#player2 { float: left; margin-right: 15px; width: 240px; height: 230px; border: 0px solid #CCC; }

#player2 #video2 {
	border: 0px solid #CCC;
}

#player3 { float: left; margin-right: 15px; width: 240px; height: 230px; border: 0px solid #CCC; }

#player3 #video3 {
	border: 0px solid #CCC;
}


#player4 { float: left; margin-right: 15px; width: 240px; height: 230px; border: 0px solid #CCC; }

#player4 #video4 {
	border: 0px solid #CCC;
}



#player5{ float: left; margin-right: 15px; width: 240px; height: 230px; border: 0px solid #CCC; }

#player5 #video5 {
	border: 0px solid #CCC;
}


#playlist { float: left; width:224px; }

#playlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#playlist ul img {
	padding-right: 10px;
	float: left;
}

#playlist ul li a {
	float: left;
}

#playlist ul li {
	clear: both;
	height:120px;
	width: 220px;
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
}
#playlist a:link {
	color: #08215c;
	font-weight: normal;
	text-decoration: none;
}
#playlist a:visited {
	color: #08215c;
	font-weight: normal;
	text-decoration: none;
}
#playlist a:hover {
	color: #08215c;
	font-weight: normal;
	text-decoration: underline;
}
#playlist a:active {
	color: #08215c;
	font-weight: normal;
	text-decoration: none;
}

