/*------------------------------------------------------
title: Stirling University Choir - Main Style Sheet
author: Daniel Baker - www.mycophobia.co.uk
modified: 12/10/2008
modified: Alistair Warwick 17/10/2010
------------------------------------------------------*/

*    
	{
	margin:0;
	padding:0;
	}

html {
	height: 100%;
}
	/* "min-height:101%" forces a vertical scroll bar which stops
	FF dancing from left to right 
	when moving from short to long pages */
body {
	min-height: 101%;
	background:#302a2a url(../stirling_choir_images/choir_background_images/bg-wood.jpg) top left repeat;
	text-align:center;  /* to correct the centering IE bug*/
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size:72%;  
	border: none;
	}

/*------------------------------------------------------
	Page Structure
------------------------------------------------------*/
	
#choirwrapper
	{
	width: 758px;
	margin: 0 auto;
	}	

#choirheader  
	{
	width: 758px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_banner.gif) top left no-repeat;
	height:104px;
	float:left;
	margin-top: 4%;
	}
	
#choirmiddle
	{
	width: 758px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_pagemiddle.jpg) top left repeat-y;
	float:left;
	height:auto;
	}
	
#choirfooter
	{
	width: 758px;
	height: 10px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_footer.jpg) top left no-repeat;
	float:left;
	}

/*------------------------------------------------------
	Columns
------------------------------------------------------*/

#leftcolumn 
	{
    	float:left;
    	width:477px;
    	}

#rightcolumn 
	{
    	float:right;
    	width:281px;
    	}

#gallerycolumn 
	{
    	float:right;
    	width:758px;
    	}


#leftcolumntop
	{
    	float:left;
    	width:477px;
    	}

#leftcolumnbottom
	{
    	float:left;
	width:477px;
	padding-bottom:25px;
    	}

#leftcolumnbottomleft
	{
    	float:left;
    	width:170px;
    	}

#leftcolumnbottomright
	{
    	float:right;
    	width:200px;
    	}



/*------------------------------------------------------
	Footer
------------------------------------------------------*/
#footer
	{
	width: 758px;
	height: auto;
	}

.footer_text
	{
	color:white;
	font-weight:none;
	text-decoration: none;
	font-size:11px;
	border: none;
	float:left;
	margin-top: 6px;
	margin-right: auto;
	margin-left: 18px;
	margin-bottom: auto;
	text-align:left;
	font-size:11px; 
	padding:0;
	padding-bottom:15px;
	}

/*------------------------------------------------------
	Gallery
------------------------------------------------------*/

#container 
	{
    	position:relative;
    	width:400px;
    	height:375px;
    	border:none;
	background:#fff; 
	margin-left:60px;
	margin-top:60px;
	padding-bottom: 0px;
    	}


#container a {
	text-decoration:none;
	color:#8BB544;
	}

#container a:hover {
	text-decoration:none;
	color:#999;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	}

img{border:none;}


/*------------------------------------------------------
	Navigation Lists
------------------------------------------------------*/

ul.navigation
	{
	float:right;
	margin-top: 6px;
	margin-right: 18px;
	margin-left: auto;
	margin-bottom: auto;
	text-align:right;
	font-size:11px; 
	display:inline;
	padding:0;
	}

ul.navigation li
	{
	margin-bottom:10px;
	display:inline;  
	color:white;
	list-style-type:none; 
	} 
	
ul.navigation li a
	{
	color:white;
	font-weight:none;
	text-decoration:none;
	}
	
ul.navigation li a:hover  
	{
	text-decoration:underline;
	color:#B7D3D8 !important;
	}

/*-----------------------------
		"sticky" nav 
------------------------------*/
	
#home_page .navigation li a.nav_home, 
#news_page .navigation li a.nav_news, 
#info_page .navigation li a.nav_info, 
#gallery_page .navigation li a.nav_gallery,
#contact_page .navigation li a.nav_contact

	{
	background-position:-0px 0;
	color:#B7D3D8 !important;
	text-decoration:underline;
	}

/*-----------------------------
		main navigation
------------------------------*/

#mainnavigation
	{
 	width: 335px;
 	height: 88px;
 	background:transparent;
	margin-top: 8px;
	margin-right: 24px;
	margin-left: auto;
	margin-bottom: auto;
 	position: relative;
	}

#mainnavigation li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#mainnavigation a {display: block; }

#home {left: 0px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_home.jpg); no-repeat;}
#news {left: 67px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_news.jpg); no-repeat;}
#info {left: 134px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_info.jpg); no-repeat;}
#gallery {left: 201px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_gallery.jpg); no-repeat;}
#contact {left: 268px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_contact.jpg); no-repeat;}

#homeactive {left: 0px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_home_roll.jpg); no-repeat;}
#newsactive {left: 67px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_news_roll.jpg); no-repeat;}
#infoactive {left: 134px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_info_roll.jpg); no-repeat;}#galleryactive {left: 201px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_gallery_roll.jpg); no-repeat;}
#contactactive {left: 268px; top: 0px; width: 67px; height: 88px; background: url(../stirling_choir_images/choir_navigation_images/choir_contact_roll.jpg); no-repeat;}

#home a {height: 88px;}
#news a {height: 88px;}
#info a {height: 88px;}
#gallery a {height: 88px;}
#contact a {height: 88px;}

#home a:hover {background: url(../stirling_choir_images/choir_navigation_images/choir_home_roll.jpg); no-repeat;}
#news a:hover {background: url(../stirling_choir_images/choir_navigation_images/choir_news_roll.jpg); no-repeat;}
#info a:hover {background: url(../stirling_choir_images/choir_navigation_images/choir_info_roll.jpg); no-repeat;}
#gallery a:hover {background: url(../stirling_choir_images/choir_navigation_images/choir_gallery_roll.jpg); no-repeat;}
#contact a:hover {background: url(../stirling_choir_images/choir_navigation_images/choir_contact_roll.jpg); no-repeat;}


/*-----------------------------
		text
------------------------------*/

p
	{
	padding: 20px 30px 10px 40px;
	margin-left:12px;
	color: #534F4F;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	}

p.links
	{
	padding-left: 40px;
	padding-bottom:5px;
	color: #534F4F;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	}

p.gallerytext
	{
	margin-top:145px;
	margin-left:0px;
	padding-right:50px;
	color: #534F4F;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	}

p.postit
	{
	padding: 4px 16px 11px 11px;
	margin-left:10px;
	color: #534F4F;
	font-weight:normal;
	font-size:11px;
	text-align:left; 
	border: none;
	}

p.postit strong, p.urgent {
	color: red;
	font-weight: bold;
}
ul
	{
	margin: 0px 10px 15px 25px;
	}

li
	{
	margin-top:7px;
	}	
	
h2
	{
	font-weight:normal;
	padding: 0px 30px 0px 40px;
	font-size:13px;	
	margin-left:12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-align:left; 
	color: #534F4F;
	}
	
h1
	{
	font-weight:normal;
	padding: 18px 30px 0px 40px;
	margin-left:12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-align:left; 
	color: #534F4F;
	font-size:14px;	
	margin-top: 10px;
	}

/*-----------------------------
		choirinfo
------------------------------*/

.choirinfo
	{
 	width: 209px;
 	height: auto;
 	background:transparent;
	margin-left: 40px;
 	position: relative;
	margin-top:25px;
	}

#choirinfotop
	{
	width: 209px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_infotop.gif) top left no-repeat;
	height:50px;
	float:left;
	}

#choirinfomiddle
	{
	width: 209px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_infomiddle.gif) top left repeat-y;
	height:auto;
	float:left;
	margin-top:0;
	}

#choirinfobottom
	{
	width: 209px;
	background:transparent url(../stirling_choir_images/choir_background_images/stirling_choir_infofooter.gif) top left no-repeat;
	height:39px;
	float:left;
	margin-top:0;
	}


#polaroid
	{
 	width: 214px;
 	height: 241px;
	float:left;
	margin-top: -44px;
	margin-left: -8px;
	padding-bottom: 10px;
 	position: relative;
	}

#polaroid li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#polaroid a {display: block; }

#choirgallery {left: 0px; top: 0px; width: 214px; height: 241px; background: url(../stirling_choir_images/choir_background_images/stirling_choir_gallery.gif); no-repeat;}

#choirgallery a {height: 241px;}

#choirgallery a:hover {background: url(../stirling_choir_images/choir_background_images/stirling_choir_galleryroll.gif); no-repeat;}

/* For AddThis buttons when we incorporate them
AW 9/9/2011 */
.align-right {
	float: right;
	width: 100%;
	padding: 6px 0;
}
.align-right-inner {
	float: right;
}
.strikethrough {
	text-decoration: line-through; 
}