/*--------------------------------------------------------------------
Navigation current 
----------------------------------------------------------------------*/
body#home #container #header #navbar a#home,
body#about #container #header #navbar a#about,
body#contact #container #header #navbar a#contact,
body#media #container #header #navbar a#media,
body#volunteer #container #header #navbar a#volunteer,
body#resource #container #header #navbar a#resource
{
	color:#000;
	background:#FFF;
	height:100%;
	padding-right:20px;
	padding-left:20px;
}

body#home  #container #footer #footernavbar #sitenavi a#home,
body#about #container #footer #footernavbar #sitenavi a#about,
body#contact #container #footer #footernavbar #sitenavi a#contact,
body#media #container #footer #footernavbar #sitenavi a#media,
body#volunteer #container #footer #footernavbar #mainpage a#volunteer
{
	color: #CCC;
}

/*--------------------------------------------------------------------
Global, navigation bar, footer 
----------------------------------------------------------------------*/
body, div, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px; padding: 0px; border: 0px;
}
.linedown { border-bottom:1px dotted #CCC;padding:0px 0px; margin-top:0}
.line2down { border-bottom:1px solid #CCC;padding:0px 0px; margin-top:0}
.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

body {
	font: 100%  Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../images/header.jpg);
	background-repeat:repeat-x;
	background-position: top;
	min-width:960px;
	height:100%;
}

#container {

	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%;
	margin-bottom:-200px;
	position:relative;
	background:none;
}
.clearfooter {
   height: 200px;
   clear: both;
}

	

 #navbar {
	 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 18px;
	color: #8E0000;
	font-family: "Futura Lt";
}



h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-style: normal;

}

h4{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000;
}
h3{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990100;
}
#footer {
	clear:both;
	margin: 0 auto;
	width: 100%;
	margin: 0 auto;
	height:200px;
	text-align:left;
	background-color:#f7f7f7;
	border-top:solid;
	border-width:1px;
	border-color:#E9E9E9;
	position:relative;
}
 #footer p {
	margin: 0;
	text-align: left;
	
	 /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer #footernavbar{
	width:960px;
	height:190px;
	padding:0px 0px;
	margin: 0 auto;
	padding-top:10px;
	text-decoration: none;
	text-align:Left;
}
#footer #footernavbar ul {
	color: #666666;
	text-decoration: none;
	background-color: transparent;
	display: block;
	list-style-type: none;
	text-indent: 0px;
	float:left;
	padding: 0;
	margin:0;
	padding-top:10px;
	}
#sitenavi {
	position:relative;
	float:left;
	width:120px;
	margin-right:90px;
}
#contactnavi{
	float:right;
	padding:0 75px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #999;
	border-left:solid;
	border-width:1px;
	border-color:#E9E9E9;
}
#footer #footernavbar li {
	display:block;
	background-color:transparent;
	color: #333;
	word-spacing: normal;
	list-style-type: none;
	text-indent: 0px;
	padding:0 auto;
	margin:2px auto;
	padding-left: 0px;
	padding-right: 0px;
	font:"Futura Lt";
	font-size:8pt;
line-height:14px;
}
#footer #footernavbar a {
	text-decoration: none;
	color: #999;
	}
	#footer #footernavbar a:hover {
	color: #990100;
	}
#footer #footernavbar IMG {
	border:none;
	}
#copyright{
	padding:10px 0;
	clear:both;
	width:960px;
	position:absolute;
	bottom:0px;
	float:left;
	border-top:solid;
	border-width:1px;
	border-color:#E9E9E9;
}
	#footer #footernavbar #copyright p{
	padding:0px 0px;
	margin: 0 auto;
	text-align:left;
	font-size: 8pt;
	color: #666;

	}

#container #header {
	padding: 0  0 ;
	text-align: right;
	background-image: url(../images/headerback.jpg);
	background-repeat:no-repeat;
	background-color:#292929;
	height: 108px;
	width: 960px;
	margin: 0 auto;
}
#logo{
	position:relative;
	padding-top: 0px;
	float: left;
	
}
#container #header #navbar{
	width:960px;
	height: 100%;
	margin: 0 auto;
	padding: 0px 0px;
}
#navbar IMG
{
	border:none;	
}
#container #header #navbar ul {
	color: #666666;
	text-decoration: none;
	display: inline;
	list-style-type: none;
	font-size: 100%;
	margin-top:70px;
	float:right;
	width:auto;
	background:none;

	}
#container #header #navbar ul li {
		position:relative;
		display: block;
		color: #CCC;
		word-spacing: normal;
		text-indent: 0pt;
		vertical-align:bottom;
        background:none;
		float:left;
	}

#container #header #navbar ul li a {

	padding:10px 20px;
	text-decoration: none;
	color: #999;
	width:auto;
	height:100%;
	float:left;
	background-color:none;
	}

#container #header #navbar ul a:hover {
	color:#000;
	width:auto;
	background-color:#FFF;
	
	}
	
/*--------------------------------------------------------------------
Home 
----------------------------------------------------------------------*/
#mainContent {
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;
	width:960px;	
	height:1150px;
}

#container #mainContent #firstrow  {
	position:relative;
	width: 960px;
	height: 430px;
	margin: 0 auto;
		margin-left: auto;
    	margin-right: auto;

	}

#container #mainContent #firstrow #fcolumn1 {
	position:relative;
	width:960px;
	height:430px;
	margin: 0 auto o auto;
	overflow: hidden;
	text-align: center;
	background-color: #FFFFFF;
	}
#container #mainContent #firstrow #fcolumn1 img{
		position:relative;
		padding-left:0px;
		width:960px;
		height:413px;
	}
#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav {
		width: 960px;  
		position: relative;
	}
#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav p a {
			position: absolute; top: 190px; display: block; width: 44px; height: 44px; 
			text-indent: -99999 px; z-index: 20; display: none; border:none;
		}
		#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav p a.prev {
				background-image: url(../images/previous.png);left: 5px;
		}
		#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav p a.next {
				background-image: url(../images/next.png); right: 5px;
		}
		#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav p a.prev:hover {
				background-image: url(../images/previoushover.png); 
		}
		#container #mainContent #firstrow #fcolumn1 .fcolumn1-nav p a.next:hover {
				background-image: url(../images/nexthover.png);
		}
#secondrow  {
	clear:both;
	width: 960px;
	height: 340px;
	margin: 0 auto;	
	margin-top:0px;
	
}
#eventBox{
	width:300px;
	height:330px;
	color:#666;
	background:#eee;
}

#eventsRoll{
	width:290px;
	height:330px;
	overflow:hidden;
	background:#f9f9f9;
	border:solid;
	border-width:5px;
	border-color:#eee;
}

.eventInfo{
	width:290px;
	height:270px;
	overflow:hidden;
}
.eventInfo IMG{
	border-top:solid;
	border-bottom:solid;
	border-width:5px;
	border-color:#eee;
}

.eventInfo h2{
	padding:0 10px;	
	color:#666;
}
.eventInfo p{
	padding:0 10px;	
}
#home #container #mainContent #secondrow #scolumn1 #eventBox #eventsRoll ul li .eventInfo p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666;
}
#home #container #mainContent #secondrow #scolumn1 #eventBox #eventsRoll ul li .eventInfo p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #901000;
}
.scrollDown{
	text-align:center;
	display:block;
	width:290px;
	height:50px;
	background: url(../icons/downbutton.png) no-repeat;
	background-color:#eee;
	margin-left:auto;
	margin-right:auto;
}
.scrollDown:hover{
	background: url(../icons/downclick.png) no-repeat;
	background-color:#eee;
	width:290px;
	height:50px;
	margin-left:auto;
	margin-right:auto;	
}
.scrollUp{

	display:block;
	width:300px;
	height:50px;
	padding-bottom:0px;
background-image: url(../icons/event.png);
	margin-left:auto;
	margin-right:auto;	
}
#scolumn2{
	position:relative;
	width:300px;
	height:100%;
	float: left;
	margin: 0px;
	padding-bottom: 0px;
	font-size: 10px;
	margin:0 15px;

	}
#secondrow  #scolumn3{
	position:relative;
	width:300px;
	height:100%;
	float: left;
	margin: 0px;
	padding-bottom: 0px;
	margin-left:15px;
	font-size: 10px;	
	
	}
.roll{
	padding:2px 0;	
}
#scolumn1{
	clear:both;
	position:relative;
	width:300px;
	height:100%;
	float:left;
	margin: 0px;
	clear: none;	
	font-size: 10px;
	
	margin-right:13px;
	}
#mainContent p {
	color: #fff;
	font-size: 9pt;
	font-family: "Gill Sans MT";
}

#secondrow a {
	color:  #999;
	font-size:11px;
	text-decoration: none;
	font-family: "Arial";
}
#secondrow a:hover {
	color: #990100;
	font-size:11px;
	text-decoration:none;
	font-family: "Arial";
}
#secondrow p{
	color:#000;
}
#sliderow{
	width:960px;
	height:260px;
	padding-top:40px;
}

.padRight{
	width: 300px; 
	height: 260px; 
	padding-right:15px;
	float:left;
	}
.padMid{
	width: 300px; 
	height: 260px; 
	padding: 0 15px;
	float:left;
	}
.padLeft{
	width: 300px; 
	height: 260px; 
	padding-left:15px;
	float:left;
	}

.boxgrid{ 
				width: 300px; 
				height: 260px; 
				margin:0px; 
				float:left; 
				background:#999; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid h3{
					padding:0 10px;
					padding-top:10px;
					color:#fff;	
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid a{
					color:#FFF;
					text-decoration:none;
				}
				.boxgrid a:hover{
					color:#800000;
					text-decoration:none;
				}
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 120px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				color:#fff;
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
/*--------------------------------------------------------------------
About Us 
----------------------------------------------------------------------*/
#container #aboutMainContent #aboutcontent p {
	font-size: 12px;
	font-family: "Gill Sans MT"
}

#container #aboutMainContent {
	postion:relative;
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;	
	width: 960px;
	height:680px;
}

#container #aboutMainContent #aboutcontent p {
	font-size: 12px;
	font-family: "Gill Sans MT";
}

#container #aboutMainContent #aboutcontent
{
	position:relative;
	width: 960px;
	height: 652px;
	font-size: 12px;
}
#aboutHeading{
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;	
	width:960px;
	height:auto;
}
.aboutHeaderInfo{ 
cursor: hand;
cursor: pointer;
font:bold 14px Arial;
margin: 0 0;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #990100;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #000;
}
#afirstRow{
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;	
	width:960px;
	height:350px;
	padding-top:20px;
}
#row1column1{
	position:relative;
	float:left;
	width:340px;
	height:590px;
	padding-right:15px;
	border-right:dotted;
	border-width:1px;
	border-color:#ccc;
}
#row1column h4{
	color:#000;	
}
#row1column2{
	position:relative;
	float:left;
	width:590px;
	height:auto;
	padding-left:14px;	
}
#row1column2 h4{
	color: #990100;
	
}

#row1column1 a{
	text-decoration: none;
	color: #999;
}
#row1column1 a:hover{
	text-decoration: none;
	color: #990100;
}

#profiletxt{
	position: relative;
	float:left;
	background-color:#FFF;
	width:590px;
	height:444px;
}
#profiletxt p{
	padding-left:0px;
	margin:0 auto;
}
#profiletxt a{
	text-decoration:none;
	color:#999;
}
#profiletxt a:hover{
	text-decoration:none;
	color:#901000;
}
#staticIMG {
	position:absolute;		
	padding-top:40px;
}
#profilepix{
	position:relative;
	vertical-align:text-top;
	float:left;
	padding-right:15px;
}
/*--------------------------------------------------------------------
Contact 
----------------------------------------------------------------------*/
#contactMainContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:668px;
}
#contactContent{
	padding:0px 0px;
	margin:0 auto;
	padding-top:60px;
	hieght:444px;
		font-size: 12px;
	font-family: "Gill Sans MT";	
}

#ccolumnSmall{
	position:relative;
	float:left;
	width:340px;
	height:500px;
	padding-right:15px;
	border-right:dotted;
	border-width:1px;
	border-color:#ccc;
}
#ccolumnSmall a{
	text-decoration: none;
	color: #000;
}
#ccolumnSmall a:hover{

	color: #990100;
}
#ccolumnWrapper
{
	width:601px;
	height:500px;
	position:relative;
	float:left;


}
#ccolumnMed{
	position:relative;
	float:left;
	width:590px;
	height:auto;
	padding-left:14px;
	padding-top:20px;

}
#contact-area{
	position:absolute;
	
	width:530px;
	height:100%;
	padding:0px 0px;
	margin:0 auto;
	padding-top:20px;
	padding-left:30px;
}
#contact-area input, #contact-area textarea {
	padding: 0px;
	width: 530px;
	font-size: 11px;
	font-family: "Gill Sans MT";	
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 70px;
	float:right;
}

label {
	float: left;
	text-align: Left;
	margin-right: 0px;
	width: 40px;
	font-size: 11px;
	font-family: "Gill Sans MT";
}
#mapformat{
	position: absolute;	
	float:left;
	width:590px;
	height:424px;
	padding-top:20px;
}
/*--------------------------------------------------------------------
Media
----------------------------------------------------------------------*/
#mediaMainContent{
	position:relative;
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:668px;
}
#mediaContent{
	padding:0px 0px;
	margin:0 auto;
	padding-top:40px;
	font-size: 12px;
	font-family: "Gill Sans MT";	
}

#pcolumnSmall{
	position:relative;
	float:left;
	width:140px;
	height:595px;

	padding-right:15px;
	border-right:dotted;
	border-width:1px;
	border-color:#ccc;
}
#pcolumnSmall li{
	list-style: none;
	padding-left:5px;
}

#pcolumnSmall li a{
	list-style: block;		
}
#pcolumnSmall a{
	text-decoration: none;
	color: #000;
}
#pcolumnSmall a:hover{

	color: #990100;
}

#pcolumnMed{
	padding:0px 0px;
	margin:0 auto;
	position: relative;
	float:left;
	width: 785px;
	height:auto;
	text-align:left;
	padding:0px 0px;
	margin-top:0px;
	margin-left:15px;
	padding-top:7px;
	background:#FFF;
}

#pcolumnWrapper
{
	width:785px;
	height:auto;
	padding:0px 0px;
	margin:0 auto;

}
#photobox{
	width: 785px;
	height:auto;
	
	padding:0px 0px;
	margin:0 auto;
}

ul#gallery{
	display:inline;
}

ul#gallery li{
	position:relative;
	list-style: none;
	height:91.2px;
	width:91.2px;
	float:left;
	margin:0;
	
}
ul#gallery li a{
	list-style: block;
	width:75px;
	height:75px;		
}
ul#gallery li a IMG{
	display: block;
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;	
	
	border-style:solid;
	border-width:3px;
	border-color:#CCC;
}
/*--------------------------------------------------------------------
Volunteer
----------------------------------------------------------------------*/
#vMainContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:652px;
}
#vContent{
	padding:0px 0px;
	margin:0 auto;
	padding-top:60px;
	hieght:500px;
		font-size: 12px;
	font-family: "Gill Sans MT";	
}
#vfirstrow{
	width:960px;
	height:560px;

}
#vrow1column1{
	clear:both;
	width:280px;
	height:100%;
	position:relative;
	float:left;
	padding-right:15px;
	border-right:dotted;
	border-width:1px;
	border-color:#ccc;
}
#vfirstrow ol{
	padding-left:15px;
	padding-top:10px;
}
#vrow1column2{
	width:645px;
	height:100%;
	position:relative;
	float:left;
	padding-left:15px;
}
#vMainContent a:hover{

	color: #990100;
	text-decoration:underline;
}
#vMainContent  a{
	text-decoration: none;
	color: #990100;
}
#vImage{
	width: 630px; 
	height: 311px; 
}
.vboxgrid{ 
				width: 630px; 
				height: 311px; 
				margin:0px; 
				float:left; 
				background:#999; 
				overflow: hidden; 
				position: relative; 
			}
				.vboxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.vboxgrid h3{
					padding:0 10px;
					padding-top:10px;
					color:#fff;	
				}
				.vboxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.vboxgrid a{
					color:#FFF;
					text-decoration:none;
				}
				.boxgrid a:hover{
					color:#800000;
					text-decoration:none;
				}
			.vboxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				color:#fff;
 			}
 				.captionfull .vboxcaption {
 					top: 311px;
 					left: 0;
 				}
 				.caption .vboxcaption {
 					top: 240px;
 					left: 0;
 				}

/*--------------------------------------------------------------------
Resource main
----------------------------------------------------------------------*/
#resourceContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:860px;
	padding-top:60px;
}
#resourceList{
	position:relative;
	float:right;
	width:745px;
	cursor:pointer;	
}
.resourceItem{
	
	width:745px;
	height:250px;

}
.resourceItem IMG{
	float:left;
	margin:10px 10px;
	border:solid;
	border-width:5px;
	border-color:#eee;
}
.resourceItem h1{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:50px;
	padding-left:260px;
	padding-right:15px;
	color:#333;	
}
.resourceItem p{
	color:#666;	
	padding-left:260px;
	padding-right:15px;
}
.booka{
	display:block;
	text-decoration:none;
	color:#000;
	border:solid;
	border-color:#fff;
	border-width:1px;
	cursor:pointer;
}
.booka:hover{
	text-decoration:none;
	color:#000;
	background-color:#f7f7f7;
	border:solid;
	border-color:#eee;
	border-width:1px;
	cursor:pointer;
}

/*--------------------------------------------------------------------
Resource: Websites
----------------------------------------------------------------------*/
#webContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:1620px;
	padding-top:60px;
}
#webList{
	position:relative;
	float:right;
	width:745px;
	height:1620px;
}
.webItem{
	width:745px;
	height:152px;
}
.webItem IMG{
	float:left;
	margin:10px 5px;
	border:solid;
	border-color:#eee;
	border-width:5px;
}
.webItem h1{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:180px;
	padding-right:15px;
	color:#333;	
}
.webItem p{
	color:#666;	
	padding-left:180px;
	padding-right:15px;
}
#wcolumn1{
	padding:0px 0px;
	margin:0 auto;
	width:184px;	
	height:620px;
	position:relative;
	float:left;
	padding-right:15px;	
	border-right:solid;
	border-color:#ccc;
	border-width:1px;
}
#wcolumn1 p{
	font-size:12px;	
}
#wcolumn1 a{
	color:#666;
	text-decoration:none;	
}
#wcolumn1 a:hover{
	color:#901000;
	text-decoration:none;	
}
#linkButton{
	width:184px;
	height:30px;
	background-image:url(../icons/linksbutton.png) ;
	color:#fff;
	margin:5px 0;
	cursor:pointer;
}
#linkButton p{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	font-size:16px;
}
#linkButton:hover{
	width:184px;
	height:30px;
	background-image:url(../icons/linkshover.png) ;
	color:#fff;
	cursor:pointer;
}
/*--------------------------------------------------------------------
Resource: books
----------------------------------------------------------------------*/
#booksContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:720px;
	padding-top:60px;
}
#bcolumn1{
	padding:0px 0px;
	margin:0 auto;
	width:184px;	
	height:620px;
	position:relative;
	float:left;
	padding-right:15px;	
	border-right:solid;
	border-color:#ccc;
	border-width:1px;	
}
#bookColumn{
	position:relative;
	float:right;
	width:745px;
	height:620px;
}
.bookItem{
	width:745px;
	height:152px;
}
.bookItem IMG{
	float:left;
	margin:15px 15px;

}
.bookItem h1{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-left:180px;
	padding-right:15px;
	font-size:14px;
	color:#333;	
}
.bookItem p{
	color:#666;	
	font-size:9px;
	padding-left:180px;
	padding-right:15px;
}
#books-menu{
	text-align:left;
	padding:5px 0px;
	border-top:solid;
	border-width:1px;
	border-color:#ccc;
}
#books-menu a{
	float:left;
	text-decoration:none;
	color:#000;
	padding:5px 5px;
}
#books-menu a:hover{
	background-color:#f7f7f7;
	color:#990100;	
}
#books-menu a.wactive{
	background-color:#f7f7f7;
	color:#990100;	
}

#bookBox{
	padding-top:10px;
	width:745px;
	height:110px;
}
#bookBox IMG{
	float:left;
}
#bookBox p{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;	
}
#bookBox h4{
	font-size:10px;
	padding-top:6px;
	font-style:normal;
	color:#990100;
}
#bookBox a{
	display:block;
	text-decoration:none;
	color:#000;
	height:100%
}
#bookBox a:hover{
	text-decoration:none;
	color:#000;
	background-color:#f7f7f7;
}
/*--------------------------------------------------------------------
Resource: videos
----------------------------------------------------------------------*/
#videoContent{
	padding:0px 0px;
	margin:0 auto;
	width:960px;
	height:940px;
	padding-top:60px;
}
#resourceColumn2{
	position:relative;
	float:left;
	width:730px;
	height:720px;
	padding-left:15px;
	padding-top:0px;
}
#videoSection{
	clear:both;
	width:730px;
	height:auto;
}
#videoSection h3{ 
	padding-bottom:5px;
}
.videoBox{
	width:200px;
	height:270px;
	float:left;
	position:relative;
	margin:0px 21px;
	padding-top:10px;
	border-bottom:solid;
	border-color:#CCC;
	border-width:1px;
}
.videoBox h4{
	padding-top:10px;
	color:#000;
}
.videoBox p{
	padding:0 0;
	margin:0 auto;
	color:#000;
	font-size:10px;
	font-family: "Gill Sans MT";	

}

.paginationstyle{ /*Style for demo pagination divs*/
width: 730px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/

margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
font-size:14px;
font-family: "Gill Sans MT";	
text-decoration: none;
color:#000;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #990100;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #990100;
}