/************************************************************************************
* 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-color: #C9D7D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #000000; 
	margin-top:30px;
	margin-bottom:10px;
}

/********************************************
*					IDs						*
********************************************/

#bottom_nav_child_footer
{
	background-color: #244386;
	border: 1px solid #00236F;
}

#bottom_nav_child_header_bg
{
	background-image: url(../images/nav_child_header_bg.jpg);
	background-repeat: repeat-x;
	width: 938px;
}

#container
{
	width:954px;
}

#fitness_header
{
	width: 306px;
}

#flash
{
	width:700px;
	height:171px;
}

#healthy_links
{
	width: 249px;
}
#login_div
{
	padding: 10px;
	padding-top: 17px;
	width: 234px;
	font-size:12px;
	background-image: url(../images/header_login.jpg);
	background-repeat: no-repeat;
}
#logged_in_div
{
	background-image: url(../images/logged_in_bg.jpg);
	background-repeat: no-repeat;
	height:171px;
	width:255px;
}
#minutes_header
{
	width: 290px;
}

#polls_header_bg
{
	width: 341px;
}

#profile_pic_header
{
	margin-left:5px;
	margin-top: 5px;
	height:165px;
	}

#side_nav_bg
{
	border-right: 1px solid #244386;
	color: #244386;
	padding: 2px;
	width:150px;
}

#sub_header_left {
	float:left;
	margin:0px;
	width:auto;
	}
	
#sub_header_right {
	float:right;
	margin-top:9px;
	margin-left:0px;
	margin-right:5px;
	background-image:url(../images/sub_header_bg.jpg);
	background-repeat:repeat-x;
	min-width:70%;
	max-width:90%;
	width:inherit
	}

#top_nav_bg
{
	background-image: url(../images/nav_bg_2.jpg);
	background-repeat: no-repeat;
	vertical-align:top;
}

#video_header
{
	width: 283px;
}

/********************************************
*					Links					*
********************************************/

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

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

a.maroon_link, a.maroon_link:link, a.maroon_link:visited, a.maroon_link:active  
{
	text-decoration: none; 
	font-weight: bold; 
	color: #8C0B42; 
}
a.maroon_link:hover
{
	text-decoration: none; 
	font-weight: bold; 
	color: #254488; 
}
a.side_nav, a.side_nav:link, a.side_nav:visited  
{
	text-decoration: none; 
	font-weight: bold; 
	color: #244386; 
}
a.side_nav:hover, a.side_nav:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #FDB813; 
}
a.nav, a.nav:link, a.nav:visited, a.nav:active  
{
	text-decoration: none; 
	font-weight: bold; 
	color: #FDB813; 
}
a.nav:hover
{
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFFFF; 
}

a.white_link, a.white_link:link, a.white_link:visited 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFFFF; 
}
a.white_link:hover, a.white_link:active 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #FDB813;  
}
a.white_sm_link, a.white_sm_link:link, a.white_sm_link:visited 
{
	font-size:10px;
	text-decoration: none; 
	color: #FFFFFF; 
}
a.white_sm_link:hover, a.white_sm_link:active 
{
	font-size:10px;
	text-decoration: underline; 
	color: #FFFFFF; 
}

a.small_link, a.small_link:link, a.small_link:visited 
{
	text-align:left;
	font-size:10px;
	color:#2E49F6;
	font-weight:bold;
	text-decoration: none; 
}
a.small_link:hover, a.small_link:active 
{
	text-align:left;
	font-size:10px;
	color:#244386;
	font-weight:bold;
	text-decoration: underline;
}
/********************************************
*					Classes					*
********************************************/
.avatar
{
	border:4px solid #91A2CF;
}
.avatar_profile
{
	border:4px solid #FFFFFF;
}
 
.profile_orange_bg
{
	background-color:#CA5C1A;
}
.profile_maroon_bg
{
	background-color:#8F0C41;
}
.profile_teal_bg
{
	background-color:#339999;
}
.avatar_table
{
	text-align:left;
	font-size:10px;
	color:#2E49F6;
	font-weight:bold;
}
.blue_bg
{
	background-color: #064287;
}


.blue_border_bottom
{
	border-bottom: 2px solid #064287;
}

.bottom_nav_dark_gray
{
	background-color: #EDEDED;
}

.bottom_nav_light_gray
{
	background-color: #EEEEEE;
}

.dark_blue_bg {
	background-color:#91A2CF;
	
	}
	
.excercise_calendar {
	background-color:#F8E8DB;
	width:33%;
	text-align:left;
	vertical-align:top;
	}
	
.exercies_bulliten {
	background-color:#CCD3E6;
	width:33%;
	text-align:left;
	vertical-align:top;
	}

.healthy_living
{
	width: 285px;
}

.healthy_living_padding
{
	padding: 5px;
	padding-left: 15px;
}

.exercise_tracker_header {
	background-image:url(../images/exercise_header.jpg);
	background-repeat:no-repeat;
	margin: auto;
	}
	
.sidebar_header {
	background-image:url(../images/side_header.jpg);
	background-repeat: repeat-x;
	}

.margin_bottom_10
{
	margin-bottom: 10px;
}

.margin_l_r_5
{
	margin-left: 5px;
	margin-right: 5px;
}

.margin_l_15
{
	margin-left: 15px;
}

.margin_r_10
{
	margin-right: 10px;
}

.maroon_bg
{
	background-color: #941B4F;
	border: 1px solid #60253E;
	width: 912px;
	padding: 10px;
}

.maroon_side_bg {
	background-color:#8F0C41;
	}

.orange_bg
{
	background-color:#CA5C1A;
	}
	
.orange_border {
	border-color:#CA5C1A;
	}

.blue_border {
	border-width:thin;
	border-color: #064287;
	}	
.purple_bg
{
	background-color: #802990;
}

.required
{
	color:#990000;
}

.rss_border
{
	border: 1px solid #8C8B8B;
}

.rss_border_bottom
{
	border-bottom: 1px solid #8C8B8B;
}
.rss_border_right
{
	border-right: 1px solid #8C8B8B;
}
.side_nav_button_bg
{
	background-image: url(../images/nav_child_button_bg.jpg);
	background-repeat: no-repeat;
	width: 228px;
}


.teal_bg
{
	background-color: #00757B;
}

	
.white_bg
{
	background-color: #FFFFFF;
}

.white_bg_border_child
{
	width: 940px;
	background-color: #FFFFFF;
	border: 1px solid #789595;
	padding: 4px;
}

.white_bg_border_index
{
	width: 933px;
	background-color: #FFFFFF;
	border: 1px solid #789595;
	padding: 7px;
	padding-bottom: 15px;
}

.yellow_bg
{
	background-color: #FDB813;
	width: 922px;
	border: 1px solid #BA8914;
	padding: 5px;
}

/* 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_2
{
	padding: 2px;
}

.padding_3
{
	padding: 3px;
}

.padding_5
{
	padding:5px;
}
.padding_5_no_top
{
	padding:5px;
	padding-top: 0px;
}
.padding_8
{
	padding:8px;
}
.padding_10
{
	padding:10px;
}
.padding_15
{
	padding:15px;
}
.form_field_padding
{
	padding-left:30px;
	padding-right:30px;
}

.padding_top_5
{
	padding-top:5px;
}
.padding_top_10
{
	padding-top:10px;
}
.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_left_20
{
	padding-left:20px;
}
.padding_right_5
{
	padding-right:5px;
}
.padding_right_10
{
	padding-right:10px;
}

/* Header sizes */
h1 { font-size: 155%; }
h2 { font-size: 145%; }
h3 { font-size: 135%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }

/* 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; }

.times_font		{ font-family:Georgia, "Times New Roman", Times, serif; }

/* Text colors */
.white 			{ color: #FFFFFF; }
.black 			{ color: #000000; }
.maroon			{ color: #8C0B42; }
.purple			{ color: #5D0127; }
.blue			{ color: #064287; }
.yellow			{ color: #FDB813; }
.orange			{ color: #CA5D1B; }
.dark_blue		{ color: #1F409C; }

/* Bold text colors */
.bold_white 	{ color: #FFFFFF; font-weight: bold; }
.bold_black 	{ color: #000000; font-weight: bold; }
.bold_maroon	{ color: #8C0B42; font-weight: bold; }
.bold_blue		{ color: #064287; font-weight: bold; }
.bold_yellow	{ color: #FDB813; font-weight: bold; }
.bold_orange    { color: #CA5D1B; font-weight: bold; }
.bold_dark_blue	{ color: #1F409C; font-weight: bold; }