body
{
	margin-top: 23px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url('../images/elements/bg_main.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #333333;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	text-align: center;
	width: 100%;
}

img { border: 0px; }

/*--------------------------------------------------------------*/


#topArea
{
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	text-transform: uppercase;
	color: #9ba59b;
	font-size: 65%;
	font-family: arial, sans-serif;
}

#topleft
{
	width: 200px;
	float: left;
	text-align: left;
}

#topArea #topNav
{
	height: 30px;
	position: relative;
	top: 0px;
	float: left;
	margin: 0;
	padding: 0;	
	list-style-type: none;
	overflow: hidden;
}

#topNav a
{
	display: block;
	width: 100%;
	height: 100%;
}

ul#topNav
{
	position: relative;
	width: 630px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	top: 0px;
}

ul#topNav li a
{
	position: absolute;
	top: 0;
	text-indent: -9000px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;	/* IE5/Win */
	background: transparent url('../images/elements/mainnav.gif') no-repeat;
}

body#home ul#topNav,
body#authors ul#topNav,
body#news ul#topNav,
body#gallery ul#topNav,
body#resources ul#topNav,
body#contact ul#topNav,
{
	background-image: url('../images/elements/mainnav.gif');
	background-repeat: no-repeat;
}

body#home ul#topNav { background-position: 0 -30px; }
body#authors ul#topNav { background-position: 0 -30px; }
body#news ul#topNav { background-position: 0 -30px; }
body#gallery ul#topNav { background-position: 0 -30px; }
body#resources ul#topNav { background-position: 0 -30px; }
body#contact ul#topNav { background-position: 0 -30px; }

ul#topNav li#button1 a
{
	background-position: 0 0;
	width: 73px;
	left: 0;
}

ul#topNav li#button1 a:hover { background-position: 0 -30px; }

ul#topNav li#button2 a
{
	background-position: -73px 0;
	width: 93px;
	left: 73px;
}

ul#topNav li#button2 a:hover { background-position: -73px -30px; }

ul#topNav li#button3 a
{
	background-position: -166px 0px;
	width: 115px;
	left: 166px;
}

ul#topNav li#button3 a:hover { background-position: -166px -30px; }

ul#topNav li#button4 a
{
	background-position: -281px 0px;
	width: 85px;
	left: 281px;
}

ul#topNav li#button4 a:hover { background-position: -281px -30px; }

ul#topNav li#button5 a
{
	background-position: -366px 0px;
	width: 158px;
	left: 366px;
}

ul#topNav li#button5 a:hover { background-position: -366px -30px; }

ul#topNav li#button6 a
{
	background-position: -524px 0px;
	width: 106px;
	left: 524px;
}

ul#topNav li#button6 a:hover { background-position: -524px -30px; }

body#home li#button1 a { background-position: 0 -30px; }
body#home li#button1 a:hover { background-position: 0 -30px; }
body#authors li#button2 a { background-position: -73px -30px; }
body#authors li#button2 a:hover { background-position: -73px -30px; }
body#news li#button3 a { background-position: -166px -30px; }
body#news li#button3 a:hover { background-position: -166px -30px; }
body#gallery li#button4 a { background-position: -281px -30px; }
body#gallery li#button4 a:hover { background-position: -281px -30px; }
body#resources li#button5 a { background-position: -366px -30px; }
body#resources li#button5 a:hover { background-position: -366px -30px; }
body#contact li#button6 a { background-position: -524px -30px; }
body#contact li#button6 a:hover { background-position: -524px -30px; }


#header
{
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	text-align: left;
}

#header_content
{
	padding: 0px 0px 0px 10px;
	height: 162px;
}

#header_left
{
	padding-top: 32px;
	width: 555px;
	float: left;
}

#header_right
{
	padding-top: 0px;
	width: 200px;
	float: right;
}

/*--------------------------------------------------------------*/

#mainarea
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	text-align: left;
	margin-top: 15px;
}

/*------------*/

#lhs
{
	width: 240px;
	float: left;
}

.lhsitem_page
{
	padding: 50px 0px 0px 0px;
}

.lhsitem
{
	background-image: url('../images/elements/bg_lhstop.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 70px 0px 0px 0px;
}

.lhsitem_content
{
	background-image: url('../images/elements/bg_lhsbot.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 50px 35px 35px;
}

.lhsitem img
{
	padding: 0px 0px 10px 0px;
}

.event_title a
{
	color: #333333;
}

.event_title
{
	color: #333333;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 12px 0px;
}

.event_date
{
	color: #333333;
	font-size: 65%;
	font-style: italic;
	padding: 0px 10px 0px 10px;
}

/*-----------*/

#content
{
	margin-top: 10px;
	width: 530px;
	float: right;
	font-size: 100%; 
}

#photos
{
	width: 530px;
	background-color: #fbdf66;
	padding: 10px 0px 10px 0px;
	margin-top: 15px;
}

#photo_content
{
	width: 520px;
	padding: 0px 1px 0px 10px;
}

.photo_item
{
	float: left;
	width: 103px;
	text-align: left;
	color: #5e5e5e;
	font-size: 70%;
	font-style: italic;
}

.photo_title
{
	padding: 3px 0px 0px 0px;
}

#quote
{
	float: right;
	width: 175px;
	background-position: 0px 0px;
	margin: 5px 0px 0px 0px;
}

#quote_content
{
	padding: 0px;
}

#normal_body
{
	padding: 0px 10px 0px 0px;
}

/* -------------- */

.galleryitem, .boarditem
{
	width: 173px;
	color: #7d7965;
	font-size: 80%;
	float: left;
}

.documentitem
{
	width: 130px;
	color: #7d7965;
	font-size: 80%;
	float: left;
}

.galleryitem img, .boarditem img
{
	padding: 9px;
	margin: 0px 5px 5px 0px;
	background-color: #fbdf66;
}

.documentitem img
{
	padding: 9px 35px 9px 35px;
	margin: 0px 5px 5px 0px;
	border: 1px solid #e0ded9;
	background-color: #ffffff;
}

.gallery_name, .board_name, .document_title
{
	text-transform: uppercase;
	color: #4692ce;
	margin: 0px 15px 0px 10px;
}

.gallery_title
{
	text-transform: uppercase;
	font-size: 90%;
	margin: 0px 15px 0px 10px;
}

.gallery_title { margin-bottom: 10px; }

.gallery_detail, .document_detail, .board_detail
{
	font-size: 90%;
	margin: 0px 15px 10px 10px;
}

.newsitem
{
	padding: 9px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e0ded9;
	background-color: #ffffff;
	color: #333333;
	font-size: 80%;
	float: left;
	width: 100%;
}

.newsitem img
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.news_title
{
	text-transform: uppercase;
	color: #4692ce;
	margin: 0px;
}

.news_venue
{
	text-transform: uppercase;
	font-size: 90%;
	margin: 0px;
}

.news_detail
{
	font-size: 90%;
	margin: 0px;
}

.boarddetailitem, .newsdetailitem, .shopdetailitem
{
	color: #333333;
	font-size: 80%;
}

.boarddetailitem img, .newsdetailitem img, .shopdetailimage img, .contentImg
{
	padding: 9px;
	margin: 0px 0px 5px 5px;
	background-color: #fbdf66;
	float: right;
}

img.noborder
{
	padding: 9px;
	margin: 0px 0px 5px 5px;
	background-color: #ffffff;
	float: right;
}

.boarddetail_name, .newsdetail_title, .video_title
{
	text-transform: uppercase;
	color: #4692ce;
}

.boarddetail_title, .newsdetail_venue
{
	text-transform: uppercase;
	font-size: 90%;
}

.boarddetail_detail, .newsdetail_detail, .video_detail
{
	font-size: 90%;
}

#pagination
{
	color: #7d7965;
	font-size: 80%;
}

.more
{
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;
}

.videoarea
{
	font-size: 90%;
	margin: 0px 5px 10px 0px;
}

.video
{
	padding: 9px;
	margin: 0px 0px 5px 5px;
	border: 1px solid #e0ded9;
	background-color: #ffffff;
	float: right;
}

#shopitemleft
{
	width: 325px;
	float: left;
}

#shopitemright
{
	width: 240px;
	float: right;
}

#imagepagination
{
	color: #7d7965;
	font-size: 80%;
	margin: 0px 5px 5px 10px;
}

#impagleft
{
	float: left;
	width: 200px;
	margin: 1px;
	padding: 1px;
}

#impagleft a
{
	margin: 1px 1px 0px 1px;
	background-color: #ffffff;
	border: 1px solid #acc8e1;
	display: block;
	width: 16px;
	line-height: 15px;
	float: left;
	text-align: center;
}

#impagright
{
	float: right;
	width: 20px;
	text-align: right;
}

/*--------------------------------------------------------------*/

#footer
{
	width: 770px;
	border-top: 1px solid #b9d5ec; 
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 20px 0px;
}

#footer p { font-size: 100%; }


#footer ul
{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer ul li
{
	float: left;
	list-style: none;
	padding: 0px 3px 2px 0px;
	margin: 0px;
}

#footer .footerleft
{
	padding: 5px 0px 0px 0px;
	float: left;
	font-size: 65%;
	color: #90b0ca;
	text-align: left;
	text-transform: uppercase;
}

#footer .footerleft a
{
	color: #90b0ca;
	text-decoration: none;
}

#footer .footerleft a:hover { text-decoration: underline; }

#footer .footerright
{
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;
	font-size: 65%;
	color: #c1d3de;
}

#footer .footerright a
{
	color: #c1d3de;
	text-decoration: none;
}

#footer .footerright a:hover { text-decoration: underline; }


/*--------------------------------------------------------------*/
/* extras */

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

a:link
{
	color: #4692ce;
	text-decoration: none;
}

a:visited 
{
	color: #4692ce;
	text-decoration: none;
} 

a:active 
{
	color: #4692ce;
	text-decoration: none;
} 

a:hover 
{
	color: #4692ce;
	text-decoration: underline;
}

h1 
{
	font-weight: normal;
	color: #4692ce;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 8px 0px;
	font-size: 130%;
	text-transform: uppercase;
}

h2 
{
	font-weight: normal;
	color: #4692ce;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 6px 0px;
	font-size: 100%;
	text-transform: uppercase;
}

p
{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	font-size: 80%;
}

#normal_body div p 
{
	font-size: 100%;
}

#normal_body ul
{
	font-size: 80%;
	list-style: disc;
}

#normal_body .newsdetailitem ul
{
	font-size: 100%;
	list-style: disc;
}

#normal_body ul li
{
	list-style: disc;
}

table
{
	font-size: 80%;
}

.small { font-size: 80%; }


.table1
{
	border: 1px solid #e0ded9;
	background-color: #ffffff;
}

.table2
{
	border: 1px solid #e0ded9;
	background-color: #ffffff;
}

.table3
{
	border: 1px solid #e0ded9;
	background-color: #ffffff;
}

.table4
{
	border: 1px solid #cfccc5;
	background-color: #e0ded9;
}

.centered { text-align: center; }

.back
{
	text-align: left;
	text-transform: uppercase;
	font-size: 90%;
	margin: 5px 0px 0px 0px;
}

.mandatory
{
	font-weight: bold;
	color: #4692ce;
	font-size: 110%;
}

.field
{
	border: 1px solid #a5cff0;
	background-color: #ffffff;
	width: 245px;
	color: #707070;
	padding: 2px;
}

.dropdown
{
	border: 1px solid #a5cff0;
	background-color: #ffffff;
	color: #707070;
}

.short
{
	width: 50px;
}

.linkcontent
{
	font-size: 90%;
	margin: 0px 0px 0px 10px;
}

#mainTitle
{
	width: 330px;
	height: 40px;
	margin: 0;
	padding: 0;
}

#mainTitle h1
{
	width: 330px;
	height: 40px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#mainTitle h1#homeTitle { background-image: url('../images/titles/welcome.gif'); }

#mainTitle h1#authorsTitle { background-image: url('../images/titles/authors.gif'); }

#mainTitle h1#newsTitle { background-image: url('../images/titles/news_events.gif'); }

#mainTitle h1#galleryTitle { background-image: url('../images/titles/gallery.gif'); }

#mainTitle h1#resourcesTitle { background-image: url('../images/titles/teachers_resources.gif'); }

#mainTitle h1#contactTitle { background-image: url('../images/titles/contact.gif'); }

#mainTitle h1#termsTitle { background-image: url('../images/titles/terms_conditions.gif'); }

#mainTitle h1#privacyTitle { background-image: url('../images/titles/privacy_policy.gif'); }

#mainTitle h1#copyrightTitle { background-image: url('../images/titles/copyright.gif'); }

.subTitle
{
	width: 260px;
	height: 30px;
	margin: 0px;
	padding: 0;
}

.subTitle h2
{
	width: 260px;
	height: 30px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.subTitle h2#authorsSubtitle { background-image: url('../images/subtitles/ourauthors.gif'); }