/*
St Marks
- individual page stylesheet
- pages.css
- author: Chris Armstrong, Thoughtbubble Ltd
- Created: 28 November 2007
*/

/*
------------------------------------------
HOME PAGE
------------------------------------------
*/

.home_left_col { float:left; width:359px; line-height:1.8em;  }
.home_right_col { float:left; width:221px; margin-top:20px; margin-left:10px; display:inline; }
.newsticker {
	list-style-type: none;
	background: #D5FD50;
	color:#00C0FF;
	padding: 3px;
	margin: 0;
}

.newsticker a:link, .newsticker a:visited, .newsticker a:hover { color:#00C0FF; text-decoration:underline; }

/*
------------------------------------------
ABOUT SAINT MARKS
------------------------------------------
*/
ol.rules_list {
	margin-left:1em;
	padding-left:1.5em;
}

ol.rules_list li {
	margin-bottom:5px;
}

/*
------------------------------------------
LEARNING ACTIVITIES
------------------------------------------
*/
.music_left_col { float:left; width:380px; line-height:1.8em;  }
.music_right_col { float:left; width:200px; margin-top:20px; margin-left:10px; display:inline; }

.music_right_col a:link, .music_right_col a:visited { color:#999999; text-decoration:none; }
.music_right_col a:hover { color:#A0DC02; text-decoration:none; }

.music_right_col a.music_link_on:link, .music_right_col a.music_link_on:visited { color:#A0DC02; text-decoration:none; }
.music_right_col a.music_link_on:hover { color:#A0DC02; text-decoration:none; }

/*
------------------------------------------
NEWSLETTER PAGE
------------------------------------------
*/

.newsletter_content { float:left; width:364px; margin:0px 0px 30px 5px; color:#666666; }
.newsletter_content h2 { color:#666666; margin-bottom:10px; display:block; }
.newsletter_leader {  }
.newsletter_item { margin:20px 0px 0px 0px; }
.newsletter_title { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #666666; font-weight:bold; }
.newsletter_copy { margin:0px 0px 5px 0px; line-height:1.4em; }
.newsletter_copy_short { float:left; width:244px; margin:0px 0px 5px 0px; line-height:1.4em; }
.newsletter_image { float:left; width:120px;}
.newsletter_author { margin:0px 0px 5px 0px; }

.newsletter_links { float:left; width:191px; margin:0px 0px 30px 10px; display:inline; }
.newsletter_links h2 { margin-left:15px; margin-bottom:10px; display:block; font-weight:bold; }

.newsletter_year_display {
	color:#E656F6;  
	font-size:1.1em;
	font-weight:bold;
	display:block;
	background-image:url(../images/btn/arrow_open.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:15px;
	padding:4px 0px 4px 15px;
}

a.newsletter_year_link:link, a.newsletter_year_link:visited { 
	color:#E656F6; 
	text-decoration:none; 
	font-size:1.1em;
	font-weight:bold;
	display:block;
	background-image:url(../images/btn/arrow_closed.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:15px;
	padding:4px 0px 4px 15px;
}
a.newsletter_year_link:hover { 
	color:#E656F6; 
	text-decoration:none;
}

a.newsletter_year_link_on:link, a.newsletter_year_link_on:visited { 
	color:#E656F6; 
	text-decoration:none; 
	font-size:1.1em;
	font-weight:bold;
	display:block;
	background-image:url(../images/btn/arrow_open.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:15px;
	padding:4px 0px 4px 15px;
}
a.newsletter_year_link_on:hover { 
	color:#E656F6; 
	text-decoration:none;
}

.newsletter_block { padding:5px 0px 10px 10px; }
.newsletter_block a:link, .newsletter_block a:visited {
	text-decoration:none;
	color:#8C6591;
	background-color:#FFFFFF;
	text-decoration:none; 
	font-size:1.0em; 
	display:block;
	padding:2px 0px 2px 10px;
	margin-left:10px;
}
.newsletter_block a:hover {
	text-decoration:none;
	color:#8C6591;
	background-color:#FADDFC;
}

.newsletter_block a.newsletter_linkon:link, .newsletter_block a.newsletter_linkon:visited {
	text-decoration:none;
	color:#8C6591;
	background-color:#FADDFC;
	text-decoration:none; 
	font-size:1.0em; 
	display:block;
	padding:2px 0px 2px 10px;
	margin-left:10px;
}
.newsletter_block a.newsletter_linkon:hover {
	text-decoration:none;
	color:#8C6591;
	background-color:#FADDFC;
}

/*
------------------------------------------
GALLERY PAGE
------------------------------------------
*/

#galleryCol { position:relative; width:590px;  }

.gallery_main_image { position:relative; width:368px; overflow:hidden; top:0px; left:-2px; border:2px solid #A0DC02; text-align:center; background:#000000; }

.gallery_label { 
	position:relative; 
	width:370px; 
	height:30px; 
	overflow:hidden; 
	top:-30px; 
	background-color:#A0DC02; 
	color:#FFFFFF;
	opacity:0.80;
	filter:alpha(opacity=80);
	z-index:20;
}

.gallery_thumbs_col { position:absolute; width:222px; top:0px; left:368px; }
.gallery_thumb { float:left; width:74px; height:80px; position:relative;  }
.gallery_thumb img { border:2px solid #A0DC02; position:absolute; top:0px; }

#gallery_text { margin:5px 0px 0px 5px; }

.gallery_content_text {
	position:relative;
	width:365px; 
	left:5px; 
	top:-25px;
	color:#666666;
}

.captiontitle { font-weight:bold; font-size:1.2em; }

.subgallery { float:left; width:80px; margin-left:5px; display:inline; margin-bottom:10px; }
.subgalleryOn { float:left; width:80px; margin-left:5px; display:inline; margin-bottom:10px; }

.subgallery a:link, .subgallery a:visited, .subgallery a:hover  { float:left; color:#666666; text-decoration:none; }
.subgalleryOn a:link, .subgalleryOn a:visited, .subgalleryOn a:hover  { float:left; color:#A0DC02; text-decoration:none; }

.subgallery .subgallery_box { float:left; width:8px; height:8px; display:block; background-color:#FFFFFF; border:1px solid #A0DC02; margin:3px 5px 0px 0px; line-height:1px; font-size:1px; }
.subgalleryOn .subgallery_box { float:left; width:8px; height:8px; display:block; background-color:#A0DC02; border:1px solid #A0DC02; margin:3px 5px 0px 0px; line-height:1px; font-size:1px; }

* html .subgallery .subgallery_box { width:10px; height:10px; }
* html .subgalleryOn .subgallery_box { width:10px; height:10px; }

.gallery_paging_row {}

.gallery_paging { position:absolute; top:25px; left:0; text-align:right; width:580px; }
a.gallery_page_link:link, a.gallery_page_link:visited { color:#666666; text-decoration:none; }
a.gallery_page_link:hover { color:#FF7F00; text-decoration:none; }
a.gallery_page_link_on:link, a.gallery_page_link_on:visited { color:#FF7F00; text-decoration:none; }
a.gallery_page_link_on:hover { color:#FF7F00; text-decoration:none; }

/*
------------------------------------------
PHOTO ALBUM PAGE
------------------------------------------
*/

.photos .gallery_main_image { border:2px solid #F067A6; }
.photos .gallery_label { background-color:#F067A6; }
.photos .gallery_thumb img { border:2px solid #F067A6; }




/*
------------------------------------------
CONTACT US PAGE
------------------------------------------
*/

#contact_form { margin:20px 0px 10px 5px; width:510px; }
.textInput { border:1px solid #00C0FF; }
.longtextInput { border:1px solid #00C0FF; }
.smalltextInput { border:1px solid #00C0FF; }
.textAreaInput { border:1px solid #00C0FF; }
.submitBtn { background-color:#00C0FF; color:#FFFFFF; font-weight:bold; border:0; padding:2px 10px 2px 10px; }

.mandatory { font-weight:bold; }
label { float:left; width:144px; padding:2px 2px 2px 2px; margin-bottom:8px; text-align:right; }
.textInput { float:left; width:200px; margin-left:10px; display:inline; padding:2px 2px 2px 2px; margin-bottom:8px; }
.longtextInput { float:left; width:344px; margin-left:10px; display:inline; padding:2px 2px 2px 2px; margin-bottom:8px; }
.smalltextInput { float:left; width:104px; margin-left:10px; display:inline; padding:2px 2px 2px 2px; margin-bottom:8px; }
.textAreaInput { float:left; width:344px; margin-left:10px; display:inline; padding:2px 2px 2px 2px; margin-bottom:8px; }
.submitBtn { float:right; }



/*
------------------------------------------
EVENTS CALENDAR PAGE
------------------------------------------
*/

.calendarMonth { float:left; width:180px; margin-right:10px; }

.calendarBox { width:175px; border:1px solid #FF3300; margin:5px 0 10px 0; }
* html .calendarBox { width:174px; }

.calendarDay { float:left; width:24px; border-right:1px solid #FF3300; border-top:1px solid #FF3300; text-align:center; color:#FF3300; overflow:hidden; font-size:90%; }
* html .calendarDay { width:24px; }

.calendarDay p { padding:2px 2px 2px 0px; margin:0; }

.calendarTopRow { border-top:0; }
.calendarRightRow { border-right:0; width:25px; }

.orangeBg { background-color:#FF3300; color:#FFFFFF; }
.thisMonth { background-color:#FDE068; color:#DB4D1D; text-align:right; font-weight:bold; }
.lastMonth { background-color:#FDE068; color:#FFFFFF; text-align:right; font-weight:bold; }
.nextMonth { background-color:#FDE068; color:#FFFFFF; text-align:right; font-weight:bold; }
.bookedDay { background-color:#FC8067; color:#D2441A; text-align:right; font-weight:bold; }

.seasonRow {height:34px; }

.seasonDateRange { float:left; width:205px; margin-top:8px; padding-left:20px; }
* html .seasonDateRange { width:225px; }
.seasonPrice { float:left; width:80px; margin-top:8px; }
.seasonIcon { float:right; width:35px; }

.bookingPeriod { float:left; width:165px; margin-bottom:10px; font-weight:bold; }
.bookingPrice { float:left; width:90px; text-align:right; font-weight:bold; color:#9B9989; }

.calendarDay a:link, .calendarDay a:visited, .calendarDay a:hover { display:block; text-decoration:none; color:#FFFFFF; width:22px; padding:2px 2px 2px 0px; } 
.calendarDay a.event_holiday:link, .calendarDay a.event_holiday:visited, .calendarDay a.event_holiday:hover { background-color:#1073EE; }
.calendarDay a.event_meeting:link, .calendarDay a.event_meeting:visited, .calendarDay a.event_meeting:hover { background-color:#27A30E; } 

.calendar_year_link { position:absolute; top:20px; left:0px; text-align:right; width:570px; font-weight:bold; }
.calendar_year_link a:link, .calendar_year_link a:visited { text-decoration:none; color:#999999; }
.calendar_year_link a:hover { text-decoration:underline; color:#FF3300; } 

.calendar_year_link a.calendar_year_link_on:link, .calendar_year_link a.calendar_year_link_on:visited { text-decoration:none; color:#FF3300; }
.calendar_year_link a.calendar_year_link_on:hover { text-decoration:underline; color:#FF3300; } 

.calendar_key { float:left; width:180px; margin:0px 0px 5px 10px; display:inline; }
.calendar_key_item { float:left; width:20px; height:20px; background-color:#FF0000; margin-bottom:5px; display:inline; }
.calendar_key_desc { float:left; width:150px; margin-left:5px; margin-bottom:5px; display:inline; }
.calendar_key_school_holiday { background-color:#1073EE;}
.calendar_key_school_meeting { background-color:#27A30E; }

/*
------------------------------------------
LETTERS PAGE
------------------------------------------
*/

.letter_item {
	border-bottom:2px solid #FF3300;
	padding:10px 0 10px 0;
}
.letter_date { font-weight:bold; padding:0 0 3px 0; }
.letter_title { padding:0 0 3px 0; }
.letter_desc {}
.letter_pdf { text-align:right; padding:10px 0 0 0; }
.letter_pdf a:link, .letter_pdf a:visited { color:#FF3300; font-weight:bold; font-size:1.2em; text-decoration:none; }
.letter_pdf a:hover { text-decoration:underline; }