/* #########  START UNIVERSAL PAGE LAYOUT  ######### */
body  { margin: 0 auto; background: url(images/bg_body.gif) repeat #c1c1c1; background-attachment:fixed; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #555; }
#wrapper1 { background: #7F7F7F; padding:0px; width:780px; margin:7px auto; border: 0px solid red; }
#main  { width: 780px; height: auto; border:0; background: #FFF; margin: 0px auto; padding: 0px; }
#top { width:780px; height: 20px; background: url(images/top3.png); background-repeat: repeat; margin: 0; border: 0; }
/* ########################################### */

#content a, #content a:link, #content a:visited { color: #990000; text-decoration: underline; }
#content a:hover { color:#990000; text-decoration: none; } 


	div#main_pageheader {
		background: url("images/art_main2 copy.jpg");
		height: 200px;
		background-repeat: no-repeat;
	}
	
	div#main_pageheader_right {
		margin-left: 530px;
		padding: 120px 15px 0 0;
		border: 0px lime solid;
	}
	
	div#main_pageheader form {
		padding: 0px 0 0 0;
		margin: 0;
	
	}
	

	div#main_pageheader select {
		width: 136px;
		font: 10px arial;		
		color: #636363;
	}
	
	 .searchBox {
		width: 127px;
		font: 10px arial;		
		color: #636363;
		margin-right: 2px;		
		padding: 1px 3px;
	}
	
	.formruler {
		padding: 0;
		margin: 8px 0px 4px 0px;
		width: 160px;
		border-top: 1px solid #7C93C9;
	}



/* #########  START HYPERLINKS IN HEADER  ######### */
#hyperlinks {
	float: left; 
	width: 390px; 
	height: auto; 
	margin: 25px 0 0 0; 	
	text-align:center;
	border:0px solid red;}
#hyperlinks a, .middle a:visited { color: #555; }
#hyperlinks a:hover, a:active { color: #7292B8; }
#hyperlinks ul { list-style: none; margin: 5px 0 0;}
#hyperlinks li { float: right; padding: 0 5px 1px; border-right: 1px solid #666;}
#hyperlinks li.none { border: 0;}
/* ########################################### */



/* #########  START LEFT COLUMN  ######### */
#left  { position: relative; float: left; width: 160px; margin: 10px 0 0 0px; height: auto; color:#555; }
#left div.wrap { padding: 0; }
#left #buttons { margin: 2px 0 2px 15px; padding: 0; }
#left img { border: 0; }
#left .headers { margin: 0 0 0 5px; }
#left .textarea { margin: 7px 2px 0 2px; }

/* #########  START RIGHT COLUMN  ######### */
#right { position: relative; float: right; width: 160px; margin: 10px 0 0 0; height: auto; color: #555; }
#right div.wrap { padding: 0; }
#right img { border: 0; }
#right .headers { margin: 0 0 0 5px; }
#right .textarea { margin: 0px 2px 0 3px; }

/* #########  START LEFT TEXT MENUS ######### */
#left .menu { width: 160px; }
#left .menu a, .menu a:link, .menu a:visited  {  margin: 1px 0 1px 0;  padding: 4px 3px 4px 7px; background-color: transparent; color: #990000; text-decoration: underline; display: block; border: 0; border-bottom: 1px solid #ddd; border-left: 5px solid #FFF; }
#left .menu a:hover  { color: #990000; text-decoration: none; border-left: 5px solid #990000; }
#left .menu img.left { float: left; margin: 0px 7px 0px 0px; vertical-align: middle; width: 12px; height: 12px;  }

/* #########  START LEFT SUB MENUS ######### */
#left .menu .submenu { padding-left: 20px; }
#left .menu .submenu a { border: 0; }
#left .menu .submenu a:hover { border: 0; }

/* #########  START LEFT MAILING LIST, INVITE A FRIEND, DIRECTIONS MENU ######### */
#left .menu  a.none { border-left: 0; }
#left .menu  a.none:hover { border-left: 0; }
/* ########################################### */

/* #########  START RIGHT TEXT MENUS ######### */
#right .menu { width: 160px; }
#right .menu a, .menu a:link, .menu a:visited  {  margin: 1px 0 1px 0; padding: 4px 3px 4px 7px; background-color: transparent; color: #990000; text-decoration: underline; display: block; border: 0; border-bottom: 1px solid #eee; border-right: 5px solid #FFF; }
#right .menu a:hover  { color: #990000; text-decoration: none; border-right: 5px solid #990000; }
#right .menu img.left { float: left; margin: 0px 7px 0px 0px; vertical-align: middle; width: 12px; height: 12px;  }

/* #########  START RIGHT SUB MENUS ######### */
#right .menu .submenu { padding-right: 20px; }
#right .menu .submenu a { border: 0; }
#right .menu .submenu a:hover { border: 0; }

/* #########  START RIGHT COLUMN VIDEOS ######## */
#right img.fits { text-align: left; margin: 2px 0 2px 2px; padding: 0px; border: 0px solid red; }
/* ########################################### */


/* #########  START CENTER CONTENT FOR INDEX PAGE  ######### */
#content  { position: relative; float: left; width: 460px; height: auto; text-align: left; line-height: 145%; color: #555; }
#content div.wrap {height: auto; min-height: 420px; padding: 10px; margin: 0; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  } 

#content div.indexwrap { height: auto; min-height: 420px; padding: 10px 10px 0 10px; margin: 0; border-right: 1px solid #ddd;  border-left: 1px solid #ddd; } 

img.fits { text-align: left; margin: 2px 0 2px 2px; padding: 0px; border: 0px solid red; }


/* #########  START TODAYS DATE  ######### */
#content .todaysdate { float: right; color: #999999; padding-bottom: 5px; }
#content .breadcrumb {text-align:left; color: #999999; font-size: 10px; padding-bottom: 5px; }
#content .breadcrumb a, #content .breadcrumb a:link, #content .breadcrumb a:visited { color: #999999; text-decoration: underline; }
#content .breadcrumb a:hover { color: #BBB; text-decoration: none; } 
/* ########################################### */


/* #########  START WELCOME HEADER  ######### */
#content .welcome_header { padding: 0; margin:0; border:0; background: url(images/welcome_academy.gif) top left no-repeat #FFF; width: 335px; height: 80px; border:1px solid white; border-bottom: 0px solid blue; }
/* ########################################### */

/* #########  START INDEX PAGE INFO FOR THIS MONTH  ######### */
#content div.month {margin: 10px 0 10px 0; padding:0;}
hr {color: #ddd; width: 100%;  }

/* #########  START "UPCOMING EVENTS" IMAGE  ######### */
#tabs img.header { float:left; border: none; }
/* ########################################### */


/* #########  START TABS FOR MONTHS  ######### */
#tabs .shadetabs{   padding: 3px 0; margin:1px 2px 0 0; font: bold 11px Verdana; font-variant: small-caps; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ }
#tabs .shadetabs li { display: inline; margin: 0;}
#tabs .shadetabs li a { color: #FFF; text-decoration: none; padding: 3px 7px; margin: 0; border: 1px solid #778;background: #FFF url(shade2.gif) top left repeat-x;}
#tabs .shadetabs li a:visited { color: #FFF; text-decoration: none;}
#tabs .shadetabs li a:hover { text-decoration: underline; color: #FFF; }
#tabs .shadetabs li.selected { position: relative; top: 1px;  text-decoration: none;}
#tabs .shadetabs li.selected a { /*selected main tab style */ background-image: url(shade.gif); border-right: none; border-bottom:1px solid white; color: #fff;}
#tabs .shadetabs li.selected a:hover { /*selected main tab style */ text-decoration: none; color: #eee;}
#tabs .tabcontentstyle { /*style of tab content oontainer*/ border: 1px solid #CBCBCB; border-bottom: 0px solid #CBCBCB; width: 433px; margin-bottom: 0; padding: 0px; }
#tabs .tabcontent{ display:none; padding: 0px; }
/* ########################################### */ 


/* #########  START PRELOADED IMAGE FOR EACH MONTH  ######### */
span.persistent-image {float: left; width: 224px; height: 165px; border: 0px solid blue; }
span.persistent-image img { float: left; padding: 2px; margin: 0; border: 0px solid #CBCBCB; border-right: none; }
/* ########################################### */


/* #########  START LINKS FOR EACH MONTH  ######### */
.tabdata { width: 100%; height:165px; font-size: 11px; color: #333; padding: 5px 0 0px 5px ;  overflow:auto; border-left: 1px solid: #CBCBCB; }
.tabdata a, #tabdata a:link, #tabdata a:visited { color: #003366; text-decoration: underline; line-height: 20px;}
.tabdata a:hover { color: #FF9509; text-decoration: none; border:0; }
/* ########################################### */


/* #########  START H1  ######### */
 h1 { margin: 0 0 10px 0; font-weight: bold; padding: 0; font-size: 150%; color: #990000; }
 h1.spacing { letter-spacing: 3px;}
 h1.indent { margin: 0 0 0 20px; }
 h1.underline { text-decoration: underline; }
 h1.normal {font-weight: normal; }
 h1.bold { font-weight: bold; }
 h1.italic { font-style: italic; }
 h1.small-caps { font-variant: small-caps; }
 h1.purple { color: #383159; }
 h1.blue { color:#33405C; }
 h1.brown { color: #A68F5E; }
 h1.green { color:#3E5931; }
 h1.orange {color: #FF950A; }
 h1.red {color: #990000; }
 h1.black {color: #000000; }

/* #########  START H2  ######### */
 h2 { margin: 0 0 2px 0; padding: 0; font-size: 120%; color: #990000; }
 h2.indent { margin: 0 0 0 20px; }
 h2.underline { text-decoration: underline; }
 h2.normal {font-weight: normal; }
 h2.bold { font-weight: bold; }
 h2.italic { font-style: italic; }
 h2.small-caps { font-variant: small-caps; }
 h2.purple { color: #383159; }
 h2.blue { color:#33405C; }
 h2.brown { color: #A68F5E; }
 h2.green { color:#3E5931; }
 h2.red {color: #990000; }
 h2.black { color:#000000; }

 h2 a, #content h2 a:link,  h2 a:visited { color: #990000; text-decoration: underline; }
t h2 a:hover { color:#990000;  text-decoration: none; } 

/* #########  START H3  ######### */
 h3 { margin: 0 0 2px 0; padding: 0; font-size: 100%; color: #990000; }
 h3.smallindent { margin: 0 0 3px 5px; }
 h3.indent { margin: 0 0 0 20px; }
 h3.underline { text-decoration: underline; }
 h3.normal {font-weight: normal; }
 h3.bold { font-weight: bold; }
 h3.italic { font-style: italic; }
 h3.small-caps { font-variant: small-caps; }
 h3.purple { color: #383159; }
 h3.blue { color:#33405C; }
 h3.brown { color: #A68F5E; }
 h3.green { color:#3E5931; }
 h3.red {color: #990000; }
 h3.black { color: #000000; }

h3 a, h3 a:link, h3 a:visited { color: #990000; text-decoration: underline; }
h3 a:hover { color:#990000;  text-decoration: none; } 
/* ########################################### */




/* #########  START FOOTER  ######### */
#footer {clear: both; width: 780px; height: 30px; font-weight: lighter; background: #FFF; color: #999; border-top: 2px solid #ddd; margin: 0; padding: 10px 0 10px 0;}
#footer div.left { float: left; text-align: left; margin: 0 0 0 7px; }
#footer div.right { float: right; text-align: right; margin: 0 5px 0 0; }
/* ########################################### */


/* #########  START LEFT & RIGHT ROUNDED CORNERS  ######### */

#bottom { width:780px; height: 20px; background: url(images/bottom2.png); background-repeat: repeat; margin: 0; border: 0; }
#left-bottom { float:left; width:390px;  background:#FFF; background: url(images/bl.gif) bottom left no-repeat; height:10px; border: 0; }
#right-bottom { float: left; width: 390px; background: #FFF; background: url(images/br.gif) bottom right no-repeat; height: 10px; border:0; }
/* ########################################### */

li { list-style-type: none; line-height: 160%; }