/* Colour reference
 
background: #fff9cc
normal text: #000000
links: 
headings: #000000
main content bg: #ffffff
footer bg: #bde7ff
hot pink: #ff074f
 
*/


/*OVERALL PAGE LAYOUT BEGINS*/
* { padding: 0; margin: 0; }

#wrapper {
margin: 0 auto;
width: 950px;
background-color: #fff9cc;

}

body {
background: #fff9cc;
margin: 5px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

/*OVERALL PAGE LAYOUT ENDS*/

/*HEADINGS STYLES - GENERIC SITE WIDE - BEGINS*/

h1, h2, h3 {
font-family: 'Vollkorn', arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 10px;
}

h1 {
font-size: 20px;
line-height: 2.0em;
}

h2 {
font-size: 18px;
line-height: 1.0em;
}

h3 {
font-size: 16px;
font-style: normal;
}

/*HEADINGS STYLES - GENERIC SITE WIDE - ENDS*/

/*TABLE CONTROLS - GENERIC SITE WIDE - BEGINS*/

table {
width: 85%;
font-weight: normal;
text-align: center;
font-size: 0.95em;
color: #333333;
}

td {
text-align: left;
}

/*TABLE CONTROLS - GENERIC SITE WIDE - ENDS*/

/*GENERAL HYPERLINK CONTROL - GENERIC SITE WIDE - BEGINS*/

a {
color: #26536d;
text-decoration: underline;
}

a:hover {
color: #ff074f;
text-decoration: underline;
}

#site_links {
padding-bottom: 5px;
font-size: 12px;
text-align: right;
letter-spacing: 0.1em;
}

#site_links a {
font-weight: normal;
}

/*GENERAL HYPERLINK CONTROL - GENERIC SITE WIDE - ENDS*/

/*GENERAL CONTENT CONTROLS BEGINS*/

#main {
margin-bottom: 10px;
width: 100%;
background-color: #000000;
}

#content { 
float: left;
line-height: 1.1em;
width: 950px;
margin: 0;
padding: 10px 0 0 0;
display: inline;
background-color: #FFFFFF;
min-height:500px;
}

/*GENERAL CONTENT CONTROLS END*/

/*CONTENT LISTS BEGINS*/

#content ul {
margin: 0 0 10px;
}

#content ul ul {
margin: 0;
}

#content li {
margin: 0 25px;
}
/*CONTENT LISTS END*/

/*CONTENT PARAGRAPH CONTROLS BEGINS*/

#content p {
margin: 10px 0 0 10px;
}

/*CONTENT PARAGRAPH CONTROLS BEGINS*/

/*GENERAL LOGO CONTROLS BEGINS*/

#logo {
background:url(/images/logo.png) no-repeat;
width:395px;
height:124px;
padding:0;
margin-bottom:-50px;
z-index:3;
position:relative;


}
/*GENERAL LOGO CONTROLS BEGINS*/

/*GENERAL HEADER CONTROLS BEGINS*/

#header {
width: 950px;
padding: 0px;
height: 215px;
margin-top:0px;
background-image:url(/images/header.jpg);
position:relative;

}

#header.members {
width: 950px;
padding: 0px;
height: 100px;
margin-top:0px;
background-image:url(/images/header.jpg);
position:relative;

}
/*GENERAL HEADER CONTROLS ENDS*/

/*HEADER LISTS CONTROLS BEGINS - CONTROLS THE NAV LAYOUTS*/

ul.header {
list-style: none;
float: right;
}

ul.header li {
float: left;
}

.header li a {
display: block;
float: left;
width: 10em;
height: 30px;
text-align: center;
text-decoration: none;  
}

/*HEADER LISTS CONTROLS ENDS - CONTROLS THE NAV LAYOUTS*/

/*GENERAL NAVIGATION LISTS CONTROLS BEGINS - ADDS FURTHER CONTROL TO ALL NAVS WHERE NEEDED*/

.navigation li a {
padding: 5px 10px 5px 10px;
font-size: 12px;
}

.navigation li a:hover {
text-decoration: underline;

}

.thin li a {
width: 137px !important;
height: 1.3em !important;
}

/*GENERAL NAVIGATION LISTS CONTROLS ENDS - ADDS FURTHER CONTROL TO ALL NAVS WHERE NEEDED*/

/*UPPER NAV BAR CONTROLS BEGINS*/

#upper_nav {
color: #333333;
width: 950px;
height:150px;
margin-top:-200px;
position:relative;
z-index:1;
}

#upper_nav.members {
color: #333333;
width: 950px;
height:20px;
margin-top:-30px;
position:relative;
z-index:1;
}

#upper_nav ul {
margin-right:20px;
}
/************************ Home Page Nav ************************/

#upper_nav li.home a {
background-image:url(/images/nav/home_sprite.png);
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
} 

#upper_nav li.home a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/home_sprite.png);
background-position:140px 0px;
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
}

/*********************** Schedule Page Nav *********************/

#upper_nav li.schedule a {
background-image:url(/images/nav/schedule_sprite.png);
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:2px;
margin-left:14px;
margin-top:29px;
text-indent:-9999px;

}

#upper_nav li.schedule a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/schedule_sprite.png);
background-position:143px -1px;
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:2px;
margin-left:14px;
margin-top:29px;
text-indent:-9999px;
}

/*********************Clowns Page Nav *************************/

#upper_nav li.clowns a {
background-image:url(/images/nav/clowns_sprite.png);
width:138px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
margin-top:11px;
text-indent:-9999px;
}

#upper_nav li.clowns a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/clowns_sprite.png);
background-position:144px 0px;
width:138px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
margin-top:11px;
text-indent:-9999px;
}

/*********************Scholarship Page Nav *************************/

#upper_nav li.scholarships a {
background-image:url(/images/nav/scholarship_sprite.png);
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
margin-top:-10px;
text-indent:-9999px;
}

#upper_nav li.scholarships a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/scholarship_sprite.png);
background-position:143px 0px;
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
}

/*********************Photo Page Nav *************************/

#upper_nav li.photos a {
background-image:url(/images/nav/photo_sprite.png);
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
}

#upper_nav li.photos a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/photo_sprite.png);
background-position:143px 2px;
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
}

/*********************Contact Page Nav *************************/

#upper_nav li.contact a {
background-image:url(/images/nav/contact_sprite.png);
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
margin-left:14px;
text-indent:-9999px;
}

#upper_nav li.contact a:hover, #lower_nav .navigation a:hover {
background-image:url(/images/nav/contact_sprite.png);
background-position:140px 0px;
width:141px;
height:141px;
padding-top:141px;
padding-left:0px;
padding-right:3px;
text-indent:-9999px;
}


/*UPPER NAV BAR CONTROLS ENDS*/

/*LOWER NAV BAR CONTROLS BEGINS*/

#lower_nav {
color: #333333;
background: #FFFFFF;
}

#lower_nav .navigation a {
color: #0000CC;
}

/*LOWER NAV BAR CONTROLS ENDS*/

/*LEFTCOLUMN CONTROLS BEGINS*/

#leftcolumn {
float: left;
display: inline;
color: #333333;
width: 620px;
margin: 0 0 0 5px;
padding: 5px 5px 0 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
min-height:500px;
/*  background-color: #FFFF99;*/
}

#leftcolumn h2 {
font-size:150%;

}

#leftcolumn ul {
margin: 10px 0;
list-style: none;
}

#leftcolumn a {
display: inline;
padding: 3px 0 0 0;
color: #26536d;
text-decoration: none;/*  text-transform: uppercase;*/

}

#leftcolumn a:hover {
color: #ff0000;
text-decoration: underline;
}

#leftcolumn .disclaimer {
padding: 3px 0 0 10px;
}

/*#leftcolumn img {
  margin: 0 0 0 10px;
}*/

/*LEFTCOLUMN CONTROLS ENDS*/

/*RIGHTCOLUMN CONTROLS BEGINS*/

#rightcolumn {
float: right;
display: inline;
position: relative;
color: #333333;
width: 275px;
margin: 0 auto;
padding: 5px;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color:#bde7ff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-right:10px;
}
#rightcolumn h3 {
background-color:#ff074f;
padding:10px;
color:#000;
font-size:140%;
-moz-border-radius:15px;
-moz-box-shadow: 3px 3px 5px #999;
}

#rightcolumn ul {
margin: 10px 0;
list-style: none;
text-align: left;
}

#rightcolumn a {
display: inline;
padding: 3px 0 0 0;
color: #26536d;
text-decoration: none;/*  text-transform: uppercase;*/
}

#rightcolumn a:hover {
color: #ff0000;
text-decoration: underline;
}

#rightcolumn .disclaimer {
padding: 3px 0 0 10px;
}

#rightcolumn p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#rightcolumn img {
margin: 0 0 0 5px;
padding: 0;
}

/*RIGHTCOLUMN CONTROLS ENDS*/

/*FOOTER AREA  CONTROLS BEGINS*/

#footer_nav h3 {
font-size: 16px;
font-style: normal;
}

#footer { 
margin: 0 auto;
width: 950px;
text-align: center;
font-size: 0.8em;
clear: both;
color: #333333;
height:200px;
background-image:url(/images/footerbg.png);
border-top: 1px solid #dddddd;
background-color: #bde7ff;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}

#footer_nav {
/*float: left;*/
margin: 5px 0 5px 5px;
padding: 3px;
width: 925px;
font-weight: normal;
/*text-align: left;*/
}

#footer .navigation {
font-size: 12px !important;
}

#footer .navigation li a {
padding: 0;
color: #26536d;
font-size: 12px !important;
}

#footer .navigation li a:hover {
padding: 0;
color: #ff0000;
font-size: 12px !important;
text-decoration: underline;
background: none;
}

#footer #footer_nav ul, #footer .navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#footer #footer_nav li, #footer .navigation li {
display: inline;
padding: 3px;
line-height: 1.3em;
}

#footer .photography {
font-weight: bold;
}

#footer .copyright {
margin: 0 auto;
font-weight: normal;
text-align: center;
font-size: 12px;
color: #333333;
/*margin: 15px 5px 5px 5px;*/
padding: 0px;
/*border-top: 3px solid #94bd59; */
}

/*FOOTER AREA  CONTROLS ENDS*/

/*SPECIALS CONTROLS BEGINS*/

#current_specials ul {
margin: 0 auto;
padding: 5px;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: square;
background-color: #ffffff
}

#current_specials h3 {
margin: 0 auto;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
background-color: #ffffff;
text-align: center;
}

/*SPECIALS CONTROLS ENDS*/

/*IMAGE PLACEMENT CONTROLS BEGINS - FOR PLACING IMAGES IN THE CONTENT MANUALLY*/

div.img_left img {
margin: 15px 5px 15px 5px;
border: 1px solid #dddddd;
height: auto;
width: auto;
float: left;
text-align: center;
}
  
div.img_right img {
margin: 15px 5px 15px 5px;
border: none;
height: auto;
width: auto;
float: right;
text-align: center;
}

/*IMAGE PLACEMENT CONTROLS ENDS - FOR PLACING IMAGES IN THE CONTENT MANUALLY*/

/*SLIDESHOW CONTROLS BEGINS*/

#slideshow {
margin: 5px 10px 10px;
text-align: center;
}

/*SLIDESHOW CONTROLS ENDS*/

/*STORY CONTROLS BEGINS*/

.story {
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 12px;
}

.story_links li {
  line-height: 1.3em;
  padding: 0.5em 0;
  margin: 0 0.5em;
}
.story_links li:before {
  content: "- ";
}

.story_links a {
color: #26536d;
text-decoration: underline;
}

.story_links a:hover {
color: #ff0000;
text-decoration: underline;
}

.story h2 {
font-size: 18px;
margin: 0 0 0 10px;
padding: 3px;
color: #333333;
text-align: left;
background-color: #ffffff;
}

ul.story_links {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

div.story_links .story_summary {
margin: 0px;
clear: both;
}

.story_summary img {
width: 150px;
float: left;
margin: 0 10px 20px 10px;
background-color: #FFFFFF;
border: 1px solid #dddddd;
padding: 4px;
}

.story_summary h3, .story_summary p {
margin: 0 0 0 10px;
padding: 0;
}

.story_summary h3 {
padding-top: 0px;
font-size: 1.05em;
}

.story_headlines {
background-color: #FFFFFF;
}

#rightcolumn .story_image p {
  font-size: 0.8em;
}

.story_image img {
  max-width: 98%;
}

/*STORY CONTROLS END*/

/*CLEAR CONTROLS BEGINS - ACTS AS A LAYOUT RESET TO KEEP THINGS IN PLACE ON A PAGE*/

.clear { clear: both; background: none; }

/*CLEAR CONTROLS END - ACTS AS A LAYOUT RESET TO KEEP THINGS IN PLACE ON A PAGE*/

/*PHOTO GALLERY CONTROLS */
#gallery {

        margin-left:30px;
        width:650px;
}
#gallery img {
margin:5px;
border:6px SOLID #bde7ff;
-moz-box-shadow: 3px 3px 5px #888;
}

table.members {
  width: 95%;
  border: 0;
  margin: 20px;
}

table.events {
  border: 0;
  margin: 20px;
}

table.members thead, table.events thead {
  background-color: #999;
}

table.members tr.roweven, table.events tr.roweven { background-color: #fff; }
table.members tr.rowodd, table.events tr.rowodd { background-color: #ddd; }
table.members td, table.members th, table.events td, table.events th { padding: 4px; }

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #BDE7FF !important;
	background-image: url(/images/up.gif);
}
.sortdesc {
	background-color: #BDE7FF !important;
	background-image: url(/images/down.gif);
}
.nosort {
	cursor: default;
}

.member img {
  width: 150px;
  height: 150px;
  margin: 5px 10px;
  float: left;
}
.member .info {
  float: left;
  width: 20%;
  margin: 5px 10px;
}
.member.event { padding: 10px 0; }
.member.event .info { width: 40%; }
.members .event { border-bottom: 1px solid #ccc; }

.member .info span { display: block; }

.member .description, .member_event .description {
  float: left;
  width: 55%;
  margin: 5px 10px;
}