/* Main elements */
/* Main Colours
maroon: #9D102D
medgrey: #BCBCA6
lightgrey: #EEEED6
darkgrey: #8d8c7d
*/
/* Default Styles for Links */
A:active {text-decoration: underline; color: #9D102D;}
A:link {text-decoration: underline; color: #9D102D;}
A:visited {text-decoration: underline; color: #9D102D;}
A:hover {text-decoration: none; color: #9D102D;}

html, body
{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-style: normal;
font-size: 14px;
margin-top: 5px;
margin-left: 0px;
background-color: #FFFFFF;
height: 60%;
}
/* Box Elements */
#body-container
{
background-color: #EEEED6;
line-height: 130%;
width: 820px;
/*margin-left: 0px;*/
margin-right: auto;
border-top: 1px solid #8d8c7d;
border-right: 1px solid #8d8c7d;
border-bottom: 1px solid #8d8c7d;
border-left: 80px solid #8d8c7d;
/*margin-top: 30px;
margin-bottom: 2px;*/
position: absolute;
top: 30px;
left: 0px;
z-index: 10;
}
#header-container
{
background-color: #FFEC99;
border-bottom: 2px solid #9D102D;
padding: 5px 5px 0px 5px;
}

#header-news
{
text-align: left;
margin-bottom: 5px;
}
#header-news p
{
	color: #9D102D;
	margin-left: 100px;
	font-weight: bold;
	font-size: 12px;
}
#header-logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
}
#header-nav
{
clear: both;
float:left;
width:100%;
background:#EEEED6;
border-top: 2px solid #9D102D;
margin-bottom: 30px;
}

 #header-nav ul {
    margin:0px;
    padding:0;
    list-style:none;
    }
  #header-nav li {
    float:left;
    margin-right:1px;
    margin-bottom: 10px;
    padding:0;
    background:url("../images/buttonRight_off.jpg")
      no-repeat right bottom;
    }
    
  #header-nav a {
    display:block;
    background:url("../images/buttonLeft_off.jpg")
      no-repeat left bottom;
    padding:5px 5px 5px 5px;
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    }
  #header-nav a:hover {color: black;}

#home #nav-home, 
#news #nav-news,
#calendar #nav-calendar, 
#pictures #nav-pictures,
#forms #nav-forms,
#library #nav-library,
#links #nav-links
 {
    background-image:url("../images/buttonRight_on.jpg");
  }
#home #nav-home a, 
#news #nav-news a,
#calendar #nav-calendar a, 
#pictures #nav-pictures a,
#forms #nav-forms a,
#library #nav-library a,
#links #nav-links a
{
    background-image:url("../images/buttonLeft_on.jpg");
    color: #FFFFFF;
  }
#header-image
{
	position: absolute;
	top: 0px;
	left: 570px;
}
#content
{
clear: both;
margin-top: 75px;
margin-left: 10px;
margin-right: 50px;
font-size: 10px;
height: 100%;
}
#content table 
{
	background-color: #FFFFFF;
	margin-bottom: 20px;
	margin-left: 30px;
}
#content img {
border: 0px solid #7d868d;
  }
#content h1
{
font-size: 11px;
color: #9D102D;
}
#content h1 a
{
color: #9D102D;
}
#content h2
{
font-size: 11px;
font-weight: bold;
color: #000000;
padding-left: 5px;
}
#content h3
{
font-size: 11px;
font-weight: bold;
color: #000000;
padding-left: 10px;
}
#content p
{
font-size: 11px;
color: #000000;
padding-left: 30px;
line-height: 130%;
}
#content p.image
{
text-align: center;
margin-bottom: 20px;
font-size: 10px;
}
#content p.center
{
text-align: center;
}

#content ul
{
margin-top: 10px;
font-size: 10px;
margin-bottom: 20px;
list-style-image: url(../images/red_dot2.gif);
line-height: 120%;
}
#content li
{
margin-top: 5px;
}
#content hr
{
  height:1px;
  width:100%;
  margin:0 auto;
  border:1px outset #EEEED6;
  background-color:#EEEED6;
}

#content hr.small
{
  height:1px;
  width:200px;
  text-align: left;
  margin-left: 30px;
  border:1px outset #EEEED6;
  background-color:#EEEED6;
}
#left-content
{
float: left;
padding: 30px 30px 0px 5px;
}
#right-content
{
padding-right: 10px;
padding-top: 10px;
padding-left: 10px;
}

#album {
background-image: url(../images/album/bg.jpg);
margin: 5px 5px 0px 5px;
width: 780px;
height: 520px;
text-align: center;
padding-top: 40px;
border: 2px solid #9D102D;
}
#albumCover {
background-image: url(../images/album/album_cover.jpg);
margin: 5px 5px 0px 5px;
width: 780px;
height: 520px;
text-align: center;
padding-top: 40px;
border: 2px solid #9D102D;
}
#album img {
float: left;
padding: 0px 25px 0px 10px;
}
#album p {
padding: 25px 50px 0px 75px;
text-align: justify;
}

#album p.navLeft {
clear: both;
margin-top: -50px;
text-align: right;
}

#footer-container
{
background-color: #FFEC99;
border-top: 2px dotted #9D102D;
padding: 5px 10px 1px 0px;
font-size: 10px;
text-align: right;
margin: 0px;
}
#footer-container p {
padding: 0px;
margin: 0px;
  }

#float-left
{
	float: left;
	width: 50%;
}
#float-right
{
	float:right;
}
#float-box
{
	float: left;
	width: 150px;
	margin: 10px;
}
#float.p {
	text-align: center;
}
#float.h2 {
	text-align: center;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 2px;
	background-color: #FFFFFF;
	line-height: 100%;
	border: 1px solid #CCCCCC;
}

td {
	padding: 5px 10px;
	font-size: 11px;
	border-spacing: 0px;
	border: 1px solid #CCCCCC;
}

.clear {
	border: 0px;
	background-color: #FFFFFF;
	padding: 15px;
	font-size: 10px;
	line-height: 130%;
}

.gray {
	background-color: #CCCCCC;
}

/*Paragraph level styles*/
p.float-left
{
float: left;
}
h2.float-left
{
float: left;
}
h2.image-box
{
width: 200px;
}
p.clear-both
{
clear: both;
}
p.clear-right
{
clear: right;
}
p.clear-left
{
clear: left;
}
h2.clear-left
{
clear: left;
}
p.center
{
text-align: center;
}
.title {
	margin-left: 10px;
	padding: 5px;
	border-bottom: 1px dotted #9D102D;
	border-left: 1px dotted #9D102D;
}
h1.topTitle {
	margin-top: 5px;
}
.alignCenter
{
text-align: center;
}
.boldText
{
font-weight: bold;
}
.regularText {
font-weight: normal;
}
h2.extra_margin {
	margin-right: 50px;
}
p.extra_margin {
	margin-right: 50px;
}
.indent {
	margin-left: 20px;
}