/* comon.css			*/
/* Jason Merkel			*/
/* common css constructs	*/

body
{
	background:			#636366;
	font-family:		sans-serif;
	text-align:			center;
	margin:				0px;
	padding:			0px;
}

a
{
	color: 				#000000;
	font-weight:		bold;
	margin:				0px;
	padding:			0px;
}

a:link
{
	text-decoration:	none;
}

a:visited
{
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

.white
{
	color:				#D8D8D9;
}

a.white:hover
{
	color:				#FFFFFF;
}

.gray
{
	color:				#636366;
}

.black
{
	color:				#000000;
}

.blue
{
	color:				#00ACEE;
}

.round
{
	-webkit-border-radius: 5px;
	-moz-border-radius:	5px;
}

.search_button
{
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius:	0px 5px 5px 0px;
}

p
{
	line-height:		150%;
	margin:				5px 0px;
}

img
{
	border:				0px;
	margin:				0px;
	padding:			0px;
}

.big
{
	font-size:			125%;
}

.small
{
	font-size:			80%;
}

.left
{
	float:				left;
	display:			block;
}

.right
{
	float:				right;
	display:			block;
}

.space
{
	margin:				0px 10px;
}

div.spaced_right
{
	margin:				0px 0px 20px 20px;
}

div.spaced_left
{
	margin:				0px 20px 20px 0px;
}

.bold
{
	font-weight:		bold;
}

.error
{
	color:				#FF0000;
	font-style:			italic;
}

div.hide
{
	display:			none;
}

div.overlay
{
	width:				100%;
	height:				100%;
	position:			fixed;
	top:				0px;
	left:				0px;
	background:			#000000;
	opacity:			0.5;
	filter:				alpha(opacity=50); /* For IE6&7 */
    text-align:			center;
    z-index:			999;
	margin:				0px;
	padding:			0px;
}

div.clear_overlay
{
	width:				100%;
	height:				100%;
	position:			fixed;
	top:				0px;
	left:				0px;
    text-align:			center;
    z-index:			1000;
	margin:				0px;
	padding:			0px;
}

div.modal
{
	width:				680px;
	text-align:			left;
	margin:				200px auto;
}

div.modal_confirm
{
	width:				400px;
	margin:				200px auto;
}

div.login_modal
{
	font-size:			80%;
}

div.loading
{
	height:				24px;
	line-height:		24px;
}

.loading_pic
{
	float:				left;
	margin:				7px 0px 6px 0px;
}

form
{
	text-align:			left;
	padding:			0px;
	margin:				0px;
}

input.text
{
	width:				100%;
	background:			#D8D8D9;
	border:				1px solid #636366;
	padding:			0px;
	margin:				0px;
}

input.search
{
	background:			#D8D8D9;
	border:				1px solid #636366;
	padding:			0px;
	margin:				0px;
}

input.password
{
	width:				100%;
	background:			#D8D8D9;
	border:				1px solid #636366;
	padding:			0px;
	margin:				0px;
}

input.checkbox
{
	font-size:			125%;
}

input.radio
{
	font-size:			125%;
}

input.month
{
	width:				25px;
	margin:				0px 5px 0px 0px;
}

input.day
{
	width:				25px;
	margin:				0px 5px;
}

input.year
{
	width:				50px;
	margin:				0px 10px 0px 5px;
}

input.hour
{
	width:				25px;
	margin:				0px 5px 0px 10px;
}

input.minute
{
	width:				25px;
	margin:				0px 5px;
}

select
{
	width:				100%;
	background:			#D8D8D9;
	border:				1px solid #636366;
	padding:			0px;
	margin:				0px;
}

select.am_pm
{
	width:				50px;
	margin:				0px 5px;
}

textarea
{
	width:				100%;
	min-height:			100px;
	font-size:			13px;
	line-height:		13px;
	background:			#D8D8D9;
	border:				1px solid #636366;
	font-family:		sans-serif;
}

#top
{
	width:				900px;
	height:				20px;
	background:			url(graphics/top.gif) no-repeat;
	text-align:			center;
	margin:				0px auto;
}

#main_menu
{
	width:				900px;
	height:				30px;
	background:			url(graphics/main_menu.gif) no-repeat;
	text-align:			center;
	margin:				0px auto;
}

#main_menu_block
{
	padding:			3px 10px 3px 5px;
	margin:				0px;
}

#logo
{
	width:				900px;
	height:				200px;
	position:			relative;
	background:			url(graphics/logo.gif) no-repeat;
	text-align:			center;
	margin:				0px auto;
}

#title
{
	position:			absolute;
	right:				0px;
	bottom:				0px;
	color:				#D8D8D9;
	cursor:				default;
	font-weight: 		bold;
	font-size: 			250%;
	padding:			0px 10px 10px 0px;
}

#canvas
{
	width:				900px;
	min-height:			395px;
	height:				auto !important;
	height:				395px;
	overflow:			hidden;
	background:			url(graphics/canvas.gif) no-repeat #D8D8D9;
	color:				#000000;
	font-size:			80%;
	text-align:			center;
	margin:				0px auto;
}

#bottom
{
	width:				900px;
	height:				5px;
	font-size:			1px;
	background:			url(graphics/bottom.gif) no-repeat;
	text-align:			center;
	margin:				0px auto;
}

#footer
{
	width:				900px;
	height:				50px;
	line-height:		50px;
	color:				#D8D8D9;
	font-size:			80%;
	font-weight:		bold;
	text-align:			center;
	margin:				0px auto;
}

ul.menu
{
	list-style:			none;
	padding:			0px;
	margin:				0px;
}

ul.spaced_right li
{
	margin:				0px 0px 0px 10px;
}

ul.spaced_left li
{
	margin:				0px 10px 0px 0px;
}

li.menu
{
	height:				24px;
	padding:			0px;
	margin:				0px;
}

li.horizontal
{
	float:				left;
}

a.menu
{
	height:				24px;
	line-height:		24px;
	margin:				0px;
	padding:			0px;
}

a.button
{
	height:				24px;
	line-height:		24px;
	float:				left;
	color:				#D8D8D9;
	font-weight:		bold;
	text-decoration:	none;
	cursor:				pointer;
}

a.button:hover
{
	background:			url(graphics/button_right_blue.png) top right no-repeat;
	color:				#FFFFFF;
	text-decoration:	none;
}

a.button span
{
	height:				24px;
	float:				left;
	padding:			0px 0px 0px 5px;
	margin:				0px 5px 0px 0px;
}

a.button:hover span
{
	background:			url(graphics/button_left_blue.png) no-repeat;
}

a.black
{
	width:				200px;
	color:				#000000;
	text-align:			left;
}

a.black:hover
{
	background:			url(graphics/button_right_black.png) top right no-repeat;
}

a.black span
{
	width:				190px;
}

a.black:hover span
{
	background:			url(graphics/button_left_black.png) no-repeat;
}

a.black_back
{
	background:			url(graphics/button_right_black.png) top right no-repeat;
}

a.black_back span
{
	background:			url(graphics/button_left_black.png) no-repeat;
}

a.arrow_left
{
	width:				24px;
	height:				24px;
	float:				left;
	background:			url(graphics/arrow_left_black.png) no-repeat;
	text-decoration:	none;
	cursor:				pointer;
}

a.arrow_left:hover
{
	background:			url(graphics/arrow_left_blue.png) no-repeat;
	text-decoration:	none;
}

a.arrow_right
{
	width:				24px;
	height:				24px;
	float:				right;
	background:			url(graphics/arrow_right_black.png) no-repeat;
	text-decoration:	none;
	cursor:				pointer;
}

a.arrow_right:hover
{
	background:			url(graphics/arrow_right_blue.png) no-repeat;
	text-decoration:	none;
}

a.search_button
{
	position:			relative;
	float:				right;
	cursor:				pointer;
	background:			#000000;
}

a.search_button:hover
{
	background:			#00ACEE;
}

div.search_button
{
	width:				12px;
	height:				12px;
	position:			relative;
	float:				left;
	background:			url(graphics/search.png) center center no-repeat;
}

div.search_results
{
	height:				470px;
}

div.search_menu
{
	height:				24px;
	line-height:		24px;
	margin:				0px 0px 20px 0px;
	clear:				both;
}

div.search_page_number
{
	float:				left;
	display:			inline;
	text-align:			center;
	font-size:			125%;
	font-weight:		bold;
}

.top
{
	height:				5px;
	font-size:			1px;
	background:			url(graphics/top_right_white.png) top right no-repeat;
}

.top_black
{
	background:			url(graphics/top_right_black.png) top right no-repeat;
}

.top_blue
{
	background:			url(graphics/top_right_blue.png) top right no-repeat;
}

.top_gray
{
	background:			url(graphics/top_right_gray.png) top right no-repeat;
}

.top span
{
	height:				5px;
	display:			block;
	font-size:			1px;
	background:			url(graphics/top_left_white.png) no-repeat;
	margin:				0px 5px 0px 0px;
}

.top_black span
{
	background:			url(graphics/top_left_black.png) no-repeat;
}

.top_blue span
{
	background:			url(graphics/top_left_blue.png) no-repeat;
}

.top_gray span
{
	background:			url(graphics/top_left_gray.png) no-repeat;
}

.middle
{
	background:			url(graphics/white.png) repeat;
	color:				#000000;
}

.middle_black
{
	background:			url(graphics/black.png) repeat;
	color:				#D8D8D9;
}

.middle_blue
{
	background:			url(graphics/blue.png) repeat;
}

.middle_gray
{
	background:			url(graphics/gray.png) repeat;
	color:				#D8D8D9;
}

.bottom
{
	height:				5px;
	font-size:			1px;
	background:			url(graphics/bottom_right_white.png) top right no-repeat;
}

.bottom_black
{
	background:			url(graphics/bottom_right_black.png) top right no-repeat;
}

.bottom_blue
{
	background:			url(graphics/bottom_right_blue.png) top right no-repeat;
}

.bottom_gray
{
	background:			url(graphics/bottom_right_gray.png) top right no-repeat;
}

.bottom span
{
	height:				5px;
	display:			block;
	font-size:			1px;
	background:			url(graphics/bottom_left_white.png) no-repeat;
	margin:				0px 5px 0px 0px;
}

.bottom_black span
{
	background:			url(graphics/bottom_left_black.png) no-repeat;
}

.bottom_blue span
{
background:				url(graphics/bottom_left_blue.png) no-repeat;
}

.bottom_gray span
{
	background:			url(graphics/bottom_left_gray.png) no-repeat;
}

div.main_col_left
{
	width:				600px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.main_col_right
{
	width:				240px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.one_col
{
	width:				860px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.two_col_left
{
	width:				640px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.two_col_right
{
	width:				200px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.home_col_left
{
	width:				160px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.home_col_center
{
	width:				460px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.home_col_right
{
	width:				200px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.profile_col_left
{
	width:				250px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.profile_col_center
{
	width:				370px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.profile_col_right
{
	width:				200px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.event_col_left
{
	width:				252px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.event_col_center
{
	width:				368px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.event_col_right
{
	width:				200px;
	float:				left;
	margin:				20px 0px 0px 20px;
}

div.sign_up_col_left
{
	width:				500px;
	float:				left;
	margin:				15px 0px 15px 20px;
}

div.sign_up_col_right
{
	width:				340px;
	float:				left;
	margin:				15px 0px 15px 20px;
}

div.search_col_left
{
	width:				420px;
	float:				left;
	margin:				0px 20px 0px 0px;
}

div.search_col_right
{
	width:				420px;
	float:				left;
	margin:				0px 0px 0px 0px;
}

div.news_feed_main_menu
{
	height:				24px;
	line-height:		24px;
	margin:				0px 0px 20px 0px;
}

a.profile_thumb
{
	position:			relative;
	float:				left;
	cursor:				pointer;
	margin:				0px 10px 0px 0px;
}

div.profile_thumb
{
	width:				50px;
	height:				50px;
	position:			relative;
	float:				left;
}

a.thumb
{
	position:			relative;
	float:				left;
	cursor:				pointer;
}

div.thumb
{
	width:				150px;
	height:				150px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	position:			relative;
	float:				left;
}

a.small_thumb
{
	float:				right;
	cursor:				pointer;
	margin:				0px 0px 0px 10px;
}

div.small_thumb
{
	width:				50px;
	height:				50px;
}

div.thumb_block
{
	height:				50px;
	float:				right;
}

a.link
{
	position:			relative;
	float:				left;
	cursor:				pointer;
}

div.link
{
	width:				190px;
	height:				100px;
	position:			relative;
	float:				left;
}

.horizontal_link_spacer
{
	width:				15px;
	height:				100px;
	float:				left;
}

.vertical_link_spacer
{
	width:				190px;
	height:				20px;
	float:				left;
}

div.blog_picture
{
	float:				right;
	margin:				0px 0px 0px 10px;
}

div.thumb2
{
	width:				50px;
	height:				50px;
	float:				right;
}

div.news_feed_main
{
	margin:				0px;
}

div.news_feed_home
{
	margin:				0px 0px 20px 0px;
}

div.news_feed_profile
{
	margin:				0px 0px 20px 0px;
}

div.news_feed_main_block
{
	overflow:			hidden;
}

div.comment_list
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.add_news
{
	display:			none;
	margin:				10px 0px 0px 0px;
}

div.section
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
	clear:				both;
}

div.user
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.news
{
	line-height:		150%;
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.blog
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.video
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

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

div.podcast
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.song
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.comment
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.message
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.verse_block
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.poll
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.visitor
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.visitor_search_col_left
{
	width:				310px;
	float:				left;
	margin:				0px 20px 0px 0px;
}

div.visitor_search_col_right
{
	width:				310px;
	float:				left;
	margin:				0px 0px 0px 0px;
}

div.visitor_name
{
	width:				620px;	
	float:				left;		
	margin:				0px 20px 0px 0px;
}


div.visitor_col_left
{
	width:				310px;	
	float:				left;		
	margin:				0px 20px 0px 0px;
}

div.visitor_col_right
{
	width:				310px;	
	float:				left;		
	margin:				0px 0px 20px 0px;
}


div.input
{
	text-align:			left;
	padding:			0px 0px 20px 0px;
}

div.spaced_input
{
	padding:			20px 0px 20px 0px;
}

div.input_box
{
	text-align:			left;
	padding:			15px 20px;
}

div.menu
{
	height:				24px;
	line-height:		24px;
	font-weight:		bold;
	color:				#636366;
	clear:				both;
}

div.spaced_menu
{
	height:				24px;
	line-height:		24px;
	font-weight:		bold;
	color:				#636366;
	clear:				both;
	margin:				0px 0px 20px 0px;
}

div.menu_block
{
	height:				24px;
	margin:				0px 0px 20px 0px;
}

div.poll_widget
{
	margin:				0px 0px 20px 0px;
}

div.link_widget
{
	height:				100px;
	margin:				0px 0px 20px 0px;
}

div.poll_widget_title
{
	height:				30px;
	background:			url(graphics/highway_poll.png) top center no-repeat;
}

div.poll_widget_question
{
	color:				#D8D8D9;
	font-weight:		bold;
	text-align:			center;
	padding:			0px 10px;
}

div.poll_widget_menu
{
	height:				24px;
	line-height:		24px;
	font-size:			125%;
	padding:			0px 10px 0px 5px;
}

div.verse_widget
{
	margin:				0px 0px 20px 0px;
}

div.verse_widget_title
{
	height:				30px;
	background:			url(graphics/weekly_verse.png) top center no-repeat;
}

div.verse_widget_verse
{
	color:				#D8D8D9;
	font-weight:		bold;
	text-align:			center;
	padding:			0px 10px;
}

div.verse_widget_menu
{
	height:				24px;
	line-height:		24px;
	font-weight:		bold;
	font-size:			125%;
	padding:			0px 10px;
}

div.top_picture_widget
{
	margin:				0px 0px 20px 0px;
}

div.picture_gallery
{
	margin:				0px 0px 20px 0px;
}

div.no_margin
{
	margin:				0px;
}

div.picture_gallery_page
{
	width:				640px;
	height:				480px;
}

div.short
{
	height:				160px;
}

div.picture_gallery_thumb
{
	width:				150px;
	height:				150px;
	float:				left;
	margin:				0px 5px 10px 5px;
	padding:			0px;
}

div.picture_gallery_menu
{
	width:				630px;
	height:				24px;
	line-height:		24px;
	margin:				0px 5px;
}

div.picture_gallery_page_number
{
	width:				582px;
	float:				left;
	display:			inline;
	text-align:			center;
	font-size:			125%;
	font-weight:		bold;
}

div.picture_info
{
	text-align:			left;
	margin:				20px 0px;
}

div.profile_info
{
	text-align:			left;
	margin:				20px 0px;
}

div.profile_info_item
{
	margin:				0px 0px 5px 0px;
}

div.side_menu
{
	margin:				0px 0px 20px 0px;
	clear:				both;
}

div.recent_posts_widget
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
	clear:				both;
}

div.recent_posts_widget_title
{
	font-size:			125%;
	font-weight:		bold;
	text-align:			center;
}

div.recent_posts_widget_list
{
	font-weight:		bold;
	padding:			0px 5px;
}

div.calendar
{
	margin:				0px 0px 20px 0px;
}

a.calendar_day
{
	width:				32px;
	height:				32px;
	line-height:		32px;
	float:				left;
	text-align:			center;
	background:			url(graphics/square_gray.png) no-repeat;
	color:				#D8D8D9;
	cursor:				pointer;
	text-decoration:	none;
	margin:				0px 2px 4px 2px;
}

a.calendar_day:hover
{
	background:			url(graphics/square_blue.png) no-repeat;
	color:				#FFFFFF;
}

a.in_month
{
	background:			url(graphics/square_black.png) no-repeat;
}

a.highlighed_day
{
	color:				#FFFFFF;
	font-size:			125%;
	font-weight:		bold;
}

a.selected_day
{
	background:			url(graphics/square_blue.png) no-repeat;
	color:				#FFFFFF;
}

div.calendar_week_days
{
	width:				252px;
	height:				24px;
	line-height:		24px;
	margin:				0px;
}

div.calendar_day_label
{
	width:				36px;
	height:				24px;
	line-height:		24px;
	float:				left;
	text-align:			center;
	font-size:			125%;
	font-weight:		bold;
}

div.calendar_menu
{
	width:				248px;
	height:				24px;
	line-height:		24px;
	margin:				0px 2px;
}

div.calendar_date
{
	width:				200px;
	float:				left;
	display:			inline;
	font-size:			125%;
	font-weight:		bold;
}

div.event_list
{
	margin:				0px;
}

div.event_list_page
{
	margin:				0px 0px 20px 0px;
}

div.event_list_date
{
	height:				24px;
	line-height:		24px;
	font-size:			125%;
	font-weight:		bold;
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.event
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.event_title
{
	text-align:			left;
	padding:			2px 5px;
}

div.service
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.registration
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.blog_title
{
	text-align:			left;
	padding:			5px;
}

a.event_title_day
{
	width:				24px;
	height:				24px;
	line-height:		24px;
	float:				left;
	font-size:			125%;
	font-weight:		bold;
	text-align:			center;
	background:			url(graphics/small_square_blue.png) no-repeat;
	color:				#FFFFFF;
	cursor:				pointer;
	text-decoration:	none;
	margin:				0px 5px 0px 0px;
}

a.event_title
{
	line-height:		24px;
	font-size:			125%;
	font-weight:		bold;
	color:				#D8D8D9;
}

a.event_title:hover
{
	color:				#FFFFFF;
}

div.event_widget
{
	margin:				0px 0px 20px 0px;
}

div.event_widget_title
{
	height:				30px;
	background:			url(graphics/upcoming_events.png) top center no-repeat;
}

div.event_widget_month
{
	height:				24px;
	line-height:		24px;
	font-size:			125%;
	font-weight:		bold;
	text-align:			left;
	color:				#D8D8D9;
	padding:			2px 5px;
}

div.find_block
{
	text-align:			left;
	margin:				0px 5px;
}

div.whos_online_widget
{
	margin:				0px 0px 20px 0px;
}

div.whos_online_title
{
	font-size:			125%;
	font-weight:		bold;
	text-align:			left;
	padding:			2px 5px;
}

div.whos_online_user
{
	text-align:			left;
	padding:			2px 5px;
}

div.whos_online_total
{
	font-weight:		bold;
	text-align:			right;
	padding:			2px 5px;
}

div.sign_up_widget
{
	line-height:		200%;
	margin:				0px 0px 20px 0px;
}

div.sign_up_box
{
	line-height:		200%;
}

div.sign_up_finish_box
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.inbox_title
{
	font-size:			125%;
	font-weight:		bold;
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.reply_box
{
	text-align:			left;
	margin:				0px 0px 20px 0px;
}

div.question
{
	font-size:			125%;
	font-weight:		bold;
	text-align:			left;
	margin:				0px 0px 10px 0px;
}

div.answers
{
	margin:				0px 50px 10px 50px;
}

div.top_answer
{
	height:				24px;
	line-height:		24px;
	background:			url(graphics/black.png) repeat;
	color:				#D8D8D9;
	padding:			0px 5px;
	margin:				1px 0px;
}

div.not_top_answer
{
	height:				24px;
	line-height:		24px;
	padding:			0px 5px;
}

div.answer
{
	width:				470px;
	height:				24px;
	line-height:		24px;
	font-weight:		bold;
	float:				left;
	margin:				0px 10px 0px 0px;
}

div.percent
{
	width:				50px;
	height:				24px;
	line-height:		24px;
	font-size:			150%;
	font-weight:		bold;
	text-align:			right;
	float:				left;
}