/***************************************************************************
 *                             default.css
 *                            ------------------
 *	 AUTHOR				  : Kevin K. Nelson
 *   EMAIL                : knelson@taoti.com
 *   COPYRIGHT            : (C) 2005 Taoti Enterprises International, Inc.
 *                           -  ALL RIGHTS RESERVED
 *
 *   LAST UPDATED         : 2005-10-18
 *
 *   PURPOSE              : To provide a default template for CSS tag
 *                          definitions and consistent class names as well
 *                          as a consistent layout for where definitions go.
 *                          The order of definitions for this CSS page are:
 *                            * tag definitions
 *                            * table classes (e.g. classes for <td> or <tr>)
 *                            * text classes (e.g. classes for <p>)
 *                            * anchor tag classes (for various link classes)
 *
 ***************************************************************************/

/*******************************************************************
TAG DEFINITIONS
   - only change colors, font-family, and size as needed.  Try not
     to write too many tag definitions beyond what's here
*******************************************************************/
html {
	scrollbar-face-color: 		#81AAC0;
	scrollbar-shadow-color:		#46748C;
	scrollbar-highlight-color:	#EEF3F6;
	scrollbar-track-color: 		#D2BFA0;
	scrollbar-arrow-color: 		#ffffff;
}
body {
	scrollbar-face-color: 		#81AAC0;
	scrollbar-shadow-color:		#46748C;
	scrollbar-highlight-color:	#EEF3F6;
	scrollbar-track-color: 		#D2BFA0;
	scrollbar-arrow-color: 		#ffffff;
	margin:						0px 0px 0px 0px;
	background-image:			url(../images/home_bkgnd.gif);
	background-repeat:			repeat-x;
	background-color:			#B0D4E8;
}
td {
	vertical-align:				top;
	padding:					0px 0px 0px 0px;
}
body, td, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					13px;
	color:						#0F425E;
}
/*h1, */h2, h3, h4, h5, h6 {
	font-weight:				normal;
	margin-top:					0px;
	margin-bottom:				8px;
}
h1 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 12px;
	font-weight: normal;
}
	h1 span {
		font-size: 12px;
	}
p, blockquote, ul, ol {
	margin-top:					0px;
	margin-bottom:				12px;
}
li {
	margin-bottom:				4px;
}
textarea, input, select {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
}
p, blockquote {
	text-align:					justify;
}
legend { 
	color:						black;
	font-size:					16px;
}

form   { margin:				0px 0px 0px 0px; }
img    { border-style:			none; }

a:link, a:visited { color:		#5992B0; }
a:hover, a:active { color:		#957A4B; }

/*******************************************************************
TABLE CLASSES
   - these are some default classes that many of our applications
     use.  If this is a static site with no applications, then
	 removing these would probably not be harmful.  Otherwise,
	 change colors, margins, etc., as needed when they do not
	 have the desired look.  If I might work on the site, there
	 is a good chance that I will want these classes, though.
*******************************************************************/
.margin_centered {
	margin-left:		auto;
	margin-right:		auto;
}
.left_form_cell {
	padding:			3px 3px 3px 3px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#B5C9D1;
	vertical-align:		middle;
}
.right_form_cell {
	padding:			3px 3px 3px 3px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#B5C9D1;
	vertical-align:		middle;
	text-align:			right;
}
.left_info_cell {
	padding:			5px 5px 5px 5px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.right_info_cell {
	padding:			5px 5px 5px 5px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.title_cell {
	font-weight:		bold;
	font-size:			14px;
	padding:			3px 3px 3px 3px;
}
.content_cell {
	padding:			3px 3px 3px 3px;
}
.row1 { background-color:#FFFFFF; }
.row2 { background-color:#EDEDED; }

/*******************************************************************
FORM CLASSES
   - so that, by default, forms are of the right size, etc.
*******************************************************************/
input.default { width:  200px; }

/*******************************************************************
TEXT CLASSES
   - I want these to be our default text definitions across the 
     board...so that when any of us are on a site, we can simply
	 type "class='small'" or "class='right'"into a tag and know that 
	 it's going to work
*******************************************************************/
.page_title {
	font-size:			24px;
	color:				#0F425E;
}
.heading {
	margin: 			0px 0px 10px 0px; 
	font-size:			18px;
	color:				#0F425E;
}
	.heading a:link, .heading a:visited, .heading a:hover {
		text-decoration: none;
		color: #0f425e;
	}
.small_descr {
	font-size:			10px;
	font-weight:		bold;
}
.lined {
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#0F425E;
}
.xsmall { font-size:	9px; }
.small  { font-size: 	10px; }
.normal { font-size: 	12px; }
.medium { font-size:	14px; }
.large  { font-size: 	16px; }
.xlarge { font-size:    18px; }
.huge   { font-size: 	20px; }

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

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

.bold   { font-weight:	bold; }
.italic { font-style:	italic; }

.color_light { color:	orange; }
.color_dark  { color:	#0F425E; }

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

/*******************************************************************
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 10px;
	border-style:		solid;
	border-color:		#CCCCCC;
	border-width:		0px 0px 0px 1px;
}
.status_title {
	font-size:			16px;
	font-weight:		bold;
	color:				#0F425E;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#0F425E;
}
.status_message {
	font-size:			12px;
	color:				#0F425E;
}

/* Right Column Sub-Navigaions Menu Styles: */
.subNav_title {
	font-variant:	small-caps;
	font-size:		16px;
	color:			#364A55;
	font-weight:	bold;
	margin:			5px 0px 7px 0px;
}
.subNav_heading {
	font-size:		12px;
	color:			#364A55;
	font-weight:	bold;
	margin:			5px 0px 0px 0px;
}
.subNav_subLinks {
	padding:		0px 0px 5px 15px;
}

.noDots {
	list-style-type:	none;
}
.listHead {
	margin-bottom:		2px;
}

span.red { color:red; }
.noborder { border-style:none; }

/*******************************************************************
ANCHOR TAG CLASSES
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.some_class a:link, .some_class a:visited {
	color:				black;
	text-decoration:	none;
}
.some_class a:hover, .some_class a:active {
	color:				red;
	text-decoration:	underline;
}

a.footer:link, a.footer:visited {
	font-family:		Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	font-size:			10px;
	letter-spacing:		1px;
	color:				#000070;
	text-decoration:	none;
/*	font-variant:		small-caps; */
}
a.footer:hover, a.footer:active {
	font-family:		Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	font-size:			10px;
	letter-spacing:		1px;
	color:				#000070;
	text-decoration:	underline;
/*	font-variant:		small-caps; */
}
.footer_text {
	padding-top:		7px;
	font-family:		Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	font-size:			10px;
	line-height:		11px;
	color:				#000070;
}
#marketing {
	padding-right: 40px;
	text-align: right;
	font-size: 11px;
	line-height: 11px;
	font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	color: #fff;
}
	#marketing a:link, #marketing a:visited, #marketing a:hover {
		color: #fff;
		text-decoration: none;
	}

a.main_nav:link, a.main_nav:visited {
	font-family:		Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	font-size:			10px;
	letter-spacing:		0px;
	color:				#19150D;
	text-decoration:	none;
}
a.main_nav:hover, a.main_nav:active {
	font-family:		Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	font-size:			10px;
	letter-spacing:		0px;
	color:				#19150D;
	text-decoration:	underline;
}
#nav { padding: 35px 60px 0px 0px; }
.mad_dash {
	padding-top:		12px;
	style=font-family:	Century Gothic,Arial,Verdana,Helvetica,sans-serif;
	color:				#19150D;
	font-size:			10px;
	letter-spacing:		3px;
}

.ip-navigation {
	color:				#787955;
	font-variant:		small-caps;
	margin-bottom:		9px;
}

a.nav-links:link, a.nav-links:visited {
	color:				#787955;
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	padding:			2px 7px 2px 0px;
	text-decoration:	none;
	text-decoration:	none;
}
a.nav-links:hover, a.nav-links:active {
	background-color:	#E1E3A7;
	color:				#54553D;
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-variant:		small-caps;
	padding:			2px 7px 2px 0px;
	text-decoration:	none;
}
a.subLinks:link, a.subLinks:visited {
	color:				#787955;
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	padding:			0px 9px 2px 9px;
	text-decoration:	none;
}
a.subLinks:hover, a.subLinks:active {
	background-color:	#E1E3A7;
	color:				#54553D;
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	padding:			0px 9px 2px 9px;
	text-decoration:	none;
}

a.headLinks:link, a.headLinks:visited {
	color:				#364A55;
	font-size:			16px;
	font-variant:		small-caps;
	font-weight:		bold;
	text-decoration:	none;
}
a.headLinks:hover, a.headLinks:active {
	color:				#364A55;
	font-size:			16px;
	font-variant:		small-caps;
	font-weight:		bold;
	text-decoration:	underline;
}

.subHeadLinks2: {
	color:				#364A55;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}
a.subHeadLinks:link, a.subHeadLinks:visited {
	color:				#364A55;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}
a.subHeadLinks:hover, a.subHeadLinks:active {
	color:				#364A55;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	underline;
}
.left {float:left;margin:10px 15px 10px 0;}
.right {float:right;margin:10px 0 10px 15px;}
.specials-wrapper {width:515px;height:300px;}
.march-package {padding:0;margin:10px 0;text-align:center;}