@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFFFCC;
}


#navlinks{
	margin:0; padding:1.5em 3em; text-align: center; background:#CC9999; 
}

#navlinks li{
	display:inline;
	margin-left: 0.25em; margin-right:0.15em; padding-right: 0.25em;
	border-right: 0.15px solid #990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#navlinks li.last{
	border-right:0;
}

#navlinks a{
	color:#330000;
}


a:link{color:red; }

a:visited{color:blue; }
	
a:hover{color:yellow; }
	
a:active{color:orange; }

/* insert header 1*/
#h1{
	padding:0.25em 4.5em 0.25em 4.5em; 
	text-align: center;
	color:#990000;
	background-color:#FFFFFF;
	font-size: 38px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-width:1px;
	margin: 2px;
}

h2{
    padding:0.25em 0.5em 0.25em 0.5em; 
	text-align: center;
	color:Black;
	background-color: #CC9999;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	border-width:1px;
	margin: 2px;
	
}

h3{
	padding:0.25em 0.5em 0.25em 0.5em; 
	text-align: center;
	color:#333333;
	background-color:#CC9999;
	font-size: 20px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	border-width:1px;
	margin: 2px;
}

h4{
	padding:0.25em 0.5em 0.25em 0.5em; 
	text-align: center;
	color:#CC9999;
	background-color:#333333;
	font-size: 20px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	border-width:1px;
	margin: 2px;
}


/* p is for first paragraph */
/* Use this when you want to change ALL instances of a style*/
p{ 
	text-align: center;
	color:Black;
	font-size: 1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p1{
	text-align:left;
	color:black;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

p2{
    text-align:left;
	color:#990000;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p3{
	text-align:center;
	color:black;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

p4{
	text-align:center;
	color:#990000;
	font-size: 22px;
	font-family:Arial, Helvetica, sans-serif;
}
/* this is the first column on the index page*/

#col1{
	background-color: #FFFFCC;
	border: solid 2px;
	padding: 2em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	width: 50%;
	height:438px;
	
}

/* this is the second column on the index page*/
#col2{ 
		background-color:#FFFFFF;
		border: solid 2px;
		padding: 15px;	
		margin-right:15px;
		margin-top: 10px;
		float: left;
		clear: right;
		width: 41%;
		height:458px;
		
}
 
/*each page header*/
#col3{
	background-color:#FFFFCC;
	border: solid 2px;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	width: 97%;
	height:630px;
}

/* col  4 5 6 are 3 columns for same page*/
#col4{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 31%;
	height:560px;
}

#col5{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 31%;
	height:560px;
}

#col6{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 30%;
	height:560px;
}

/* 7 8 are for same page*/
#col7{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 0.8em;
	font-family:Arial, Helvetica, sans-serif
	font-size:1.4em; 
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 46%;
	height:1450px;
}

#col8{
    background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 0.8em;
	font-family:Arial, Helvetica, sans-serif
	font-size:1em;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 48%;
	height:1450px;
}

/* 9 is for main frame table*/

#col9{
	background-color:#FFFFCC;
	border: solid 2px;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	width: 97%;
	height:1550px;
}

/*club members*/
#col3a{
	background-color:#FFFFCC;
	border: solid 2px;
	padding: 1em;
	font-size:0.8em;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	width: 97%;
	height:950px;
}


/* col  4 5 6 are 3 columns for same page*/
#col10{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 2em;
	font-size:1.2em;
	margin-left: 215px;
	margin-top: 5px;
	float: left;
	width: 20%;
	height:850px;
}

#col11{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 2em;
	font-size:1.2em;
	margin-left: 15px;
	margin-top: 5px;
	float: left;
	width:20%;
	height:850px;
}

#col12{
	background-color:#FFFFCC;
	border: solid 2px;
	border-color:#CC9999;
	padding: 2em;
	font-size:1.2em;
	margin-left: 15px;
	margin-top: 5px;
	float: left;
	width: 20%;
	height:850px;
}

/* these are the images, put them into seperate css if you want them seperated on the page */

#content_img{
	margin: 30px 15px 10px 8px;
	width:auto;
}