/*	CSS Document for : St Boniface Concert Society
	Designed by : The Number 27 - Web Design
	Designer name : Matt.

/*	Colors used on site :

background : #a3a3a3;
content background :  #ffffbf;
font : Trebuchet MS
font color : #6f0000;

*/

/*------------------------------
			GLOBAL
-------------------------------*/

body {
	background: #a3a3a3;
	font-family: Trebuchet MS, Verdana, times, serif;
	font-size: 62.5%;
    font-weight: lighter;
    font-style: italic;
    margin: 0px;
}

img {
	border: none;
}

.clear {
	clear:both;
}

a:active
{
  outline: none;
}

a:focus
{
  outline: none;
}



/*------------------------------
			LAYOUT
-------------------------------*/

#container {
    width: 1050px;
    margin: 0 auto;
}

#header {
    width: 1050px;
    height: 280px;
    background: #ffffbf url(../images/header.jpg) no-repeat;
}

#navcontainer {
    margin-left: 50px;
}

#content {
    background: #ffffbf;
    float: left;
    width: 1000px;
    margin-left: 25px;
}

#sidebar {
    background: #ffffbf url(../images/sidebarbg.jpg) no-repeat;
    float: left;
    width: 200px;
    margin: 25px;
    margin-top: 40px;
    padding-top: 0;
}

#subcontent {
    background: #ffffbf;
    float: left;
    width: 680px;
    margin: 25px;
}

#map {
    width: 680px;
    height: 400px;
}


#footer {
    background: url(../images/footer.jpg) no-repeat;
    width: 1050px;
    height: 180px;
    clear: both;
}






/*------------------------------
			NAVIGATION
-------------------------------*/

#navcontainer li {
	display: inline;
	font-size: 2.2em;
	list-style: none;
    text-shadow: 1px 1px 2px #ccc;
}

#navcontainer a:link, #navcontainer a:visited {
    padding: 5px 15px;
	color: #a3a3a3;
	text-decoration: none;
}

#navcontainer a:hover {
    border-bottom: none;
    border-right: none;
	color: #6f0000;
    padding: 5px 15px;
}

#sidebar li {
	font-size: 2.2em;
	list-style: none;
    text-shadow: 1px 1px 2px #ccc;
}

#sidebar a:link, #sidebar a:visited {
	color: #a3a3a3;
	text-decoration: none;
    text-shadow: 1px 1px 2px #ccc;
}

#sidebar a:hover {
	color: #6f0000;
    text-decoration: none;
}

body#home-page ul li.home a {
    color: #6f0000;
}
body#tickets-page ul li.tickets a {
    color: #6f0000;
}
body#find-page ul li.find a {
    color: #6f0000;
}
body#contact-page ul li.contact a {
    color: #6f0000;
}
body#april-page ul li.april a {
    color: #6f0000;
}
body#may-page ul li.may a {
    color: #6f0000;
}
body#june-page ul li.june a {
    color: #6f0000;
}
body#july-page ul li.july a {
    color: #6f0000;
}
body#sept-page ul li.sept a {
    color: #6f0000;
}
body#agm-page ul li.agm a {
    color: #6f0000;
}







/*------------------------------
			TEXT
-------------------------------*/
p {
    font-size: 1.5em;
    color: #6f0000;
    line-height: 1.7em;
}

#footer p {
    color: #a3a3a3;
    text-indent: 50px;
    padding-top: 120px;
    text-shadow: 1px 1px 2px #ccc;
}

strong {
    font-weight: bold;
    text-shadow: 1px 1px 2px #ccc;
}




/*------------------------------
			LINKS
-------------------------------*/
#footer a:link, #footer a:visited {
	color: #a3a3a3;
	text-decoration: underline;
    margin-left: 485px;
    text-shadow: 1px 1px 2px #ccc;
}

#footer a:hover {
	color: #6f0000;
    text-decoration: underline;
}

#subcontent a:link, #subcontent a:visited {
	color: #a3a3a3;
	text-decoration: underline;
    text-shadow: 1px 1px 2px #ccc;
}

#subcontent a:hover {
	color: #6f0000;
    text-decoration: underline;
}


/*------------------------------
			LISTS
-------------------------------*/
li.april {
    padding-left: 50px;
    padding-bottom: 10px;
}

li.may {
    padding-left: 45px;
    padding-bottom: 10px;
}

li.june {
    padding-left: 38px;
    padding-bottom: 10px;
}

li.july {
    padding-left: 36px;
    padding-bottom: 10px;
}

li.sept {
    padding-left: 6px;
    padding-bottom: 10px;
}

li.agm {
    padding-left: 25px;
    padding-bottom: 100px;
}

#subcontent li {
    font-size: 1.5em;
    color: #6f0000;
    list-style: none;
}


/*------------------------------
			HEADINGS
-------------------------------*/
h1 {
    font-size: 2.6em;
    font-weight: lighter;
    color: #6f0000;
    text-shadow: 1px 1px 2px #ccc;
}


h2 {
    font-size: 2.4em;
    font-weight: lighter;
    color: #6f0000;
    padding-left: 45px;
    text-shadow: 1px 1px 2px #ccc;
}

#sidebar h2 {
    padding-top: 20px;
}


h3 {
    font-size: 1.8em;
    font-weight: lighter;
    color: #6f0000;
    text-shadow: 1px 1px 2px #ccc;
}


h4 {
   font-size: 2.4em;
   font-weight: lighter;
   color: #6f0000;
   margin: 0px;
   text-shadow: 1px 1px 2px #ccc;
}

h5 {
    font-size: 1.2em;
    font-weight: lighter;
    color: #6f0000;
    text-shadow: 1px 1px 2px #ccc;
}


/*------------------------------
			IMAGES
--------------------------------*/
.logo {
    float: left;
    margin-top: 40px;
    margin-left: 50px;
}

.makingmusiclogo {
    float: left;
    margin-top: 70px;
    margin-left: 400px;
}




/*------------------------------
			FORMS
-------------------------------*/
.contactform fieldset {
    margin: 0;
    padding: 0;
    border: none;
    width: 350px;
}

.contactform label {
    display: block;
    width: 350px;
    font-size: 1.5em;
    color: #6f0000;
    float: left;
}

.contactform input, .contactform textarea {
    float: left;
    width: 350px;
    background: none;
    border: 1px solid #ccc;
    font-family: "Trebuchet MS";
    font-size: inherit;
    color: #6f0000;
    margin: 10px 0;
}

.contactform .button {
    float: left;
    width: 100px;
    margin: 0;
    font-size: 1.5em;
    color: #6f0000;
    cursor: pointer;
}


/*--------------------------------
       FORM STYLES
---------------------------------*/


/*--------------------------------
       TABLES
---------------------------------*/