/***************************************************************************
 *                                common.css
 *                            ------------------
 *	 AUTHOR				  : Kevin K. Nelson
 *   EMAIL                : http://www.w3churchhost.com/contact_us.php
 *   COPYRIGHT            : (C) 2008 w3churchhost.com - ALL RIGHTS RESERVED
 *
 *   LAST UPDATED         : 2008-01-22
 *
 ***************************************************************************/

/*******************************************************************
SCROLLBAR DEFINITION
   - if using XHTML, change "body" to "html", for it to work.
*******************************************************************/
body {
	scrollbar-face-color: 		#C0C0C0;
	scrollbar-shadow-color:		#ffffff;
	scrollbar-highlight-color:	#ffffff;
	scrollbar-track-color: 		#CCCCCC;
	scrollbar-arrow-color: 		#ffffff;
}
/*******************************************************************
TAG DEFINITIONS
   - only change colors, font-family, and size as needed.  Try not
     to write too many tag definitions beyond what's here
*******************************************************************/
html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0px 0px 0px 0px; background-color:white; color:black; }
td   { padding:0px 0px 0px 0px; vertical-align:top; }
form { margin:0px 0px 0px 0px; }
fieldset { display:block; margin-top:0px; margin-bottom:12px; }
legend   { font-size:14px; font-weight:bold; color:black; }

/* DEFAULT FONT SETTING */
table, td, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	margin-top:			0px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				inherit;
}
textarea, input, select {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
}

/* FONT SIZES & BOTTOM MARGINS */
h1 { font-size:24px;margin-bottom:24px; }
h2 { font-size:20px;margin-bottom:20px; }
h3 { font-size:16px;margin-bottom:16px; }
h4 { font-size:14px;margin-bottom:14px; }
td, p, blockquote, ul, ol, h5, h6 { font-size:12px;margin-bottom:12px; }
div { font-size:12px; }

/* ALIGNMENT */
p, blockquote, li { text-align:justify; }

/* SET BORDER-DEFAULT COLOR/STYLE, BUT SET 0px SIZE */
img, table, tr, td, form, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	border-color:		#CCCCCC;
	border-style:		solid;
	border-width:		0px 0px 0px 0px;
}

sup { color:#CC0000; font-size:10px; }

/* SET DEFAULT LINK COLORS */
a:link, a:visited { color:navy; }
a:hover, a:active { color:#CC0000; }
/*******************************************************************
TABLE CLASSES
   - classes for use with table rows and table cells
*******************************************************************/
.center_table    { margin-left:auto; margin-right:auto; }
.left_form_cell  { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; }
.right_form_cell { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; text-align:right; }
.left_info_cell  { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; }
.right_info_cell { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; text-align:right; }
.title_cell      { padding:5px 5px 5px 5px; font-size:14px; font-weight:bold; white-space:nowrap; }
.content_cell    { padding:5px 5px 5px 5px; }

.row1         { background-color:#FFFFFF; }
.row2         { background-color:#EDEDED; }
.row_selected { background-color: #FFFF99; }

/* .clickable_cell and .clickable_cell_on are used with the cms-full
   application.  They are designed to be used so that JavaScript can 
   toggle the BG color of a cell onmouseover and toggle back onmouseout. */
.row1 .clickable_cell { background-color:#FFFFFF; }
.row2 .clickable_cell { background-color:#EDEDED; }
.clickable_cell_on    { background-color:#FFFFCC; }
.clickable_cell, .clickable_cell_on { cursor:pointer; padding:5px 5px 5px 5px; }

.top    { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/*******************************************************************
BLOCK CLASSES
   - classes for block-level tags, such as <div>, etc.
*******************************************************************/
.center_block { display:block; margin-left:auto; margin-right:auto; }

.page_title { font-size:20px; font-weight:bold; margin-bottom:20px; color:navy; }
.heading    { font-size:14px; font-weight:bold; margin-bottom: 0px; color:navy; }

.bordered    { border-width:1px 1px 1px 1px; }
.noborder    { border-width:0px 0px 0px 0px; }
.line_top    { border-top-width:1px; }
.line_right  { border-right-width:1px; }
.line_bottom { border-bottom-width:1px; }
.line_left   { border-left-width:1px; }

.left    { text-align: 	left; }
.center  { text-align: 	center; }
.right   { text-align: 	right; }
.justify { text-align: 	justify; }

.block      { display:	block; }
.no_display { display:	none; }

.no_margin   { margin: 0px 0px 0px 0px; }
.half_margin { margin-bottom: 6px; }

.pad_sm { padding: 5px 5px 5px 5px; }
.pad_md { padding: 10px 10px 10px 10px; }
.pad_lg { padding: 15px 15px 15px 15px; }
/*******************************************************************
FORM CLASSES
   - for some form consistency, set the form elements' classes to 
     default.
*******************************************************************/
input.default    { width:200px; }
select.default   { width:200px; }
textarea.default { width:200px; height:80px; }
textarea.full    { display:block; width:99%; margin-left:auto; margin-right:auto; height:250px; }

/*******************************************************************
TEXT CLASSES
   - These are "inline" classes.  They can be applied to any tag but
     do not require it to be block-level, etc.
*******************************************************************/
.small_descr { font-size:10px; font-weight:bold; }

.xsmall { font-size:	9px; }
.small  { font-size: 	10px; }
.normal { font-size: 	12px; }
.medium { font-size:	14px; }
.large  { font-size: 	16px; }
.xlarge { font-size:    20px; }
.huge   { font-size: 	24px; }

.bold      { font-weight: bold; }
.no_bold   { font-weight: normal; }
.italic    { font-style:  italic; }
.no_italic { font-style:  normal; }

.small_caps { font-variant: small-caps; }

.red   { color: #CC0000; }
.navy  { color: navy; }
.black { color: black; }
.white { color: white; }

/*******************************************************************
OUR PHP LIBRARY'S status_message() CLASS DEFINITIONS
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.status_container {
	margin:				20px 10px 20px 10px;
	padding:			3px 5px 3px 5px;
}
.status_title {
	font-size:			16px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		black;
}
.status_message {
	font-size:			12px;
}
/*******************************************************************
ANCHOR CLASSES
   - for site specific anchor tag class definitions
*******************************************************************/


/*******************************************************************
SITE-SPECIFIC DEFINITIONS
   - for site specific ids, classes, and tags
*******************************************************************/
body           { background:url(../images/body_bg.gif) repeat-x #12267D; }
li             { margin-left:-20px; }
#container     { width:995px;margin:0px auto 0px auto; }
#banner        { background:url(../images/banner.gif) no-repeat; width:995px; height:61px;
	text-align:right; color:white; font-weight:bold; }
	
#top_links     { padding: 8px 18px 0px 0px; }
#top_links a:link, #top_links a:visited { color:white;text-decoration:none; }
#top_links a:hover, #top_links a:active { color:#F5D48E;text-decoration:none; }

#primary_nav   { width:995px;height:24px; }
#sub_nav       { width:995px;height:20px;padding-left:58px;padding-top:3px; }
#sub_nav a:link, #sub_name a:visited { color:black; text-decoration:none; }

.subnav_cell a:link, .subnav_cell a:visited { color:#666666; text-decoration:none; }

.subnav_cell    { font-size:10px;border-color:black;border-width:0px 1px 0px 0px;padding:3px 8px 0px 8px; }
.subnav_cell a:link, .subnav_cell a:visited { color:black;text-decoration:none; }
.subnav_cell a:hover, .subnav_cell a:active { color:#3300FF;text-deocration:none; }

.subnav_cell_on { font-size:10px;border-color:white;border-width:1px 1px 0px 0px;padding:3px 8px 0px 8px;background-color:#444857; }
.subnav_cell_on a:link, .subnav_cell_on a:visited { color:white;text-decoration:none; }
.subnav_cell_on a:hover, .subnav_cell_on a:active { color:#FFCC66;text-deocration:none; }

#content_col { width:634px;height:400px;padding:5px 15px 0px 15px; }
#right_col   { width:322px;height:400px; }

.info_box    { display:block; width:322px; height:110px; margin: 5px 0px 5px 0px; padding:8px 0px 0px 8px;
	background-image:url(../images/info_box.png); background-repeat:no-repeat; overflow:hidden; }
.info_box li { margin-left:-20px; font-size:11px; font-weight:bold; }
.info_box p  { font-size:10px; font-weight:bold; }
.info_box b { color:blue; }
.info_box .price { float:right; font-size:22px; color:#FFCC66;margin-top:28px;margin-right:22px;font-weight:bold; }
a.no_decor:link, a.no_decor:visited, a.no_decor:hover, a.no_decor:active { color:inherit;text-decoration:none; }

.header { font-size:22px;color:black;font-weight:normal; }
.header span { font-variant:small-caps; font-size:18px;color:#999999; font-weight:bold; }
.headline { padding:10px 10px 10px 10px; }