*
{
	font-family			: "trebuchet ms", Verdana, tahoma, sans-serif;
}

body
{
	margin				: 0;
	padding				: 0;
	background			: url("/images/design/bodybackground.jpg");
	background-attachment: fixed;
}

head
{
	margin				: 0;
	padding				: 0;
}

#toplinks
{
	width				: 750px;
	margin				: 0 auto 0 auto;
	left				: 50%;
	text-align			: center;
}

#adminMessage
{
	width				: 740px;
	margin				: 0px auto 0px auto;
	left				: 50%;
	text-align			: center;
	border				: solid 3px red;
	padding 			: 2px 0 2px 0;
	height				: auto;
}

.deleteNews, .deleteNews label, .deleteNews input, .deleteComment, .deleteComment label, .deleteComment input
.approveNews, .approveNews label, .approveNews input, .approveComment, .approveComment label, .approveComment input
{
	cursor				: pointer;		
	padding 			: 0;
	margin				: 0;
	width				: auto;
	font-size			: 1em;
	text-align			: center;
}

div.deleteNews
{
	margin				: 10px 0 0 0 ;
}

#adminMessagePermenant
{
	width				: 740px;
	margin				: 0px auto 0px auto;
	left				: 50%;
	text-align			: center;
	border				: solid 3px red;
	padding 			: 2px 0 2px 0;
	height				: 20px;
	display				: none;
}

#adminMessageContainer
{
	width				: 750px;
	margin				: 4px auto 4px auto;
	left				: 50%;
	text-align			: center;
	border				: 0;
	padding 			: 0;
	height				: 30px;	
}

#toplinks ul
{
	list-style			: none;
	padding 			: 2px 0 5px 0;
}

#toplinks li
{
	display				: inline;
	margin				: 0;
}

div.newsBlock, div.commentBlock
{
	width				: 645px;
	border				: solid 2px gray;
	margin				: 10px 0px 10px 25px;
	padding 			: 20px;
}

div.imageBlock
{
	width				: 500px;
	margin				: 0px 0px 10px 25px;
	padding 			: 10px 95px 10px 92px;;
}


div.newsBlock *
{
	margin				: 0px ;
	padding 			: 0px;
}


div.adminEditButtons
{
	margin				: 10px 40px 10px 20px;
	padding				: 0px;
	text-align			: right;
}

div.adminEditButtons ul
{
	margin				: 0px;
	padding				: 0;
}

form.contact
{
	width	: 500px;
	margin	: 0;
}

div.adminEditButtons li, div.addNewsForm li, div.addImageForm li, div.addGalleryForm li
{
	display				: inline;
	margin				: 10px;
	cursor				: pointer;
	font-weight			: bold;
	margin				: 10px 0 10px 5px;
	color				: black;
	padding				: 1px 3px 1px 3px;
	border-left			: #8DACFF 2px solid;
	border-top			: #8DACFF 2px solid;
	border-right		: #586582 2px solid;
	border-bottom		: #586582 2px solid;
	text-decoration		: none;
	background			: white;
}


div.addNewsForm, div.addImageForm, div.addGalleryForm
{
	margin				: -25px 35px 20px 0;
	text-align			: right;
}

div.addNewsForm li, div.addImageForm li, div.addGalleryForm li
{
	font-size				: 1em;
}


div.adminEditButtons a
{
	font-size			: 13px;
	color				: black;
	text-decoration		: none;
}



#toplinks a
{
	font-weight			: bold;
	margin				: 10px;
	color				: black;
	padding				: 2px 8px;
	border-left			: #8DACFF 2px solid;
	border-top			: #8DACFF 2px solid;
	border-right		: #586582 2px solid;
	border-bottom		: #586582 2px solid;
	text-decoration		: none;
	background			: white;
	font-size			: 0.7em;
}

.box_top
{
	background			: url("/images/design/boxcompletetop.png") no-repeat;
	width				: 750px;
	height				: 25px;
	margin				: 0 auto 0 auto;
	left				: 50%;
	padding-bottom		: 0;
}

.box_bottom
{
	background			: url("/images/design/boxcompletebottom.png") no-repeat;
	width				: 750px;
	height				: 34px;
	margin				: 0 auto 0 auto;
	left				: 50%;
}

.box2top
{
	background			: url("/images/design/box2completetop.gif") no-repeat;
	width				: 600px;
	height				: 29px;
	margin				: 10px auto 0 auto;
}

.box2middle
{
	background			: url("/images/design/box2completemiddle.gif") repeat-y;
	width				: 600px;
	margin				: 0 auto 0 auto;
}

div.box2middle img.thumbnail
{
	margin				: 0 0 0 20px ;
}

.box2bottom
{
	background			: url("/images/design/box2completebottom.gif") no-repeat;
	width				: 600px;
	height				: 26px;
	margin				: 0 auto 0 auto

}

#header_middle
{
	background			: url("/images/design/boxcompletemiddle.png") repeat-y;
	width				: 750px;
	margin				: 0 auto 0 auto;
	left				: 50%;
}

#content_middle
{
	background			: url("/images/design/boxcompletemiddle.png") repeat-y;
	width				: 750px;
	margin				: 0 auto 0 auto;
	left				: 50%;
	padding				: 0 0 20px 0;
	height				: auto;
}

div.content_middle p
{
	width				: 680px;
	margin				: 15px 5px 15px 26px;
}

p.logos
{
	text-align			: left;
	width 				: auto;
	margin				: 10px 35px -30px 25px;
	padding				: 0px;
}	

a.logolink:link
{
	border				: 0;
}


#adSense
{
	width				: 468px;
	margin				: 0 auto 0 auto;
	left				: 50%;
}

#map
{
	margin				: 0 25px 0 25px;
	width				: 685px;
	height				: 300px;
	border 				: 2px solid #8DACFF;
}

#footer
{
	margin				: 0 auto 50px auto;
}

img.logo
{
	margin 				: 0 10px 0 25px;
	width				: 115px;
	height				: 115px;
}

img.bjalogo
{
	height				: 45px;
	border				: 0;
}

img.title
{
	margin 				: 0;
	vertical-align		: top;
}

ul.navbar
{
	margin 				: 0 auto 0 auto;
	text-align			: center;
	width				: 650px;
	left 				: 50%;
	padding				: 5px 0 0 0;
}


div.staffFooterLinks
{
	border 				: dotted 2px #f60;
	width 				: auto;
	margin				: 10px 35px 0 25px;
	padding				: 0 0 10px 0;
}

div.staffFooterLinks h3
{
	font-size			: 1em ;
}	

li.navitem,	li.currentnavitem , div.staffFooterLinks li
{
	font-weight			: bold;
	font-size			: 0.8em ;
	display 			: inline;
	margin 				: 5px 5px 5px 5px;
	color 				: #f60;
}



li.navitem,	li.currentnavitem
{
	font-size			: 1em ;
}

li.currentnavitem a:visited, li.currentnavitem a:link, li.currentnavitem a:active, li.currentnavitem a:hover
{
	color 				: #f60;
}


div.staffFooterLinks ul
{	
	width				: auto;
	margin				: 0 0 0 20px;
	padding				: 0;
	font-size			: 1em;
	list-style-image: url(/images/design/icons/tinyBullet.gif);
}
li.navitem a:link
{
	text-decoration		: none;
	background			: none;
	color 				: black;
}

li.navitem a:visited
{
	text-decoration		: none;
	color 				: black;
}

li.navitem a:hover
{
	text-decoration		: underline
}

h2
{
	margin				: 0 37px 0px 25px;
	width				: auto;
}

h3
{
	margin				: 5px 35px 0 25px;
	text-decoration		: underline;
	width				: auto;
}

h5
{
	display				: inline;
	margin 				: 0px 0px 5px 0px;
	font-size			: 1.2em;
	text-decoration		: underline;
}

h6, h6 a:link, h6 a:visited, h6 a:active, h7, h7 a:link, h7 a:visited, h7 a:active, h8, h8 a:link, h8 a:visited, h8 a:active, h9, h9 a:link, h9 a:visited, h9 a:active
{
	padding				: 8px 10px 3px 10px;
	display				: inline;
	font-size			: 0.9em;
	margin				: 24px 0 0 18px;
	text-decoration		: none;
	font-weight			: bold;
	color				: green;
	width				: 100%;
	text-align			: right;
}

h7, h7 a:link, h7 a:visited, h7 a:active
{
	padding				: 4px 0px 3px 10px;
}


p.content_paragraph, p.content_paragraph_150, p.commentBody, p.commentPosterName, p.commentTimeStamp
{
	margin 				: 5px 35px 0 25px;
	line-height			: 1.2;
	width				: auto;
	text-align			: justify;
}

#content_middle #newsBlock p.content_paragraph
{
	margin 				: 0;
	line-height			: 1.2;
	width				: 500;
	text-align			: justify;
}

h2.error
{
	color 				: red;
}

p.error
{
	border				: solid 3px red;
	width				: auto;
	margin				: 5px 35px 0 25px;
	text-align			: center;
	padding				: 5px;
}

p.commentBodyOdd, p.commentBodyEven, p.commentPosterName, p.commentTimeStamp
{
	margin 				: 4px 0 0 0px;
	line-height			: 1.2;
	width				: 580px;
	text-align			: justify;
}

div.commentBlock p.commentTimeStamp, p.commentPosterName
{
	font-weight			: bold;
	font-size			: 1em;
	font-style			: normal;
	padding				: 0 0 0 4px;
}

p.commentPosterName
{
	font-weight			: bold;
	font-size			: 1em;
	font-style			: italic;
	padding				: 0 5px 0px 5px;
}

p.commentBodyOdd, p.commentBodyEven, p.commentBodyUnapproved, p.commentBodyApproved
{
	border				: solid 2px #DDDDDD;
	border-bottom		: solid 2px #AAAAAA;
	border-right		: solid 2px #AAAAAA;
	background			: #F5D4B9;
	padding				: 5px;	
	margin				: 0;
	width				: auto;
}

p.commentBodyUnapproved
{
	background			: #f5c2c2;
}

p.commentBodyApproved
{
	background			: #d2f5c3
}

p.commentBodyOdd
{
	background			: #d2f5c3;
	width				: auto;	
}

div.commentBlockl
{
	width				: auto;
	margin				: 10px 30px 0 40px;	
	padding				: 0px 15px 0px 0px;
}

div.editNews, div.addNews, div.addGallery, div.addImage
{
	margin				: 0 0px 20px 20px;
	padding				: 0;
}


div.editNews, div.addNews, div.editGallery, div.addGallery, div.deleteLink, div.editLink, div.deleteEmail
{
	margin				: 0 0px 20px 70px;
	padding				: 0;
}

div.editNews textarea, div.addNews textarea
{
	height				: 150px;
}

div.clickToAddComment
{
	padding				: 0px 0px 0 15px;
	cursor				: pointer;
}

div.clickToHideForm
{
	padding				: 0 10px 20px 158px;
	cursor				: pointer
}

div.formAddComment, div.formStaffLogin
{
	padding				: 0 50px 0 150px;
}

p.content_paragraph_150
{
	height				: 100px;
}

p.content_paragraph_christmas
{
	margin 				: 5px 30px 0px 25px;
	line-height			: 1.2;
	width				: auto;
	text-align			: justify;
	height				: 175px;
}

p.display_only
{
	margin 				: 5px 0 0 25px;
	line-height			: 1.2;
	width				: 90%;
	text-align			: justify;
}

p.print_only
{
	display 			: none
}

fieldset
{
	border 				: none;
	margin				: 0px 35px 0px 25px ;	
	width				: auto;
}

label.blockElement
{
	margin 				: 10px 0 0 0 ;
	font-weight			: bold;
}

.box2middle ul
{
	margin 				: 5px 29px 0 25px;
	line-height			: 1.2;
	width				: auto;
	text-align			: justify;	
}

.box2middle li
{
	margin 				: 10px 20px 0 10px;
}

.box2middle h3
{
	margin				: 0 0 5px 25px;
}


p.footer_text_right
{
	margin 				: 0 25px 0 0;
	font-size			: 0.7em;
	text-align			: right;
	right				: 15px;
	vertical-align		: top;
}	

p.footer_text_right a:link
{
	text-decoration		: none;
}

p.footer_text_right a:visited
{
	text-decoration		: none;
}

p.galleryCaption
{
	margin 				: 0 0 25px 0;
}

img.galleryImage
{
	border 				: 2px solid #8DACFF;
}

img.icon
{
	vertical-align		: middle;	
	border				: 0;
}

img.thumbnail
{
	border 				: 2px solid #8DACFF;
	margin 				: 2px;
}

img.bigger
{
	display 			: block;
	border 				: 2px solid #8DACFF;
	margin 				: 10px auto 10px auto;
	left				: 50%
}

img.frontPageThumb
{
	display 			: block;
	border 				: 2px solid #8DACFF;
	margin 				: 10px auto 0px auto;
	left				: 50%;
	width				: 160px;
}


.galleryHorizDiv
{
	width				: 500px;
	margin				: 0 auto 0 auto;
}

.galleryVertDiv
{
	width				: 375px;
	margin				: 0 auto 0 auto;
}

table.access
{
	margin 				: 0 35px 5px 30px;
	border-top			: 2px solid #ddd;
	border-left			: 2px solid #ddd;
	border-bottom		: 2px solid #aaa;
	border-right		: 2px solid #aaa;
}

table.grading
{
	margin 				: 0 35px 5px 30px;
	border-top			: 2px solid #ddd;
	border-left			: 2px solid #ddd;
	border-bottom		: 2px solid #aaa;
	border-right		: 2px solid #aaa;
	width				: 90%;
}


table.times
{
	width 				: 535px;
	margin 				: 0 35px 5px 30px;
}

table.times tr
{
	text-align 			: center;
}

table.times h4, table.times p
{
	margin				: 0;
}

tr.header th
{
	text-align			: center;
	border-bottom		: 1px solid #ddd;	
	border-left			: 1px solid #ddd;
}

th.right
{
	border-top			: 1px solid #ddd;
	background			: url("/images/design/paleorange.png");}

th.left
{
	text-align			: center;
	border-bottom		: 1px solid #ddd;	
	border-left			: none;
	border-top			: 1px solid #ddd;
	background			: url("/images/design/paleorange.png");}

td.number
{	
	text-align			: center;
	border-bottom		: 1px solid #ddd;
	background			: url("/images/design/paleyellow.png");
}

td.trophy
{	
	border-bottom		: 1px solid #ddd;
	padding				: 0 0 0 10px;
	background			: url("/images/design/paleyellow.png");
}

td.guide
{	
	padding				: 0 0 0 10px;
	border-bottom		: 1px solid #ddd;
	border-left			: 1px solid #ddd;
	background			: url("/images/design/paleyellow.png");
}

img.content_left_image
{
	margin 				: 5px 10px 0px 0;
	border				: 1px solid black;
	float				: left;
}

img.content_right_image
{
	margin 				: 5px 0px 0px 10px;
	border				: 1px solid black;
	float				: right;
}

h4
{
	margin				: 5px 20px 0 25px;
	text-decoration		: none;
	font-style			: italic;
	color				: #5582FF;
}

input, label, textarea
{
	width				: 80%;
	font-size			: 14px;
	color				: black;
	background			: #e0ffdb;
	border				: solid 2px gray;
}

input.admin
{
	font-size			: 12px;
	width				: auto;
}

label
{
	display				: block;	
	border				: none;
	color				: black;
	background			: none;
	font-weight			: bold;
}

input.display_form_submit, input.blockElement, input.furtherQuestion
{
	background			: lightgray;
	width				: auto;
	height				: 22px;
	display				: block;
	margin				: 10px 0 0 0 ;
	padding-bottom		: 3px;
}

input.furtherQuestion
{
	margin				: 10px auto auto auto;
	cursor				: pointer
}

#furtherQuestion
{
	
}	

ul.h2buttons
{
	margin				: 10px 37px 0 25px;
	list-style-type		: none;
	width				: auto;
	padding 			: 0;
	text-align 			: center;
}

li.h2buttonsli
{
	display 			: inline;
	margin				: 0 0 0 0;
}

ul.h2buttons a
{
	font-weight			: bold;
	margin				: 0 10px 0 0px;
	color				: #f60;
	text-decoration		: none;
	font-size			: 1em;
	border-top			: 2px solid black;
	border-left			: 2px solid black;
	border-bottom		: 2px solid #666;
	border-right		: 2px solid #666;
	padding				: 1px 10px 2px 10px;
	background			: #eee;
}

div.youtube
{
	text-align			: center;
	margin				: 10px 0 0 0;
}

div.newsHeadlines, div.randomImage, div.links
{
	border				: dotted 2px #FF6600;
	margin				: 20px 0 0 25px;
	width				: 209px;
	padding				: 8px 0 0 0 ;
	float				: left;
	clear				: right;
	height				: 11em;
}

div.latestComments
{
	border				: dotted 2px #FF6600;
	margin				: 20px 0 0 25px;
	width				: 685px;
	padding				: 0 0 5px 0 ;
	height				: auto;
}

div.newsHeadlines h3, div.randomImage h3, div.links h3
{
	text-align			: center;
	margin				: 0;
	padding				: 0;
	width				: 100%;
}

ul.dynamicContentUnorderedList, ul.dynamicContentUnorderedListComments
{
	list-style-image	: url(/images/design/icons/tinyBullet.gif);
	margin				: 5px 0 0 0 ;
	list-style-type		: square;
	padding				: 0;
}

ul.dynamicContentUnorderedListComments
{
	list-style-image	: url(/images/design/icons/tinyComment.gif);
}


li.dynamicContentUnorderedListItem
{
	margin				: 0 0 0 30px;	
}

ul.dynamicContentUnorderedListComments li
{
	margin				: 0 0 0 35px;
}

#content_middle p.posterDetails
{
	font-size			: 0.8em;
	margin				: 0px;
	padding				: 0px;	
}

div.dynamicContent
{
	width				: 750px;
	height				: 210px;	
}

div.randomImage img.thumbnail
{
	width				: 160px;
	border 				: 2px solid #8DACFF;
	display				: block;
	margin				: 20px auto 0 auto;
}

#content_middle .blockElement
{
	margin : 0.4em 0 0 0;
	font-size: 1em;
	height : auto
}

#content_middle p.blockElement
{
	font-size	: 1.2em;
	margin		: 0 0 10px 0;
	width		: 525px;
}

ul
{
	border : 0;
	margin : 0;
}

div.galleryPreview
{
	border : 1px solid gray;
	margin	: 0 20px 10px 40px;
	width : 600px;
	height : 65px;
	padding	: 0 20px 0 20px;
}

div.galleryPreview img.thumbnail
{
	margin : 0 0 -35px 0;
}

div.galleryPreview h3
{
	margin : -10px 0 0px 70px;
	padding : 0;
	color : black;
}

div.galleryPreview h3 a, div.galleryPreview h4 a
{
	text-decoration : none;
	color : black;
}

div.galleryPreview h4
{
	margin : 0px 0 0px 70px;
	padding : 0;
}

form.login
{
	width : 500px;
	margin : 0 50px 0 50px;
}

div.content_middle ul
{
	padding : 30px
}

*.noUnderline
{
	text-decoration : none;
}

div.deleteGallery
{
	text-align		: center;
	width			: auto;
	padding			: 10px 20% 10px 20%;
}

p.permaLink a:link, p.permaLink a:visited
{
	margin			: 0 0 0 10px;
	color			: gray;
}

p.permaLink
{
	text-align 		: right;
	margin			: -20px 0 0px 0;
}

div.newsBlock h4
{
	margin			: 15px 0 0 0;
}

input.radio
{
	width 			: 15px;
	height			: 15px;
	margin	 		: 0 10px 0 20px;
}

div.questionStage
{
	padding			: 10px;
	margin			: 10px;
	border			: dashed 1px gray;
	width			: 485px;
}

div.questionStage h4
{
	padding			: 0;
	margin			: 0;
}

div.questionStage p
{
	margin 			: 0;
}

#messageBox
{
	width			: 600px;
}

p.previousImage
{
	float			: left;
	width			: 50%;
	margin-top		: 0;
}

p.nextImage
{
	text-align		: right;
	float			: right;
	width			: 50%;
	margin-top		: 0;
}