body{
	background: url(images/background.gif);
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family : Arial, Helvetica, sans-serif; 
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: scroll;
}

h3 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 4px;
}

h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
}

a {
	text-decoration: none;
}

a:hover {
	color: #90C446;
}
	
ol.circle {
	list-style-type:decimal;
}

ul.ball {
	list-style-type:circle;	
	padding-left: 50px;

}

ul.ball li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #808080;
	text-decoration: none;
}

.rbroundbox p { 
	padding: 0; 
	margin: 0 0 0 0;
	color: #FFFFFF;
}

.clear {
	clear: both;
}

/* TEXT Definitions *****************************************/
.rbcontent a { 
	color: #404040;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.fillertext { 
	color: pink;
	font-family: Arial;
	font-size: 1px;
	text-decoration: none;
}

.mail_link {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #83439a;
	text-decoration: none;
}

.news_link_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: underline;
	word-spacing: normal;
	display: block;
}

.frame_title_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFCC00;
	text-decoration: underline;
	word-spacing: normal;
	display: block;
}


.yellow_link{
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-decoration: none;
}

.pink_link{
	font-size: 14px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #83439a;
	text-decoration: none;
}

.canceled_text{
	font-size: 14px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #AC0000;
	text-decoration: none;
}

.grey_link{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}

.calorie_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #808080;
	text-decoration: none;
	word-spacing: normal;
	display: block;
}

.general_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #808080;
}

.bio_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #808080;
}

.about_title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: Bold;
	color: #F7B9D4;
}

.bid_title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: Bold;
	color: #000000;
}

.about_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #808080;
	text-decoration: none;
}

.training_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: small-caps;
	color: #808080;
}

.mainpage_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #808080;
}

.info_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #808080;
}

.bold_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #83439a;
}

.honortext{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	padding-bottom: 5px;
	padding-top: 5px;
}

.scrollertext{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
}

/* End TEXT Definitions ************************************/

#main{
	width:800px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size: 90%; 
	margin: auto;
}


.pagetop {
	border: 0px solid red;
	width:800px;
	background-image: url('images/purple-top.gif');
	background-repeat: no-repeat;
}

.pagemiddle {
	border: 0px solid #000;
	background-image: url('images/purple-middle.gif');
	text-align: center;
	min-height: 350px;
}



.pagebottom {
	border: 0px solid #000;
	width:800px;
	background-image: url('images/purple-bottom.gif');
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/* Scroller BOX Information **************************************/
#fscroller2 {
	border: 0px solid green;
}
/* End Scroller BOX Information **************************************/

/* TAB BOX Information **************************************/

.tabsbox {
	float: right;
	border-bottom: 1px solid #E5E5E4; 
	background-image: url('images/2010-webpage-title-banner.gif'); 
	background-repeat: no-repeat;
	margin-right: 20px;
	width:760px;
}

/* TEXT BOX Information **************************************/

.textbox {
	float: right;
	text-align: left; /* for IE */
	border: 0px solid #000000;
	margin-top: 20px;
	margin-right: 20px;
	width:760px;
}

.textbox table {
	color: #404040;
	font-family: Arial;
	font-size: 15px;
}

.textbox ul {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 3px;
	list-style:none;	
}

.subtext {
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
}

/* End TEXT BOX ********************************************/

/* Sub MENU BOX ********************************************/
.submenu {
	float: left;
	text-align: left; /* for IE */
	border: 0px solid #000000;
	margin-top: 0px;
	width:96%;
}

.submenu_top {
	float: left;
	border: 0px solid blue;
	width:210px;
	background-image: url('images/submenu-top.gif');
	background-repeat: no-repeat;
}

.submenu_middle {
	float: left;
	border: 0px solid red;
	background-image: url('images/submenu-middle.gif');
	text-align: center;
	width:210px;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;	
}


.submenu_bottom {
	float: left;
	border: 0px solid green;
	width:210px;
	background-image: url('images/submenu-bottom.gif');
	background-repeat: no-repeat;
	padding-bottom: 3px;
}


/* End Sub MENU BOX ********************************************/

/* Final MENU BOX ********************************************/
.finalmenu {
	float: left;
	text-align: left; /* for IE */
	border: 0px solid #000000;
	margin-top: 0px;
	width:96%;
}

.finalmenu_top {
	float: left;
	border: 0px solid blue;
	width:750px;
	background-image: url('images/finalmenu-top.gif');
	background-repeat: no-repeat;
}

.finalmenu_middle {
	float: left;
	border: 0px solid red;
	background-image: url('images/finalmenu-middle.gif');
	text-align: center;
	width:750px;
}


.finalmenu_bottom {
	float: left;
	border: 0px solid green;
	width:750px;
	background-image: url('images/finalmenu-bottom.gif');
	background-repeat: no-repeat;
	padding-bottom: 3px;
}


/* End Final MENU BOX ********************************************/

/* Split 2-Column division ************************************/
/* This section defines the column mask for the main page */
#two_column_mask{
	border: 0px solid red;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;	/* This chops off any overhanging divs */
	margin: 5px;
}

	/* These classes define the three columns. In case there are multiple pages, I used a class, not an id 
	These are the common attributes to each of the three column classes */
	.column_right,
	.column_middle,
	.column_left {
		border: 0px solid green;
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}

	/* Column Classes for each column */
	.column_1,
	.column_2,
	.column_3 {
		float:left;
		position:relative;
		padding:0px 0px 2px 0px;	/* no left and right padding on columns, we just make them narrower instead 
								         only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		border: 0px solid #000;
	}	
	
	/* 3 Column class and sub-classes */
	.three_columns {
		background: #FFF;		/* right column background colour */
	}
	
	.column_middle {
		background:#FFF;		/* center column background colour */
	}
	
	.column_left {
		right: 70%;				/* width of the middle column ( there is the additional percent from column_middle to remember )*/
		background: #FFF;	/* left column background colour */
		border: 0px solid blue;
		padding: 3px;
	}
	
	.column_1 {
		width:30.2%;				/* width of center column content (column width minus padding on either side) */
		left: 69.7%;				/* 100% plus left padding of center column */
		background: #FFF;	/* left column background colour */		
		
	}
	
	.column_2 {
		width:68%;				/* Width of right column content (column width minus padding on either side) */
		left:71%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		background: #FFF;	/* left column background colour */									
	}	
	

/* Tab MENU ***********************************************/
#navigation {
	text-align: middle;
	float: right; /*Set to "left" or "right" to position menu accordingly*/
	margin-right: 0px;
	padding-top: 180px;
	border: 0px solid #999e87; /* uncomment this line to add bottom border*/
}
#navigation ul {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url(images/tabcenter-light.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 0px;	
	float: left;
}

#navigation a {
	color: #404040;
	background: url(images/tableft-light.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}

#navigation a:hover {
	color: #83439a;
	background: url(images/tableft-light.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}

#navigation a span {
	background: url(images/tabright-light.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span {
	float: none;
}


/* Current Selection */
#navigation li.menu_current  {
	display: inline;
	color: #FFFFFF;
	background: url(images/tabcenter-dark.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 0px;	
	float: left;
}

#navigation li.menu_current a  {
	color: #FFFFFF;
	background: url(images/tableft-dark.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}

#navigation li.menu_current a:hover {
	color: #FFCC00;
	/* background: url(images/tableft-light.gif) no-repeat left top;*/
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}

#navigation li.menu_current a span {
	background: url(images/tabright-dark.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation li.menu_current a span {
	float: none;
}

/* End TAB Navigation Section */

/* SUB-MENU Section ******************************/

div#sub_menu {
	float:left;
	width:200px;
	border: 0px solid green;
	margin-left: 4px;
}

div#sub_menu a {

}


div#sub_menu h1 {
	display: none;
}

div#sub_menu ul {
	list-style-type: none;
	background-color: #FFFFFF;
	padding: 0px;
}

div#sub_menu li {
	position: relative;
	border: 0px solid #000;
	margin-bottom: 4px;
	height:30px;
	background: #FFFFFF;
	padding-top:15px;
}


div#sub_menu li:hover {
	background: #ffffff;
}

div#sub_menu a {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;	
}

div#sub_menu a:hover {
	color: #ffcc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
}

div#sub_menu li.menu_current {
	color: #ffofof;
	background: #FFFFFF;
}

div#sub_menu li.menu_current:hover {
	background: #ffffff;
}

div#sub_menu li.menu_current a {
	color: #90C446;
}


/* End SUB-MENU Section **************************/


 /* set background images for corners */
.rbroundbox { background: url(background/gray_background.gif) repeat; }
.rbtop div  { background: url(background/gray_top_left.gif) no-repeat top left; }
.rbtop      { background: url(background/gray_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(background/gray_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(background/gray_bottom_right.gif) no-repeat bottom right; }
 
 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 40px; }
.rbroundbox { width: 800px; margin: auto; }