

body { 
	background: #7370bf url(images/21b_bg11.gif) no-repeat; 
	font-family: arial ;
	font:  .9em/1.2 arial; 
	}
	

h1 {font: bold; color: blue;}
h4 {color:#b41717; text-decoration:underline; font: 1.1em/1.2; }

/*	h1 {font:bold; color: blue; 1.5em/.5; }
	h2 {font:bold; color:#b41717; 1.3em/.4; }
	h3 {font: bold; color: #000; 1.2em/.3; }
	h4 {font: bold; color: #23207e; 1.1em/1.2;}
	h5 {font: bold; 1.0em;}
	h6 {font: bold; .9em;}*/



/*	Class definitions  */

	.redi {color:#b41717;}
	.dkblue {color:#23207e;}
	.lav  {color:#5854bf;}
	
	.smaller {font: .8em/1.1 arial;}
	
	.heading {
	font-weight: 900;
	position: relative;
    background:#24207e url(images/chatch.gif) top left repeat-x;
	color: #fff;
	padding:3px 0px 3px 0px;
	text-align: center;
	margin: 0px;
	}

	.title {
	text-align: center;
	}
	
	.inl {
	display:inline;
	}
	
	.shade {background-color: #ebebeb;}
	
	.navcolor {
	color: #f7cb3e;
	}
	
	.floatimgleft {
	float:left;
	margin-top:-20px;
	margin-right:10px;
	margin-bottom:10px;
	}
	
	.floatimgright {
	float:right;
	margin-top:-20px;
	margin-left:10px;
	margin-bottom:10px;
	}
	
	.picture {
	padding: 10px;
	text-align: center;
	}
	
	.bold {
	font-weight: bolder;
	}

/*	Misc. divs   */
	
	#container { 
	background:#fff ;	
	position: absolute;	
	left: 50%;
	width: 800px;
	margin-left: -400px;
    margin-top: 10px;  
    border-top: solid #23207e 15px;  
	}
	
	#header h1 {
	background: url(images/21b_hdr1.gif) no-repeat top left;
	width: 600px;
	height: 105px;
	margin: 0px;
	Position: absolute;
	top: 5px;
	}
	#header h1 span {
	display: none;
	}

	#fragment h1 {
	background: url(images/fragment6.gif) bottom right no-repeat;
	width: 365px;
	height: 250px;
	Position: absolute;
	margin: 0px;
	top: -61px;
	right: -205px;
	}
	#fragment h1 span {
	display: none;
	}

	#translate {
	width:410px;
	left:10px;
	top: 121px;
	background-color: #fff;
	margin: 0px;
	position: absolute;
	padding: 5px;
	z-index:2;
	}
	
	#translate ul{
	padding: 0px;
	margin:0px;
	list-style-type: none;
	list-style-image:none;
	}
	
	#translate ul li {
	float: left;
	}
	
	#translate ul li a{
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	}
	

	#mainnav {
	position: absolute;
	top: 155px;
	width:	700px;
	margin:0px;
	background: #ffffff url(images/mainnav-bg2.gif) no-repeat top left ;
	z-index:3;
	} 
		
	#mainnav ul{ 
	padding-left: 0px;
	margin-top: 0px;
	margin-left:0px;
	list-style-type: none;
	list-style-image: none;
	}
	
	#mainnav ul li {
	float: left;
	border-right: solid 1px #e5ba05;
	}
	
	#mainnav ul li a { 
	background-color:#f7cb3e;
	padding-left: 10px;
	padding-right: 10px;
	color:#403505;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 4px;
	display:block;
	font-weight: bold ;
	font-style:italic;
	}
	
	#mainnav ul li a:hover {
	text-decoration: none;
	background-color: #23207e;
	color: #f7cb3e;
	}
	
	#mainnav ul li {
	text-decoration: none;
	background-color: #23207e;
	color: #fff;
	}

	#mainnav ul li a.selected {
	text-decoration:none;
	background-color: #23207e;
	color:#f7cb3e;
	}


/*	Main body divs	*/
	
	#subcontainer {
	background: #23207e;
	position: relative;
	top:186px;
	border-top: solid 2px #23207e;
	}

	#subcontainer1 {
	position: relative;
	background: #fff url(images/hatch2.gif) top left repeat;
    border-right: solid 1px #23207e;
	}
	
	#subcontainer2 {
	position: relative;
	width: 620px;
	background: #fff url(images/hatch2.gif) top left repeat;
    border-right: solid 1px #23207e;
	left: 180px;
	}

	#links {
	position: absolute;
	width: 190px;
	top: 10px;
	right: 10px;
	background-color: #fff;
	z-index: 4;
	margin: opx;
	}
		
	#links li {
	padding-bottom: 7px;	margin-left: -20px;
	}

	#mainpanel {
	position: relative;
	width: 760px;
	top: 10px;
	left: 10px;
	background-color: #fff;
	padding: 10px;
	}
	
	#mainpanel p {
	font: 1.0em/1.2 arial; 
	text-align: left;
	padding: 5px 5px 5px 5px;
	}
	
	#mainpanel h1 {
	background: url(images/vision.gif) bottom left no-repeat;
	width: 300px;
	height: 211px;
	Position: relative;
	margin-top: 10px;
	padding: 5px;
	float: right;
	}
	#mainpanel h1 span{
	display: none;
	}
	
	#mainpanel h2 {
	background: url(images/title.gif) top left no-repeat;
	width: 440px;
	height: 70px;
	position: relative;
	padding-top: 0px 0px 0px 0px;
	margin: 0px;
	}
	#mainpanel h2 span {
	display: none;
	}

	#mainpanel h3 {
	background: url(images/cks.jpg) bottom left no-repeat;
	width: 300px;
	height: 211px;
	Position: relative;
	padding: 5px;
	margin: 10px;
	float: left;
	}
	#mainpanel h3 span {
	display: none;
	}

	#mainpanel1 {
	width: 540px;
	min-height:450px;
	left: 30px;
	background-color: #fff;
	position: relative;
	color: #000;
	padding: 20px;
	top: 10px;
	}
	
	#mainpanel1 h1 {
	background: url(images/clubs.gif) bottom right no-repeat;
	width: 400px;
	height: 35px;
	position: relative;
	left: 135px;
	padding: 5px;
	margin-top: -10px;
	}
	#mainpanel1 h1 span {
	display: none;
	}
	
	#mainpanel1 h3 span {
	display: none;
	}
	
	#mainpanel1 h3, h4 {
	margin: 0px;
	}
	
	#mainpanel1 td{
	padding: 0px 0px 10px 0px;
	}
	
	#mainpanel1 tr {
	padding: 0px 0px 0px 0px;
	}
	
	#mainpanel1 table {
	table-layout: fixed; width:720; border-collapse: collapse;
	}
	
	#officers {
	width: 540px;
	}	
	
	#officers div {
	float: left;
	margin-right: 40px;
	}
	
	#mainpanel2 {
	position: relative;
	width: 360px;
	left: 10px;
	background-color: #fff;
	color: #000;
	padding: 20px;
	top: 10px;
	min-height: 450px;
	}
	
	#cal {
	table-layout: fixed;
	width: 520px;
	border-collapse: separate;
	}
	#cal td {
	padding: 6px;
	}
	#cal col#c1 {
	width: 90px;
	}
	#cal col#c2 {
	width: 305px;
	}
	#cal col#c3 {
	width: 125px;
	}

	#comm td {
	padding: 0px 6px 6px 6px;
	}
	#comm col#c1a {
	width: 200px;
	}
	#comm col#c2a {
	width: 145px;
	}
	#comm col#c3a {
	width: 175px;
	}

	#copyright {
	position: relative;
    background:#24207e;
	color: #fff;
	padding:5px 0px 5px 10px;
	margin:0px;
	border-top: solid #f7cb3e 5px;
	}

	#calender td {
	padding-top: 1px;
	}
	

	#sidenav {
	position:absolute;
	top:10;
	left: 0px;
    width:180px;
    color:#fff;
    font-size:75%;
    list-style-type:none;
    background:#24207e url(images/chatch.gif) top left repeat-x;
    padding-top: 30px;
	}
		
	#sidenav  a {
    display:block;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    background-color:transparent;
    line-height:normal;
    padding: 5px 5px 5px 10px;
    border-bottom:0px solid #000;
    margin-left: 0px;
	}
	#sidenav ul {
	padding-left: 0px;
	margin-left: 0px;
    list-style-type: none;
		}

	ul#subnav a {
        padding-left:15px;
        background:transparent;
        color:#ffff76;
	}
	
	ul#subnav ul a {
        padding-left:23px;
        color:#ffff76;
        background-color:#002776;
	}

	ul#subnav ul ul a {
        padding-left:30px;
        color:#ffff76;
        background-color:#002776;
	}
	
	ul#subnav #currentpage a, #currentpage a, #sidenav .currentpage {
	/*        color:#ffff00; */ 
        background:#23207e url(images/mrkr.gif) no-repeat 90% 50%;
        font-weight:bold;
	}

	ul#subnav .section {
        font-weight:bold;
        color:#ffff76;
	}

	#sidenav .section2 {
        font-weight:bold;
        color:#ffff00;
        background-color:#457600;
	}

	#sidenav a:hover, #sidenav a:focus, #sidenav a:active, ul#subnav #currentpage a:hover {
	color:#000;
    background:#7370bf url(images/mrkr.gif) no-repeat 90% 50%;
    border-bottom:1px solid #5854bf;
	}

	#1stcol {
	width: 30px;
	}
	
	
	#pic1 {
	padding-top: 20px;
	position: relative;
	margin:0px;
	}
	#pic2 {
	position: relative;
	margin: 0px;
	}
	
	#pic3 {
	position: relative;
	padding-top: 20px;
	margin: 0px;
	}