/* Indiana South District Individual Club Pages and Zone Pages styles */

/* Page header */
#header {color: black; background-color: white;
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: bold; text-align: center}
	
/* Narrow line containing District Name, Links, and Return To */
#return {float: right; color: rgb(0, 153, 255); background-color: rgb(255,255, 204); font-size: 12pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: bold; text-align: left; margin-right: 10px; position: relative; top: 10%}
	
#upperline {width:100%; height: 35px; background-color: rgb(255,255, 204)}

/* Main yellow section with club info and colored octagon & note */

#mainbody {width: 100%; height: 550px; background-color: rgb(255,255,204)}

#octagon {background-image: url(images/00octagon2b.jpg); background-repeat: no-repeat; 
	width: 348px; height: 406px; float: right; margin-right: 15px}
	
/* NOTE: FOR BOTH TEXT FIELDS, WE NEED TO HAVE A CHARACTER LIMIT FOR THE FIELD TO KEEP PEOPLE FROM OVERRUNNING THE SPACE.  
ALSO...IT WOULD BE FUN TO HAVE, FOR PEOPLE WHO DON'T PUT THEIR OWN TEXT IN THE FIELDS, 4 OR 5 ALTERNATE 
MESSAGES THAT APPEAR RANDOMLY, CHANGING WHEN THE PAGE IS RELOADED. */

#octatext {width: 218px; height: 210px; text-align: center; font-family: Kristen ITC, Arial, Sans-serif; 
font-style: normal; text-align: center; position: relative; top: 12%; margin-left: 57px} 

#pushtext {width: 189px; height: 110px; text-align: center; font-family: Kristen ITC, Arial, Sans-serif; 
font-style: normal; text-align: center; position: relative; top: 20%; margin-left: 43%} 

#footer {clear: all; color: black; background-color: white); font-size: 10pt;
	font-family: Comic Sans MS, Arial, Sans-serif; font-style: normal;
	font-weight: normal; text-align: center}


/* Styles for individual Club pages */

#links {float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: bold; text-align: left; margin-left: 5px}
	
#linksarea {width: 100%; background-color: rgb(255,255,204)}
		
#linkstext {width: 100%; float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
		font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
		font-weight: normal; text-align: left}
		
#clubdata {width: 60%; float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: normal; text-align: left}
	
#meetingaddress {width: 60%; float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: normal; text-align: left}

/* Styles for individual Zone pages */

photoltgovX {float: left; margin-right: 20px; height: 310px}

#zonename {float: left; color: black; background-color: rgb(255,255, 204); font-size: 18pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: bold; text-align: left; margin-left: 5px}

#zonedata {width: 70%; float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: normal; text-align: left; margin-left: 10px}
	
#ltgovmsg {width: 70%; float: left; color: black; background-color: rgb(255,255,204); font-size: 14pt; 
	font-family: Kristen ITC, Arial, Sans-serif; font-style: normal; 
	font-weight: normal; text-align: left; margin-left: 10px}