/** 
*		Misc 
*
**/

.hidden
{ height: 12.75pt; left: -9999px; overflow: hidden; position: absolute; top: -9999px; width: 0pt; z-index: 0; }

a, a:visited
{ text-decoration: none; }

a:hover
{ text-decoration: underline; }

p
{ font-size: 12px; text-align: justify; }

ul li
{ text-decoration: none; list-style: none; }

input, select, textarea
{ font-family: Arial, Helvetica, sans-serif; }

/** 
*		Body 
*
**/

body
{ background: #a80a0a url(../img/design/bg_body.gif) repeat-x; font: 12px Arial, Helvetica, sans-serif; }

/** 
*		Wrapper 
*
**/

.wrapper
{ margin: 0 auto; width: 941px; }

/** 
*		Header 
*
**/

.header
{ background: url(../img/design/bg_header.gif) no-repeat; height: 137px; margin: 25px 0; position: relative; width: 940px; }

.header .dirLogo
{ float: right; padding: 40px 100px 0 0; }

	.header .dirLogo li
	{ float: left; padding: 0 0 0 15px; }
	
		.header .dirLogo li a, .header .dirLogo li a:visited
		{ float: left; }
	
		.header .dirLogo li a.jrilogo
		{ background: url(../img/design/bg_logoJRI.gif) no-repeat;	height: 81px; position: absolute; right: 274px; bottom: 15px; width: 81px; }
		
		.header .dirLogo li a.bataanlogo
		{ background: url(../img/design/bg_logoBataan.gif) no-repeat;	height: 79px; position: absolute; right: 188px; bottom: 15px; width: 76px; }
		
		.header .dirLogo li a.orionlogo
		{ background: url(../img/design/bg_logoOrion.gif) no-repeat;	height: 78px; position: absolute; right: 100px; bottom: 18px; width: 78px; }

/** 
*		Content 
*
**/

.content
{ background: #fff url(../img/design/bg_mainTop.gif) no-repeat scroll -1px 0; float: left; height: 100%; margin: auto; padding: 20px 0 0; position: relative; width:939px; }

	.content .contentBottom
	{ background: url(../img/design/bg_mainBottom.gif) no-repeat scroll -1px 0; bottom: -2px; height: 19px; left: 0; position: absolute; width:939px; }

/** 
*		Navbar 
*
**/

.navBar
{ float: left; height: 55px; margin: 0 0 5px 0; width: 582px; }

.navBar li
{ float: left; height: 55px; line-height: 55px; }

	.navBar li a, .navBar li a:visited
	{ float: left; height: 55px; } 
	
	.navBar li a.homeB, .navBar li a.homeB:visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat 0 -55px; width: 89px; }
	
	.navBar li a.imagesB, .navBar li a.imagesB:visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat -89px -55px; width: 96px; }
	
	.navBar li a.videosB, .navBar li a.videosB:visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat -185px -55px; width: 91px; }
	
	.navBar li a.newsB, .navBar li a.newsB:visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat -276px -55px; width: 84px; }
	
	.navBar li a.eventsB, .navBar li a.eventsB:visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat -360px -55px; width: 95px; }
	
	.navBar li a.contactB, .navBar li a.contactB :visited
	{ background: url(../img/design/bg_navbar.gif) no-repeat -455px -55px; width: 127px; }

	.navBar li a.homeB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat 0 0; }
	
	.navBar li a.imagesB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat -89px 0; }
	
	.navBar li a.videosB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat -185px 0; }
	
	.navBar li a.newsB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat -276px 0; }
	
	.navBar li a.eventsB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat -360px 0; }
	
	.navBar li a.contactB:hover
	{ background: url(../img/design/bg_navbar.gif) no-repeat -455px 0; }

.navBar .menuActivated a.homeB, .navBar .menuActivated a.homeB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat 0 -110px; }

.navBar .menuActivated a.imagesB, .navBar .menuActivated a.imagesB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat -89px -110px; }

.navBar .menuActivated a.videosB, .navBar .menuActivated a.videosB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat -185px -110px; }

.navBar .menuActivated a.newsB, .navBar .menuActivated a.newsB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat -276px -110px; }

.navBar .menuActivated a.eventsB, .navBar .menuActivated a.eventsB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat -360px -110px; }

.navBar .menuActivated a.contactB, .navBar .menuActivated a.contactB:visited
{ background: url(../img/design/bg_navbar.gif) no-repeat -455px -110px; }

/** 
*		Columns
*
**/

.mainContent
{ display: inline; float: left; margin: 0 0 20px 15px; min-height: 200px; padding: 0 0 50px; width: 582px; }

.sidebar
{ display: inline; float: right; padding: 0 15px 20px 0; width: 305px; }

/** 
*		Titles
*
**/

.mainTitle
{ background: url(../img/design/bg_mainTitle.gif) no-repeat; color: #FFF; float: left; font: normal 22px/24px Trebuchet MS; height: 46px; margin: 0 0 15px; padding: 8px 0 0 80px; text-transform: capitalize; width: 502px; }
	
.emailTitle
{ color: #111; font-size: 16px; }

	.emailTitle h3
	{ padding: 0 0 5px; }
	
		.emailTitle h3 a, .emailTitle h3 a:visited
		{ color: #D92B2B; font-weight: bold; }

.sideBox .sidebarTitle
{ color: #FFF; font-family: Tahoma; font-size: 12px; font-weight: normal; height: 26px; line-height: 26px; margin: 0 0 12px; padding: 0 0 0 10px; text-transform: uppercase; }

.nextTitle
{ float: left; font-size: 16px; font-weight: bold; margin: 10px 0; text-transform: lowercase; }

.previousTitle
{ float: right; font-size: 16px; font-weight: bold; margin: 10px 0; text-transform: lowercase; }

	.nextTitle a, .nextTitle a:visited,
	.previousTitle a, .previousTitle a:visited
	{ color: #323232; font-weight: bold; }
	
	.nextTitle a:hover, .previousTitle a:hover
	{ color: #FFA800; text-decoration: none; }
	
/***  Social Bookmarks  ***/

.addthis_toolbox
{ float: right; margin: 0 0 20px; }

	.addthis_toolbox .custom_images 
	{ float: right; display: block; }
	
		.addthis_toolbox .custom_images a, .addthis_toolbox .custom_images a:visited
		{ float: left; }

/** 
*		Blog and News
*
**/

.entryBox
{ display: block; float: left; margin: 0; width: 100%; }

	.entryBox .titleHolder
	{ background: url(../img/design/bg_blogTitle.gif) no-repeat; height: 79px; margin: 0 0 15px; padding: 10px 10px 0 0; width: 572px; }
	
		.entryBox .titleHolder .dateHolder
		{ color: #111; float: left; height: 41px; margin: 0 37px 0 0; padding: 38px 0 0; text-align: right; width: 39px; }
		
			.entryBox .titleHolder .dateHolder .day
			{ font-size: 20px; font-weight: bold; line-height: 20px; }
			
			.entryBox .titleHolder .dateHolder .month
			{ color: #A80A0A; font-size: 13px; font-weight: bold; line-height: 13px; position: relative; text-transform: uppercase; top: -3px; }
			
			.entryBox .titleHolder .dateHolder .year
			{ font-size: 12px; font-weight: bold; line-height: 12px; position: relative; top: -4px; }
		
		.entryBox .titleHolder h3
		{ float: left; font-family: Trebuchet MS; font-size: 18px; height: auto; line-height: 18px; width: 490px; }
		
			.entryBox .titleHolder h3 a, .entryBox .titleHolder h3 a:visited
			{ color: #FFF; font-weight: bold; text-transform: capitalize; }
			
			.entryBox .titleHolder h3 a:hover
			{ text-decoration: none; }
		
		.entryBox .titleHolder h4
		{ color: #CCC; float: left; font-size: 12px; font-weight: normal; margin: 0 0 10px; text-transform: capitalize; }
	
	.entryBox p
	{ font-size: 14px; margin: 0 0 10px; }
	
.facebook-like
{ float: left; margin: 0 0 30px; width: 100%; }

.readmorelink
{ float: left; margin: 0 0 35px; }

	.readmorelink a, .readmorelink a:visited
	{ color: #D92B2B; font-style: italic; font-weight: bold; }

/** 
*		Photos
*
**/

.photoAlbumBox
{ float: left; height: 100%; width: 100%; }

	.photoAlbumBox .albumTitle
	{ float: left; margin: 0 0 3px; width: 100%; }
	
		.photoAlbumBox .albumTitle a, .photoAlbumBox .albumTitle a:visited
		{ border: 2px solid #111; color: #A80A0A; float: left; font-size: 18px; font-weight: normal; line-height: 18px; padding: 5px; text-transform: capitalize; width: 96%; }
		
		.photoAlbumBox .albumTitle a:hover
		{ background-color: #A80A0A; color: #FFF; text-decoration: none; }
		
	.photoAlbumBox .albumTitle span
	{ color: #595959; font-size: 14px; text-transform: lowercase; }
	
		.photoAlbumBox .albumTitle a:hover span
		{ color: #CCC; }
		
	.photoWrapper
	{ float: left; padding: 10px 0 0; }
	
		.photoWrapper li
		{ float: left; padding: 0 20px 15px 8px; }
		
.albumCreateDate
{ float: left; font-size: 11px; font-weight: bold; position: relative; top: -27px; }
		
#photoContent
{ float: left; margin: 0; }

	#photoContent .photoBox
	{ float: left; margin: 0 10px 20px 0; width: 104px; }
	
		#photoContent .photoBox .imageBox
		{ float: left; }
		
			#photoContent .photoBox .imageBox a, #photoContent .photoBox .imageBox a:visited
			{ float: left; }
			
				#photoContent .photoBox .imageBox a img, #photoContent .photoBox .imageBox a:visited img
				{ background-color: #EEE; border: 1px solid #282828; padding: 3px; }
		
		#photoContent .photoBox .infoSection
		{ clear: both; }
		
			#photoContent .photoBox .infoSection .uploaderName
			{ color: #282828; font-size: 11px; font-weight: bold; }
			
			#photoContent .photoBox .infoSection .dateUploaded
			{ color: #0C91AD; float: left; font-size: 10px; margin: 4px 0 0; }
		
/** 
*		Videos
*
**/

.videoBox
{ float: left; height: 100%; margin: 0 0 15px; width: 100%; }

.videoBox .videoTitle
{ border: 2px solid #111; color: #A80A0A; float: left; font-size: 18px; font-weight: normal; line-height: 18px; margin: 0 0 3px; padding: 5px; text-transform: capitalize; width: 96%; }

	.videoBox .videoTitle span
	{ color: #595959; font-size: 14px; text-transform: lowercase; }
	
	.videoBox .videoContainer
	{ background-color: #111; float: left; height: 240px; margin: 10px 0; width: 98.5%; }
	
	.videoBox .infoContainer
	{ float: left; width: 240px; }
	
		.videoBox .infoContainer .vidTitle
		{ color: #A80A0A; float: left; font-size: 18px; font-weight: bold; margin: 0 0 5px; text-transform: capitalize; width: 100%; }
		
		.videoBox .infoContainer .vidDesc
		{ color: #323232; float: left; font-size: 12px; margin: 0 0 3px; width: 100%; }
		
		.videoBox .infoContainer .dateUploaded
		{ color: #0C91AD; float: right; font-size: 10px; line-height: 16px; }
		
		.videoBox .infoContainer .uploadedBy
		{ color: #A80A0A; float: left; font-weight: bold; line-height: 14px; text-decoration: underline; }
	
/** 
*		Events
*
**/

.eventWrapper
{ float: left; margin: -10px 0 20px; width: 100%; }

	.eventWrapper li
	{ color: #D92B2B; font-size: 18px; font-weight: bold; line-height: 20px; text-transform: capitalize; }
	
	.eventWrapper li span
	{ color: #111; }
	
/** 
*		Class
*
**/

.classWrapper
{ float: left; margin: -10px 0 20px; width: 100%; }

	#registered li
	{ color: #D92B2B; font-size: 18px; font-weight: bold; line-height: 20px; text-transform: capitalize; }
	
	#unregistered li
	{ color: #686868; font-size: 18px; font-style: italic; font-weight: bold; line-height: 20px; text-transform: capitalize; }
	
/** 
*		Class
*
**/

.contactForm
{ float: left; width: 100%; }

	.contactForm fieldset 
	{ float: right; margin: 0 0 8px; width: 550px; }
	
		.contactForm fieldset label
		{ color: #111; float: left; font-size: 16px; font-weight: normal; height: 34px; line-height: 34px; text-align: right; width: 178px; }
		
		.contactForm fieldset .contactInput
		{ border: 3px solid #FFA800; color: #075768; float: left; font-size: 16px; margin: 0 0 0 8px; padding: 5px; width: 63%; }
		
		.contactForm fieldset .contactTextArea
		{ border: 3px solid #FFA800; color: #075768; float: left; font-size: 16px; height: 200px; margin: 0 0 0 8px; padding: 5px; width: 63%; }
	
	.contactForm .emailSend
	{ background-color: #075768; border: none; color: #FFF; cursor: pointer; float: right; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; margin: 0 14px 0 0; padding: 0 30px; text-transform: lowercase; }

/** 
*		Captcha
*
**/

#recaptcha_widget_div
{ float: left; margin: 0 0 20px 5px; }

	#recaptcha_widget_div #recaptcha_area
	{ float: left; }
	
		#recaptcha_widget_div #recaptcha_area #recaptcha_response_field
		{ height: 16px; left: 0; top: 24px; }
	
/** 
*		Sidebar Box 
*
**/

.sideBox
{ height: 100%; margin: 0 0 20px; }

.memberLogin
{ background: url(../img/design/bg_memberlogin.gif) repeat-x; border: 1px solid #C5C5C5; height: 55px; line-height: 55px; margin: 0 0 25px 0; text-align: center; }

	.memberLogin h4, .memberLogin h4 a, .memberLogin h4 a:visited
	{ color: #323232; float: left; font-size: 24px; font-weight: bold; height: 55px; width: 100%; }
	
	.memberLogin h4 a:hover
	{ color: #D92B2B; text-decoration: none; }
		
	.shoutBox .sidebarTitle
	{ background-color: #FFA800; margin: 0 0 3px; }
	
	.upcomingEvents .sidebarTitle
	{ background-color: #D92B2B; }
	
	.latestNews .sidebarTitle
	{ background-color: #075768; }
	
	.recentPhotos .sidebarTitle
	{ background-color: #111; }
	
.sideBox .itemList
{ font-size: 14px; padding: 0 0 0 20px; }

	.sideBox .itemList li
	{ color: #323232; font-weight: bold; line-height: 16px; }
	
		.sideBox .itemList li a, .sideBox .itemList li a:visited
		{ color: #323232; font-weight: normal; }
		
			.sideBox .itemList li a .blogTitle, .sideBox .itemList li a:visited .blogTitle
			{}
			
			.sideBox .itemList li a .blogCreator, .sideBox .itemList li a:visited .blogCreator
			{ color: #FFA800; font-size: 12px; }
	 	
.recentPhotoBox
{ float: left; }
	
	.recentPhotoBox li
	{ display: inline; float: left; height: 81px; padding: 5px 10px 15px 30px; width: 104px; }
	
		.recentPhotoBox li a, .recentPhotoBox li a:visited
		{ float: left; }
		
			.recentPhotoBox li a img, .recentPhotoBox li a:visited img
			{ background-color: #EEE; border: 1px solid #282828; padding: 3px; }

/** 
*		Chat 
*
**/

.shoutBox
{}

.chat-wrapper
{ border: 1px solid #FFA800; font-size: 16px; height: 500px; margin: 3px 0 0; padding: 3px; }

.chat-members
{}

.chat-history
{ height: 350px; margin-bottom: 5px; min-height: 200px; overflow-x: hidden; overflow-y: scroll; position: relative; }

	.chat-history a, .chat-history a:visited
	{ color: #FFA800; font-weight: bold; }

	.chat-history .receiver
	{ background-color: #A80A0A; color: #FFF; font-size: 12px; margin: 0 3px 3px 0; padding: 3px 5px; }
	
		.chat-history .receiver strong
		{ color: #63E4FF; font-weight: normal; text-transform: capitalize; }
		
		.chat-history .receiver span
		{ color: #FFF; }
		
		.chat-history .receiver small
		{ color: #EEE; font-size: 9px; }
		
	.chat-history .sender
	{ background-color: #FFF; color: #111; font-size: 12px; margin: 0 3px 3px 0; padding: 3px 5px; }
	
		.chat-history .sender strong
		{ color: #111; font-weight: normal; text-transform: capitalize; }
		
		.chat-history .sender span
		{ color: #A80A0A; }
		
		.chat-history .sender small
		{ color: #0C91AD; font-size: 9px; }
	
.chat-inputs
{ float: left; height: 144px; }

	.chat-inputs .username-container
	{}
	
		.chat-inputs .username-container span
		{}
		
		.chat-inputs .username-container .chat-name
		{ border: 3px solid #075768; color: #075768; font-size: 16px; margin: 0 0 3px; padding: 5px; width: 94.5%; }
		
		.chat-inputs .username-container .username-button
		{ background-color: #075768; border: none; color: #FFF; cursor: pointer; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; padding: 0; text-transform: uppercase; width: 100%; }

	.chat-inputs .message-container
	{ float: left; height: 144px; }
	
		.chat-inputs .message-container .chat-message
		{ border: 3px solid #075768; color: #075768; font-size: 14px; height: 100px; line-height: 16px; margin: 0 0 3px; padding: 5px; width: 94.5%; }
		
		.chat-inputs .message-container .chat-button
		{ background-color: #075768; border: none; color: #FFF; cursor: pointer; font-size: 14px; font-weight: normal; height: 26px; line-height: 26px; padding: 0; text-transform: lowercase; width: 100%; }

/** 
*		Footer 
*
**/

.footer
{ background: #111111 url(../img/design/bg_footer.gif) no-repeat; bottom: -25px; *bottom: 0; clear: both; font-size: 11px; height: 100px; margin: 0 auto; position: relative; width: 940px; }

	.footer p
	{ color: #FFFFFF; float: left; font-size: 11px; padding: 15px 0 0 15px; }

		.footer p a, .footer p a:visited
		{ color: #FFF; text-decoration: none; }
	
		.footer p a:hover
		{ color: #EA3636; }

.footer .footernav
{ color: #EA3636; float: right; padding: 15px 15px 0 0; }

	.footer .footernav li
	{ float: left; padding-left: 20px; text-decoration: none; }

		.footer .footernav a, .footer .footernav a:visited
		{ color: #EA3636; text-decoration: none; }
	
		.footer .footernav a:hover
		{ color: #EA3636; text-decoration: underline; }
	
/**
*		Modal
*
**/

.modal
{ background-color: #000; display: none; height: 1000px; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; z-index: 5; }