body {
	background-image:	url(images/background.gif);
	background-color: white;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;	
}


/* ------------DIV SECTION------------ */
div#wrapper {
	margin: 0 auto;
	width: 768px;	
	position: relative;
	z-index: 100;
	padding: 0;
}
div#mainwindow {
	background-color: #F5FAFF;
	border: 1px solid #9B9B9B;
	padding: 5px 5px 40px 5px;	
	overflow: auto;	
	width: 756px;
}
div#content {
	float: right;
	padding: 15px 15px 10px 15px;
	width: 74%;
}
div#header {
	padding: 30px;
	background-color: #F5FAFF;
	border: 1px solid #9B9B9B;	
	height: 69px;	
	margin-top: 30px;
	margin-bottom: 0px;
}
div#youtubetext {
	width: 90%;
	margin: 0 auto;
}
div#footer {
	margin-top: 10px;
	padding-bottom: 50px;
}
div#imagefooter {
	margin-top: 10px;
	padding-bottom: 10px;
}



/* ------------TEXT STYLES------------ */
h1 {
	float: left;
	color: #3B4E63;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 5px;	
}
#header h2 {
	float: left;
	color: #758FAA;
	font-weight: normal;
	font-size: 120%;
	margin: 0;
}
.phone {
	float: right;
	margin-top: 2px;
	margin-bottom:0px;
	color: #5F6060;
	font-size: 155%;
	font-weight: normal;
	line-height: 135%;
}
.phone a, a:visited {
	text-decoration: none;
	color: #5F6060;
}
.phone a:hover {
	color: #282828;	
}
.phone img {
	border: 0;
	margin-right: 5px;
	vertical-align: -7%;
}
p {
	color: #222;
}
#content p {
	line-height: 130%;
}
#content h2 {
	color: #476482;
	font-weight: bold;
	text-align:	center;
	font-size: 140%;
	padding-top:10px;
	margin: 0;
}
p#jwplayer {	
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #B2BCC7;
	width: 450px;
	text-align: center;
}
.simpletext {
	padding:15px 20px 0 20px;
	text-align: left;
}
.boldtext {
	padding:15px 20px 0 20px;
	font-weight: bold;
}
#content a {
	color: #476482;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #758FAA;
}
#descriptions p {
	font-size: 80%;
	line-height: 135%;
	width: 80%;		
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: left;
}
#descriptions p.desctitle{
	font-weight: bold;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
}
#descriptions p.descphone{
	font-weight: bold;
	font-size: 90%;	
}
#descriptions p.desclink{
	color: #476482;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 30px;	
}
#descriptions img{
	border: 1px solid black;
	margin-bottom: 10px;
	vertical-align: middle;	
}

#youtubetext p {
	margin-bottom: 30px;
	text-align: left;
}
#youtubetext h3{
	text-align: left;
	color: #476482;
	margin-top: 50px;
}
#youtubetext p.title{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 15px;
}
#youtubetext p.descphone{
	font-weight: bold;
	font-size: 90%;	
}
#youtubetext p.desclink{
	color: #476482;
	font-weight: bold;
	font-size: 90%;	
}
#youtubetext p.topper{
	font-size: 80%;
	text-align: center;
	margin-top: 30px;
}

/* ------------TOP NAVIGATION BAR------------ */	
#menu {
	background-color: #6085AD;
	width: 100%;
	height: 39px;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu li {
	float: left;
	margin: 0;
	border-right:1px solid white;
	color: white;		
	font-size: 110%;	
	line-height: 2.2em;	
	width: 8em;
	display: block;	
	text-align: center;
}
#menu li a {
	text-decoration: none;		
	color: white;
}
#menu li a:hover {	
	color: #F7D670;
}
#menu li.on {
	background-color: #476482;
}

#youtubetitles {
	background-color: #6085AD;	
	height: 35px;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 40px;
	width: 90%;
	font-weight: normal;
}
#youtubetitles ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#youtubetitles li {
	float: left;
	margin: 0;
	border-right:1px solid white;
	color: white;			
	line-height: 2.2em;	
	width: 33%;
	display: block;	
	text-align: center;
}
#youtubetitles li a {
	text-decoration: none;		
	color: white;
}
#youtubetitles li a:hover {	
	color: #F7D670;
}
#youtubetitles li.on {
	background-color: #476482;
}
#youtubetitles li.last {
	border: 0;
}


/* ------------SIDE NAVIATION BAR------------ */
.arrowlistmenu{
	width: 155px; /*width of accordion menu*/
	text-align: left;
	border-right: 1px solid #B2BCC7;
	margin-top: 10px;
	margin-left: 7px;
	padding-right: 10px;
	height: 645px;
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	color: black;
	font-size: 100%;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	margin-top: 7px;
	padding: 5px 5px 5px 10px; /*header text is indented 10px*/
	cursor: pointer;
	font-weight: normal;		
}
.menuheader2 { 
	color: white;
	background-color: #6085AD;
	font-size: 109%;	
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	margin-top: 7px;
	padding: 5px 5px 5px 10px; /*header text is indented 10px*/
	cursor: pointer;
	font-weight: normal;		
}
.menuheader2on {	
	color: white;
	background-color: #476482;
	font-size: 110%;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	margin-top: 7px;
	padding: 5px 5px 5px 10px; /*header text is indented 10px*/
	font-weight: normal;	
}
.menuheader2 a, .menuheader2on a { 
	text-decoration: none;		
	color: white;	
}
.menuheader2 a:hover { 
	color: #F7D670;	
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
	padding-bottom: 3px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
	color: #384D63;
	display: block;
	padding: 2px 0;
	padding-left: 20px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 85%;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #D7A200;
	background-color: #E3E7FF;
}
.arrowlistmenu ul li.on {
	font-weight: bold;
	list-style: square !important;
	text-decoration: underline;
	color: #384D63;
	display: block;
	padding: 2px 0;
	padding-left: 20px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 85%
}



/* ------------OOTER AND BOTTOM CONTENTS------------ */
.left {
	float: left;
	font-size: 80%;
	margin-top: 0;
	margin-bottom:30px;
	padding-left: 5px;
}
.right {
	float: right;
	font-size: 80%;
	margin-top: 0;
	margin-bottom:30px;
	padding-right: 5px;
}
.bgbottom {
	background-image: url(images/bottomright.gif);
	padding: 0;
	margin: 0;
	height: 119px;
	width: 161px;
	position: fixed;
	z-index: 0;
	bottom: 0;
	right: 0;
}