/************************************************************************************
* Created on Sep 7, 2007															*
* 																					*
* This is the standard CSS document to use on all websites. The elements shown are 	*
* just the standard ones. Feel free to add any elements you may need. You may also	*
* uncomment any of the attributes from any element you wish to use, or change the	*
* values of any attribute. Whatever works for your site.							*
*																					*
* Edited Jun 20, 2008 by Mark Kitanga												*
* - Added 1 class category called Photo Options										*
* - Added 1 class to Photo Options: photo_border									*
*																					*
* Edited Jun 17, 2008 by Mark Kitanga												*
* - Added 8 classes to Padding Sizes: padding_top_5, padding_top_10,				*
*   padding_bottom_5, padding_bottom_10, padding_left_5, padding_left_10,			*
*   padding_right_5, padding_right_10												*
*																					*
* Edited Feb 23, 2008 by Mark Kitanga												*
* - Added 3 classes to Padding Sizes: padding_5, padding_10, form_field_padding		*
*																					*
************************************************************************************/

/* Site Styles */

body
{
	background-image: url("../files/images/main_bg.jpg");
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #302519; 
	margin-top:0px;
	margin-bottom:10px; 
}

/********************************************
*					IDs						*
********************************************/
#container
{
	
	border:1px solid #000000;
	margin-top:0px;
	vertical-align:top;
}

#container_gradient_1
{
	background-image:url("../files/images/gradient_1.jpg");
	background-repeat:repeat-x;
	background-color:#3c3c16; 
	width:760px;
	margin-top:0px; 
}

#container_gradient_2
{
	background-image:    url("../files/images/gradient_2.jpg");
	background-repeat:repeat-x;
	background-color:#778222;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#container_index
{
	width:690px;
	margin-top:10px;
}

#main 
{
	vertical-align:top;
	 margin-top:0px;
}

#table_main 
{
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
#top_nav
{
	position:fixed;
 	top:0; 
	width:960px;
	margin:0px;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	height:100px;
	clear:both;
	border:1px solid #666666;
	background-color:#BACD33;
	z-index:20;
}
/********************************************
*					Links					*
********************************************/

/* Primary link */ 
a, a:link, a:visited , a:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #778321; 
}
a:hover 
{ 
	color: #BACD33; 
}

a.copyright, a.copyright:link, a.copyright:visited, a.copyright:active
{
	text-decoration: none;
	font-weight:normal;
	color: #B9CE29;
}

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

a.nav, a.nav:link, a.nav:visited, a.nav:active
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
a.nav:hover
{ 
	color:#FFFFFF;
}

#top_nav a, #top_nav a:link, #top_nav a:visited, #top_nav a:active
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#top_nav a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

/********************************************
*					Classes					*
********************************************/
.clear
{
	clear:both;
}
.divider_cell {
	background-image:    url("../files/images/divider.jpg");
	background-repeat:repeat-x;
	background-color:#768321;
	}

.index_text_cell 
{
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #000000;
	float:left; 
	width:720px;  
	margin-bottom:10px;  
	margin-left:4px;
}
.index_pics
{
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #000000;
	float:left; 
	width:720px;  
	margin-left:4px;
}

.index_text_welcome 
{
	background-color:#FFFFFF;
	padding:5px;
	padding-right:25px;
	border:1px solid #000000;
	float:left; 
	width:700px;  
	margin-left:14px; 
	margin-top:14px;
	height:150px;
	overflow:auto;
}
	
.index_lc_bg {
	background-image:    url("../files/images/index_lc_img.jpg");
	background-repeat:no-repeat;
	margin:auto;
	
	}
.index_pic 
{
	height:150px;
	margin-top:170px;
	width:230px;
}
.index_sc_bg {
	background-image:    url("../files/images/index_sc_img.jpg");
	background-repeat:no-repeat;
	}
	
.index_alamo_bg {
	background-image:    url("../files/images/index_alamo_img.jpg");
	background-repeat:no-repeat;
	}	
	
.index_cloud_bg {
	background-image:    url("../files/images/index_cloud_img.jpg");
	background-repeat:no-repeat;
	}

.main_content {
	background-color:#B9CD33;
	margin-top:0px;
	vertical-align:top;
}

.required
{
	color:#03105F;
	font-weight:bold;
	font-size:16px; 
}

.required_star 
{
	color:#768321;
	text-decoration:none;
	}

.scroll_text {
	color:#FFFFFF;
		margin-left: 0px;
	overflow:auto;
	padding-right: 20px;
	height:250px;
	width:670px;
	text-align:justify;
	
	}
	
.scroll_text_index {
	margin-left: 5px;
	overflow:auto;
	padding-right: 5px;
	height:100px;
	width:700px;
	}

.top_bar {
	background-color:#322ldla;
	}
/* Photo Options */
.photo_border
{
	border-left:3px solid #E6E6E6;
	border-top:3px solid #E6E6E6;
	border-right:3px solid #E6E6E6;
	border-bottom:9px solid #E6E6E6;
}

/* Padding sizes */
.l_r_padding 
{
	padding-left:5px;
	padding-right:5px;
}
.l_r_padding_more 
{
	padding-left:10px;
	padding-right:10px;
}
.t_b_padding 
{
	padding-top:5px;
	padding-bottom:5px;
}
.t_b_padding_more 
{
	padding-top:10px;
	padding-bottom:10px;
}

.padding_5
{
	padding:5px;
}
.padding_10
{
	padding:10px;
}
.form_field_padding
{
	padding-left:30px;
	padding-right:30px;
}

.padding_top_5
{
	padding-top:5px;
}
.padding_top_10
{
	padding-top:10px;
}
.padding_top_15
{
	padding-top:15px;
}
.padding_bottom_5
{
	padding-bottom:5px;
}
.padding_bottom_10
{
	padding-bottom:10px;
}
.padding_left_5
{
	padding-left:5px;
}
.padding_left_10
{
	padding-left:10px;
}
.padding_right_5
{
	padding-right:5px;
}
.padding_right_10
{
	padding-right:10px;
}

/* Header sizes */
h1 { font-size: 16px; margin:0px; padding-top:10px; padding-bottom:10px; }
h2 { font-size: 14px; margin:0px; padding-top:10px; padding-bottom:10px; }
h3 { font-size: 12px; margin:0px; padding-top:10px; padding-bottom:10px; }
h4 { font-size: 10px; margin:0px; padding-top:10px; padding-bottom:10px; }
h5 { font-size: 18px; margin:0px; padding-top:10px; padding-bottom:10px; }

/* Font sizes */
.section_font 	{ font-size: 18px; }
.big_font 		{ font-size: 16px; }
.mid_font 		{ font-size: 14px; }
.reg_font 		{ font-size: 12px; }
.small_font 	{ font-size: 10px; }

/* Text colors */
.white 			{ color: #FFFFFF; }
.black 			{ color: #000000; }
.green			{ color: #B9CE29; }

/* Bold text colors */
.bold_white 	{ color: #FFFFFF; font-weight: bold; }
.bold_black 	{ color: #000000; font-weight: bold; }