/******************************************************************************/
/* Six Sections
/*   1) Typography
/*   2) Combinations
/*   3) IDs
/*   4) Unstructured List Formatting
/*   5) Colors (Typography?)
/*   6) Custom Styles
/*
/* Labels are alphabetical within each section 
/*
/* Elements are alphabetical within each Label
/*
/*
/* ****************           typography     ******************************* */
/*
/* I think the css, here set to white, is overriding my commands in the eventpics.htm file.  changing the bg from white to chartreuse #93c43e */
a:link, a:active, a:hover  
{
	color: #319a47;
	font-weight: bold;
}

a:visited  
{
	color: #58595b;
	font-weight: normal;
}

body, .copy 
{
	background-color: #b5b2b4; 		/* Denise didn't like chartreuse margin #93c43e with sage banner 		 was #fff;	*/
/*	background-image: url( "../images/greyray.jpg" ); */
/*	background-repeat: repeat-x;	*/
	color:#000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin:0px;
	padding:0px;
	background: no-repeat;
}	

body#uc 
{
	background-color: #93c43e;
	color:#000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin:0px;
	padding:0px;
}	

h1
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h6
{
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/*  had an orange color, liked it, but decided to go with green, orange to be used sparing for impact */
hr 
{
	background-color: #319147;	/* for ie8 */
	color: #319a47;
	height: 1px;
	text-align: center;			/* for ie7 and under */
	margin: 0 auto 3px auto;	/* for ie8 */
}

table 
{
	color:#000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}	

td
{
	background-repeat:no-repeat; 
}

/* ********************** colors ************************* */
.color 
{
	color:#f47c20;
}

.dkgray
{
	color:#58595b;
}

.dkgreen
{
	color:#319a47;
}

.dklime
{
	color:#93c43e;
}

.dkorange
{
	color:#f47c20;
}

.ltgray
{
	color:#8f8c8f;
}

.ltgreen
{
	color:#8ab884;
}

.ltlime
{
	color:#bcd788;
}

.ltorange
{
	color:#faac71;
}

.red 
{
	color:#ff0000;
}


.small td 
{
	padding-bottom:10px;
	vertical-align:top;
}

.small2 td 
{
	padding-bottom:5px;
	vertical-align:top;
}

/* ************************ IDs *************************** */
#calendarContent 
{
	border:0px solid #58595b;
	padding: 0px;
	margin-left: 30px;
    text-align: center;
	width:800px;
}

#content 
{
	border:0px solid #58595b;
	padding: 0px;
	text-align: left;
	width:700px;
}

#foot_index 
{
	border: 0px solid #58595b;
	color: #888;
	font-size: 11px;
	margin: 0;
	padding: 15px;
	text-align: center;
	width: 900px;
}

#footer 
{
	border-bottom: 1px solid #58595b;
	border-top: 0px solid #58595b;
	color: #888;

	margin: 0;

	text-align: center;
	width: 900px;
}

#header 
{
	height: 200px
	margin: 0px;
	padding: 0px;
	width: 899px;
}

#homepagelinks 
{
	border-top: 1px solid;
	border-top-color: #f47c20;
	font-size: 11px;
	margin: 10px 0 0 0;
	text-align: center;
	width: 600px;
}

/* main has a little cap on top (10px) */
#main 
{
	border: 0px solid #58595b;   /*ff0;     */
	margin: 0px;			/* had 10px on top, looking to see if a tighter look is better, betting yes */
	width: 900px;
}

#nav 
{
	border: 0px solid; */#0f0; #58595b; */
	font-weight: 200;
/*	padding: 0 2px 0 0;			*/
	padding: 0 0 0 10px;
	text-decoration: none;
	width: 190px;
	float: left;
}

#spacing
{
	line-height: 1.4;
	padding: 0 0 0 25px;
	text-align: left; 
}

#spacingcontent 
{
	border: 0px solid #f00;
	padding: 0px;
	width: 700px;
}

#spacingschedule 
{
	border: 0px solid #f00;
	padding: 0px;
	width: 900px;
}

body#rates
{
	background-color: #fff;	
}

/* ------------------------------------------------------------------
 *  I'd like to specify this on just the eventpics.htm page, but haven't gotten the syntax right 
 *  Using this border to create a picture 'matting' around the photo.
 *  If three is too much, back off to 2px.
 * --------------------------------------------------------------------- */
td.photo_matting a img
{
	border: 8px solid #8f8c8f;
	text-align: center;
	vertical-align: middle;
}

/* ************************ custom styles **************************** */
.accentcopy
{
	padding: 20px 20px 25px 5px;
}

.banner 
{
	border: 1px solid #03b050;
}

.bg
{
	background-attachment: fixed;
	background-color: #c8c8c8;
	background-image: url(../images/ahcc_logobw.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.bigpad50
{
	padding: 50px 50px 0px 50px;
	text-align: left;
}

.bnnr
{
	color: #58595b;    /* was #58595b , whits is #fff  */
	font-size: 20px;   /* changed from x-large */
	font-variant: small-caps;
	font-weight: 500;
}

.bnnrlead
{
	color: #58595b;    /* was #58595b, white is #fff  */
	font-size: 18px;
	font-variant: normal;
	font-weight: 200;
	text-align: right;
	
}

.calendarBnnrlead
{
	color: #58595b;    /* was #58595b, white is #fff  */
	font-size: 18px;
	font-variant: normal;
	font-weight: 200;
	padding: 0 0 0 100px;
	text-align: right;
}

.bucketcolor
{
	background-color: #93c43e;		/* lightest gray is #b5b2b4;   dklime/chartreuse is #93c43e;    was ltlime/sage #bcd788;      before that dkgray #58595b */
}

.calendarpad 
{
	border: 0px solid #f00;
	padding: 0 0 0 0px;
}

.centerhdrs
{
	color: #319a47; 
	font-size: 20px; 
	font-weight: 500;
	margin: 0 auto 0 auto; 	/* worked in ie8 for hr */
	padding: 25px 0 0 0;
	text-align: center; 
}

.changenote
{
	color: #f47c20;
	font-size: larger;
	font-style: italic;
}

.evenrow 
{
	background:#EFEFEF;
}

.explainOD 
{
	color: #333;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}

.explainOD_lg 
{
	color: #111;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}

.flatbottom 
{
	padding:25px 0 0 0;
}

.flattop 
{
	padding:0 25px 25px 25px;
}

.footfont1 
{
	font-size: 12px;
}

.footfont2 
{
	font-size: 11px;
	padding-top: 5px;
}

.goalsmargin
{
	margin-left: 70px;
	margin-right: 70px;
	text-align: left;
}

.greenheader 
{
	background-color:#03b050;
	padding:2px;
}

.img_col
{
	margin-right:10px;
	padding:10px;
}

.left 
{
	float:left;
}

.leftcolBottom 
{
	padding:0 10px 25px 10px;
}

.leftcolTop 
{
	padding:25px 10px 25px 25px;		/* was bottom 0 when it was longer than the right column */
}

.lefthdrs
{
	color: #319a47; 
	font-size: 20px; 
	font-weight: 500;
	padding: 0 0 0 20px;
	text-align: left; 
}

.lift
{
	vertical-align:top;
}

.mission_label
{
	color: #319a47;
	font-size:20px;
	text-align:center;
}

.missionmargin
{
	margin-left: 50px;
	margin-right: 50px;
}

.missionshortunder
{
	color: #319a47; 
	height: 3px;
	padding: 0 0 0 30px;
	text-align: left; 
}

.missionunder
{
	color: #319a47; 
	height: 3px;
	padding: 0 0 0 70px;
	text-align: left;
}

.morepad 
{
	padding: 25px 0 0 45px;
	text-align: left;
}

.newbanner 
{
	border: 1px solid #58595b;
	float: left;
	margin: 15px 60px;
}

.photo_border
{
	border: 1px solid #000;	
	text-align:center; 
 	float:left;		
}

.photo_border_event
{
	border: 1px solid #000;	
	text-align:center; 
}

.printer_sm 
{
	color:#000;
	font-size:10px;
}

.ratesbanner 
{
	border: 1px solid #f47c20;
}

.ratesborder
{
	border-bottom: 10px solid #58595b;
	border-left: 10px solid #8f8c8f;
	border-right: 10px solid #8f8c8f;
	border-top: 10px solid #8f8c8f;
	margin:10px 0 0 0;
}

.ratescopy 
{
	padding:15px;
}

.rateslead
{
	color: #fff;
	font-size: large;
	font-variant: normal;
	font-weight: 200;
	text-align: left;
}

.rightcopy 
{
	padding:25px;
	text-align: left;
}

.rightcopy10
{
	padding:25px 10px 10px 10px;
}

.rightcopy40 
{
	padding: 25px 40px;
}

.rightcopy100 
{
	padding: 25px 50px 10px 25px;
}

.rightcopyBottom 
{
	padding:0 10px 25px 10px;
}

.rightcopyTop 
{
	padding:25px 10px 0 10px;
}

.schedule_list
{
	background-color: #f2f2f0;
	text-align: left;
}

.schedule_subtitles
{
	background-color: #e0e0d8;
	text-align: center;
}

.shortbnnr
{
	background-color: #fff;	
}

.small 
{
	color:#000;
	font-size:12px;
}

.sponsor_size
{
	font-size: 11px;
}

.twocolumn
{
	text-align: left;
	padding:25px 0 20px 10px;
}

.white
{
	background-color: #fff;	
}

/* for wrapper, use white inside the chartreuse #93c43e */
.wrapper
{
	background-color: #fff;
	border-left: 1px solid #58595b;
	border-right: 1px solid #58595b;
	width: 900px;
}

/* ******************************************************** */
/* *********************  combinations ************************** */
h1.archive
{
	border-bottom:1px solid #f47c20;
	clear:left;
/*	padding-top:10px;		*/
	padding:15px 5px 10px 0;
	vertical-align: top;
}

h3.archive
{
	border-bottom:1px solid #f47c20;
	clear:left;
  	padding-top:10px;
}


li.sponsor
{
	float:inherit;			/* set up with 'center', but validation fxn said no such animal */
	list-style: none;
/*	margin-left:0;			*/
	padding:15px;
	text-align:center;
	vertical-align:middle;
}

ul.archive
{
	list-style:none;
	padding-left:-5px;
}

ul.archive a img
{
	border:1px solid #000;
	padding: 0px;
}

ul.archive li
{
	margin-bottom:3px;
}
/* added with the top nav.  colors a menu item that is visited.  temporarily color is red for illustration */
/* 58595b is dkgray, 8f8c8f is ltgray  */
ul.MenuBarHorizontal a:visited
{
	background-color: #8f8c8f;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/*********************** unstructured list formatting ********************/
ul#sponsors
{
	margin-left:200px;
	margin-right:0;
}

.testtbl
{
	background-color: #f00;


}

.testtd
{
	height: 25px;	
}

.testtop
{
	border-top: 1px solid #1a1a26;
}

.showme
{
	align: left; 
	vertical-align:text-top;
	background-image: url( "../images/bullseye_logo_op40.png" );
	background-repeat: no-repeat;	
	
}
.padme
{

	padding-left: 270px;	
}


/*******************  Chong Lee **********************/
/******* Div width for left and right mainbody *******/

#leftCol
{
	width: 200px;
	text-align: center;
	float: left;
	background-color: #fff;
}

	
#rightCol
{
	width: 660px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	float: right;
	background-color: #F8F8F8;
}

.subHeaderPadding
{
	padding-left: 120px;
	text-align: left;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.header2

{
	font: 20px;
}