/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	text-align:center;
	margin:0;
	padding: 0;
	background-image: url(/images/taft/body_bg.jpg);
}

a{
	color: #2D5789;
	text-decoration: underline;
}

a:link{
	color: #003366;
	text-decoration: underline;
}
a:visited{
	color:#003366;
	text-decoration: underline;
}
a:hover{
	color: #003366;
	text-decoration: none;
}
p, ul{margin-top: 0px;}
h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 110%;
color: #0B3B6C;
  margin-top: 7px;
padding: 0 0 5px 0;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 105%;
 color: #0B3B6C;
 margin: 0px;
  margin-top: 7px;
 padding: 0px;
}
h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #0B3B6C;
 margin: 0px;
   margin-top: 7px;
 padding: 0px;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
   margin-top: 7px;
 padding: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #2D5789;
 margin: 0px;
   margin-top: 7px;
 padding: 0px;
}
hr {
	color: #2D5789;
	height: 1px;
}

ul{
 list-style-type: square;
 line-height: 150%;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
ul, ol{margin-top: 5px;}
form{margin-bottom: 10px;}
label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #000;
}
fieldset{padding: 20px; margin-top: 20px;}
legend{font-weight:bold; padding: 0 5px 0 5px; font-size:110%; color: #063869;}
fieldset label{font-weight:normal;}
th {
	background-color: #82A4CD;
	color: #FFFFFF;
	text-align:center;
	padding: 5px;
	border-top-color: #063869;
	border-right-color: #063869;
	border-bottom-color: #063869;
	border-left-color: #063869;
}
td{border-color:#2D5789;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container{width:925px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			background-image:url(../../../images/925_container_bg.jpg); background-repeat:repeat-y;}
#middlecontent{
	float:left;
	width: 486px;
	padding-top: 0px;
	border-left: 1px solid #2D5789;
	padding-right: 27px;
	padding-bottom: 9px;
	padding-left: 9px;
}
#rightcontent{
	float:left;
	width: 200px;
	padding-left: 10px;
	color:#000;
	font-size: 95%;
	padding-top: 20px;
}
#rightcontent th{color:#fff; font-size: 100%; text-align:left;}
#rightcontent a{color:#000;}
#rightcontent #states{margin-top: 10px; width:100%;}
#rightcontent ul{margin: 0px; padding:0px; list-style:none;}
#rightcontent li{margin: 0px; padding:0px;}
#footer{
	clear:both;
	color:#FFFFFF;
	text-align:center;
	padding: 20px;
	font-size: 85%;
	background-image: url(../../../images/footer_bg.jpg);
	background-repeat: no-repeat;
}
 #footer a{
	color:#FFFFFF;
	padding: 7px;
	text-decoration: underline;
}
 /*  #footer a:hover{
	  text-decoration: none; */

#copyright {
	padding: 0px;
	font-size: 12px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#copyright a{
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}

#msg_brd_box {
	float:right; 
	border: 1px solid navy; 
	padding: 5px; 
	padding-top: 1px;  
	margin: 10px; 
	margin-top: 30px; 
	font-size: 85%;
}

#trivia_box_home {
	float:right;
	border: 1px solid navy;
	padding-top: 1px;
	margin-top: 5px;
	font-size: 85%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	height: 80px;
	width: 180px;
	background-color: #CCCCCC;
}

#trivia_box_members {
	float:right;
	border: 1px none navy;
	padding-top: 1px;
	margin-top: 5px;
	font-size: 90%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	height: 263px;
	width: 205px;
	background-color: #FFF;
	line-height: 20px;
	background-repeat: no-repeat;
}





/********** Trivia Formatting ******************************/
#trivia{
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	height: 40px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
}
#trivia a{
	color: #00F;
}

#trivia a:visited{
	color: #00F;
}

#trivia a:hover{
}






/********** header text and logo styles ******************************/
#headerrow{height: 125px;}
/*#headerrow img{margin: 10px; margin-left: 30px; margin-right: 140px;}*/
/*#title{font-size: 175%; padding-top: 30px;} 
#title h1{display:inline; color:#2D5789;}
#title h2{font-size: 70%; display:inline; font-style:italic; color:#000;}
#title #welcome-message{font-size: 70%; color:#82A4CD;}
#headerrow object{margin-left: 12px; background-color:#2D5789;}
#headerrow #rightimg{margin-left: 2px;}*/

/********* Top Menu Styles ******************/
#mainmenu{
	color:#003366;
	text-align:right;
	font-weight:normal;
	font-size: 95%;
	background-image: url(../../../images/taft/main_menu_bg.jpg);
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	margin: 0px;
}		
#mainmenu a{
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../../../images/taft/main_menu_a.jpg);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#mainmenu a:hover{
	text-decoration:none;
	background-image: url(../../../images/taft/main_men_hover.jpg);
	color: #FFFFCC;
}
/**************** Left Menu Styles*******************/
.menutitle, .menutitleover, .submenutitle, .submenutitleover{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:100%;
	background-image: url(../../../images/taft/menu_title_bg.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 5px;
	padding-right: 2px;
	text-align: center;
 }
 .menutitle a, .menutitleover a{color: #FFFFFF; text-decoration:none;}
.menutitle, .menutitleover{
	position: relative;/*ie needs this to show background image */
	color: #FFFFFF;
  }
 .submenu a, .submenu a:visited{
	text-decoration:none;
	color: #2D5789;
	background-image: none;
 }
 .menutitleover{
	cursor: pointer;
	background-image: url(../../../images/taft/main_men_hover.jpg);
	color: #FFFF99;
}
.submenu{
	color: #000;
	text-transform:none;
	padding: 2px;
	font-size:12px;
	width:195px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submenu a:hover{
	color:#000099;
	text-transform:none;
}
.submenu li{list-style-type:none; vertical-align: middle;}
.submenu li a{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #063869;
}




/**************** Left Menu modified styles for emphasis *******************/

#submenu {
	font-weight: bolder;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#submenu a{
	color: #990000;
}

#submenu a:visited{
}

#submenu a:hover{
	color: #000099;
}
.menu_topic {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	color: #FFFFFF;
	font-weight: normal;
	font-size:100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 5px;
	padding-right: 1px;
	text-align: center;
	background-color: #666;
	font-style: italic;
 }


/**************** Left Menu modified styles for Purchase Ticket emphasis *******************/

#submenu1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#submenu1 a{
	color: #000066;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
}

#submenu1 a:visited{
	text-decoration: none;
}

#submenu1 a:hover{
	text-transform: uppercase;
	color: #000099;
	text-decoration: none;
}



/**************** Left Menu modified styles*******************/
#navBar{
	float:left;
	width: 200px;
	/*background-image: url(../../../images/taft/nav_bar_bg.jpg);
	background-repeat: repeat;*/
}
#navBar ul a, #navBar ul a:visited {
	display: block;
	text-decoration:none;
	background-image: none;
	margin-left: 5px;
}
#navBar  ul a:hover{
	text-decoration:underline;
	background-image: none;
}
#navBar  ul {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	color:#636;
}
/*************** show menu items by default *************************************/
#sub1{
	display:block;
}


/*************** Messsage Board Styles *************************************/
.bb-headers {
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	background-color: #063869;
}
.bb_header1, .bb_header1 a {
	background-color: #063869;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.bb_header2{
	background-color: #063869;
	vertical-align:top;
}
.bb_header2 th{
	background-color: #82A4CD;
	vertical-align:top;
}
.bb_StaticCell {
	text-align: center;
	background-color: #eeeeee;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 8px;
}
.bb_DynamicCellsOver	{
	background-color: #eeeeee;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 8px;
}
.bb_DynamicCells {
	background-color: #FFFFFF;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 8px;
}
.bb_postForm {
	background-color: #eeeeee;
	padding: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #063869;
	border-left-color: #063869;
	border-top-color: #FFFFFF;
	border-bottom-color: #063869;
}
.bb_FormCell {
	background-color: #eeeeee;
	padding: 5px;
}
.bb_breadcrumb {
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}
.bb_navigation{
 	font-size: 80%;
	font-weight: bold;
}

/************* school search page ******************/
.search {
	text-transform: uppercase;
	color: #000;
	font-size: 90%;
	background-color: #eee;
	border: 1px solid #063869;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;

}

/*********** basic member search styles ******************/
.basicsearchtable{

				  background-color:#063869;
				  padding:10px;
				  color:#FFFFFF;
				  }	  
				 
.basicsearchtable  label{
color:#fff;
}
.basicsearchtable a {color:#FFFFFF;}				  
.active{
				  background-image:url(../images/corners/activetab.gif);
				  background-repeat:no-repeat;
				  text-align:center;
				  width:100px;
				  height: 50px;
				  padding-right: 10px;
				  color:#FFFFFF; 
				 
				  }	
.active a,.notactive a{color:#FFFFFF; padding: 20px;}		
.notactive{
				  background-image:url(../images/corners/inactivetab.gif);
				  background-repeat:no-repeat;
				  text-align:center;
				  width:100px;
				   height: 50px;
				   padding-right: 10px;
				   color:#FFFFFF;
				  }			

/*********** Login Page Styles *************/
#login{width:65%;}

/*********** Home Page Styles *************/
.cellgradiant{background-color:#063869;} 

.profileviews {
	background-color: #063869;
	font-size: 80%;
	color: #FFFFFF;
	padding: 4px;
}
.profileviews a, .profileviews a:link, .profileviews a:visited {
	color: #FFFFFF;
} 

/*********** Member Profile Page Styles *************/
.photohead{
	background-color: #063869;
	padding: 3px;
	color: #fff;
	font-size: .90em;
	width: 150px;
}
.orglist{
	margin:0;
	padding:0;
	}
.orglist li{
	padding-bottom:5px;
	list-style-type:none;
	}
#profile td{
	font-size: 95%;
}
h3.contact{
border-bottom:1px solid #000;
background-color:#063869;
color:#fff;
padding:5px;
}
.memberprofile {
	background-color: #fff;
	padding: 5px;
	border: 1px solid;
}
/********* UPDATE PROFILE COMMENT TEXTAREA ************/
.comments {
	color: #003366;
	font-style: italic;
}
/*********** SHARED STYLES ***************************/
/*********** Button Link Styles *************/
a.button{background-color:#eee; border: 1px solid #063869; padding:3px; font-size:90%; text-decoration:none; text-align:center;}
a:hover.button{background-color:#ccc; }

/*********** skliplink for accessibility ******************/
a.skiplink{position: absolute; left: -1000em; width: 20em;}

/*********** breadcrumb styles ******************/
#crumb{padding: 10px; margin: 0px; margin-top: -5px; padding-bottom: 0px; margin-bottom: 7px; font-size:75%; text-transform:lowercase; border-bottom: 1px #eee solid;}

/***************** ERROR MESSAGE TEXT ********************/
.error {
	font-weight: bold;
	color: #FF0000;
	font-size: 95%;

}
/********* ROW HEADERS (STATS, MEMBER PROFILE) ************/
.headers {
	font-weight: bold;
}
/* added to hide right column *******************************/
#rightcontent{display:none;}
#middlecontent{width: 687px; padding-left: 10px;}

/********* Home Page content ************/
#homepageright, #homepageleft{width: 336px; float: left; margin: 3px;}
#homepageleft{
	clear:both;
}
#hometopleft{
	width: 680px;
	margin: 0px;
}
#homepageright h3, #homepageleft h3{background-color:#063869; padding: 5px; width: 318px; color:#fff;}
/****#classleaders,*****/ #reunions, #birthdays, #profileupdates, #schools{border: 1px solid #063869; padding: 3px; padding-top: 0px; margin-top: 5px; min-height: 170px;}
.statstable{width: 687px;}