/* 
St Dominic's Catholic Primary School

Created By  Rob Wright @
www.oyster-creative.co.uk
--------------------------------------------------------


=Structure

	Generic
	Frame
	Header
	Navigation
	Content
	Footer
	Misc
	
--------------------------------------------------------


=Generic
--------------------------------------------------------
*/

body {
	margin: 0px 0px 57px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF;
}

a img { border:none;}
a {text-decoration:none; color:#AF1418; }
a:hover {	text-decoration:none; 	color: #0082C8; }

.last {border-bottom:none!important;}

/*

=Frame
--------------------------------------------------------
*/

#frame {
	width:937px;
	margin:38px auto 0px;
	padding:0px 10px 10px;;
	border:2px solid #c6c6c6;
	border-top:none;
	position:relative;

}
#frame:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #frame {
	display: inline-block; 
	width: 100%;
}

* html #frame {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

#frame #border{
	top:-20px;
	position:absolute;
	left:-2px
}

/*

=Header
--------------------------------------------------------
*/

#frame #header{
	height:147px;
	width:936px;
	background: url(../images/layout/header_background.gif) bottom no-repeat;
	position:relative;
}

#frame #header #accessibility {
	display:block;
	width:83px;
	height:24px;
	padding:2px 0px 0px 25px;
	position:absolute;
	text-transform:lowercase;
	color:#666666;
	top:-19px;
	right:20px;
	background:url(../images/layout/accesibility.jpg) no-repeat;
}

#frame #header h1{
	margin:12px 0px 0px 20px;	
}

#frame #header h1 a {
	display:block;
	width:355px;
	height:80px;
	margin:0px;
	padding:0px;
	text-indent:-7000px;
	background:url(../images/logo.jpg) no-repeat;
}

#frame #header #header_image{
	position:absolute;
	right:0px;
	bottom:-163px;
}

#frame #header form {
	position:absolute;
	height:30px;
	right:20px;
	bottom:30px;
	width:220px;
}

#frame #header form label,  #frame #header form  input{
	float:left;

}

#frame #header form p {
	padding:0px;
	margin:0px;
}

#frame #header form input{
	font-size:10px;
	padding:5px ;
	width:134px;
	height:11px;
	border:1px solid #CCCCCC;
}

#frame #header form label{
	display:block;
	padding:5px 9px 3px 3px;
	color:#FFF;
}

#frame #header form #search_button {
	height:23px;	
	width:16px;
	margin-left:5px;
	border:none;
	padding:0px;
}

/*

=Navigation
--------------------------------------------------------
*/

#frame #navigation {
	width:194px;
	position:relative;
	background: url(../images/layout/nav_background.jpg) repeat-x;
	border-right:5px solid #e5e6e6;
	float:left;
	padding-top:88px;
	height:760px;	
}

#frame #navigation #nav_image{
	left:0px;
	position:absolute;
	top:-24px;
}

#frame #navigation ul {
	margin:0px;
	list-style:none;
	padding:0px;
}

#frame #navigation ul li{
	margin:0px 0px 3px;
	padding:0px;
}

#frame #navigation ul li a{
	 display:block;
	 background:no-repeat;
	 width:169px;
	 height:44px;
	 color:#FFF;
	 font-size:1.7em;
	 text-align:right;
	 padding:23px 20px 0px 0px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#frame #navigation ul li a:hover{ color:#f5fd9a; }

#frame #navigation ul li a span{
	display:block;
	font-size:0.7em;
}

#frame #navigation ul li a#children{ 	background-image:url(../images/layout/children_button.jpg); }

#frame #navigation ul li a#parents { 	background-image:url(../images/layout/parents_button.jpg); }

#frame #navigation ul li a#info_new{
     padding:15px 20px 0px 0px;
	 height:52px;
	background-image:url(../images/layout/new_parents_button.jpg);
}

/*Secondary Nav*/

#frame #navigation ul li ul li { 	margin:0px; }

#frame #navigation ul li ul li a{
	width:164px;
	padding:5px 30px 0px 0px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	background-image:url(../images/layout/secondary_navigation.jpg);
	background-position:0px 0px;
}

#frame #navigation ul li ul li a:hover, #frame #navigation ul li a.current_page{
	background-position:-196px 0px;
	color:#FFF;
}

#frame #navigation ul li ul li a.last_item, #frame #navigation ul li ul li a.current_page_last_item{
	background-image:url(../images/layout/secondary_navigation_last_item.jpg);
	margin-bottom:-2px;

}
#frame #navigation ul li ul li a.current_page_last_item{
	background-position:-196px 0px;
}
#frame #navigation #latest_poll{
	color:#FFF;
	margin:20px 0px 0px;
	text-align:center;
}

#frame #navigation #latest_poll p{
	margin:0px;
	padding:0px;
	font-size:1.7em;
}

#frame #navigation #latest_poll p strong{
	display:block;
	font-size:1.3em;
	letter-spacing:1px;
}

#frame #navigation #latest_poll a {
	display:block;
	text-indent:-3000px;
	background:url(../images/layout/poll_ad_background.gif) no-repeat;
	height:46px;
	margin:0px auto;
	width:73px;
}

#frame #navigation #latest_poll a:hover { background-position: -75px 0px; }

/*

=Content
--------------------------------------------------------
*/


#frame  #content{
	background:url(../images/layout/content_background.jpg) no-repeat;
	width:735px;
	float:left;
	color:#020303;
	clear:right;
	padding-bottom:20px;
}

#frame  #content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*html>body #frame #content{
	display: inline-block; 
	width: 100%;
}

*html #frame #content{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*
Content > Main Content
--------------------------------------------------------
*/

#frame #content #main_content{
	float:left;
	width:382px;
	padding:10px 25px 10px 25px;
	line-height:18px;
}

/*#########################
 Temp Bodge Nav
 ################################################# */

#frame #content #main_content #secondary_nav {
	margin:10px 0px 15px -2px;
	width:385px;
	padding:0px 0px 10px;
	list-style:none;
	clear:both;
}

#frame #content #main_content #secondary_nav:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*html>body #frame #content #main_content #secondary_nav{
	display: inline-block; 
	width: 100%;
}

*html #frame #content #main_content #secondary_nav{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}


#frame #content #main_content #secondary_nav li {
	float:left;
	padding-right:2px;
	margin:0px 2px 10px 0px;
}

#frame #content #main_content #secondary_nav li  a{
	display:block;
	color: #666666;
	padding-left:6px;
	background:#e5e6e6 url(../images/layout/secondary_navigation_left.jpg) no-repeat;
}

#frame #content #main_content #secondary_nav li  a:hover{
	color:#FFF;
	background-color:#7a003b;
	background-position: 0px -19px;
}

#frame #content #main_content #secondary_nav li  a span{
	display:block;
	padding-right:6px;	
	background:#e5e6e6 url(../images/layout/secondary_navigation_right.jpg) no-repeat top right;
}

#frame #content #main_content #secondary_nav li  a:hover span{
	background-color:#7a003b;
	background-position: right -19px;
}


#frame #content #main_content p{
	line-height:1.6em;
}
#frame #content #main_content h2{
	font-size:2.2em;
	font-weight:normal;
	margin:26px 0px 20px;
}

#frame #content #main_content h2 span{
	font-size:0.6em;
	padding-left:2px;
	color:#999999;
}

#frame #content #main_content h3{
	font-size:1.5em;
	color:#0082C8;
	font-weight:normal;
}

#frame #content #main_content h3 span{
	display:block;
	font-size:0.7em;
	color:#999999;
}

#frame #content #main_content h3.downloads {
	border-top:3px solid  #F5F5F5;
	padding-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#frame #content #main_content ul {
	margin:20px ;
	padding:0px;
}

#frame #content #main_content li{
	margin-bottom:10px;
}

#frame #content #main_content .body_image{
	float:right;
	clear:right;
	margin:0px 10px 10px 10px;
	display:block;
	border:1px solid  #E4E4E4;
	padding:5px;
}

/* Forms */

#frame #content #main_content form {  
	border-top: 2px solid  #E5E6E6;  
	border-bottom: 2px solid  #E5E6E6;
	margin-top:20px;
	padding:10px;
}

#frame #content #main_content form strong{ font-size:1.3em; font-weight:normal;  }

#frame #content #main_content form p { 	margin-bottom:15px; }

#frame #content #main_content form p label {
	clear:both;
	color:#666666;
}

#frame #content #main_content form p label input, #frame #content #main_content form p label textarea{
	width:300px;
	display:block;
	margin-top:5px;
	padding:3px;
	font-size:11px;
}

/*Search */

#frame #content #main_content .search_result {
	border-bottom:1px solid #EBEBEB;
	padding-bottom:5px;
	color:#666666;
	font-size:0.9em;
	margin-bottom:25px;
}

#frame #content #main_content .search_result a {
	display:block;
	font-size:1.1em;
}

#frame #content #main_content .search_result a  strong{
	display:block;
	font-size:1.1em;
	padding-bottom:3px;
}

#frame #content #main_content .search_result span{
	font-weight:bold;
	color: #333333;
}

/*Bible Quote */

#frame #content #main_content #bible_quote {
	margin:40px 0px;
	border-top:4px solid #7a003c;
	border-bottom:4px solid #7a003c;
}

#frame #content #main_content #bible_quote a{
	border:1px dashed #CCCCCC  ;
	display:block;
	color: #666666 ;
	margin:6px 0px ;
	text-decoration:none;
	padding:7px 7px 7px 10px;;
	font-size:1.3em;
	font-style:italic;
}

#frame #content #main_content #bible_quote a:hover{	background: #FEF9E2; }

/*poll */

#frame #content #main_content #poll{
	padding:20px 20px;
	margin:20px 0px 0px 0px;
	border-top: 2px solid  #E5E6E6;  
	border-bottom: 2px solid  #E5E6E6;
}

#frame #content #main_content #poll #poll_results {
	padding:20px 0px 20px;
	margin:20px 0px;
	list-style: none;
	border-top:1px dashed #D8D8E7;
	border-bottom:1px dashed #D8D8E7;

}

#frame  #poll h3{
	margin:0px;
	color:#263377;
	pading:0px 0px 10px;
	font-size:11px;
}

#frame #content #main_content #poll  ul {
	padding:0px 0px 10px;
	margin:20px 0px;
	list-style: none;
	border-bottom:1px dashed #D8D8E7
}

#frame #poll ul li { margin:0px; padding:3px 0px ;}
#frame #poll  span{ font-size:9px; color: #656194;} 
#frame #poll ul li input{	height:11px; }

#frame #poll  p a {
	display:block;
	font-size:1.2em;
	margin-bottom:5px;
}

#frame  #poll  p a span{ display:block; }

#frame  #poll ul li img { margin-right:10px;	}

/*Event Specific */

#date {
	color: #666666;
	display:block;
	font-size:0.6em;
	margin:10px 1px;
}

#frame #content .month {
	border:1px dashed  #CCCCCC;
	padding:15px 10px;
	margin-bottom:15px;
}
#frame #content .month h3{
	margin:0px;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:5px;
	color:#7A003E;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
}

#frame #content .month .day h4 {
	text-transform:uppercase;
	color: #C5960B;
	font-weight:normal;
	margin:15px 0px 5px;
}

#frame #content .month .day p{
	margin:0px;
}

#frame #content .month .day a {
	display:block;
	padding:10px 4px;
	border-bottom:1px solid #F2F2F2;
	font-size:1.0em;
	color:#999999;
		text-decoration:none;
}

#frame #content .month .day a span{
	display:block;
	font-size:1.4em;
	color:#7A003D;
}

#frame #content .month .day a:hover {
	color:#0082C8;
}

/*News Specific */

#frame #content #main_content h2 span.news_date {
	display:block;
	margin:10px 0px 0px;
	padding:0px;
}

#frame #content #main_content .news_item {
	border-bottom:1px  dashed   #999999;
	margin:10px 0px 15px;
	padding:10px 0px 20px;
}

#frame #content #main_content .news_item a{ display:block;  	text-decoration:none;}

#frame #content #main_content .news_item a.news_title{
	font-size:1.5em;	
	color:#7A003E;
}

#frame #content #main_content .news_item a.news_title span {
	display:block;
	font-size:0.6em;
	margin:1px 0px 5px;
	padding-bottom:5px;
	text-transform:uppercase;
	color: #C5960B ;
}

#frame #content #main_content .news_item a.news_link {
	margin-top:5px;
	text-transform:uppercase;
	font-size:0.9em;
}

/* Gallery */

#frame #content #main_content #galleries {
	list-style:none;
	margin:0px;
}
#frame #content #main_content #galleries li { float:left; margin:0px 14px 20px 0px;}

#frame #content #main_content #galleries li a {
	display:block;
	padding: 4px;
	font-size:1.2em;
	font-weight: normal;
}

#frame #content #main_content #galleries  a img{
	display:block;
	border: 2px solid #E9E9E9;
	margin-bottom:5px;
}

#frame #content #main_content #gallery {
	
}

#frame #content #main_content #gallery ul {
	list-style:none;
	margin:10px 0px 0px;
	padding:0px;
	clear: both;
	width:430px;
}
#frame #content #main_content #gallery ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #frame #content #main_content #gallery ul {
	display: inline-block; 
	width: 100%;
}

* html #frame #content #main_content #gallery ul {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}


#frame #content #main_content #gallery ul li {
	float:left;

	margin:0px 5px 10px 0px;
}

#frame #content #main_content #gallery ul li a{
	padding:2px;
	display:block;
	border:1px solid #E1E1E1;
}

#frame #content #main_content #gallery ul li a:hover {
	background: #0082C8;
}

#frame #content #main_content #gallery ul a img{ 	display:block; }

#frame #content #main_content #image_container {

	text-align:center;
	border:1px solid #E1E1E1;
	padding:3px;
	width:392px;
	margin-bottom:20px;
}
#frame #content #main_content #image_container img{
	display:block; margin:0px auto;
}
#frame #content #main_content #image_container p {
	background: #7A003D;
	color:#FFF;
 	margin:0px auto;
	padding:3px;
	width:384px;
}

/* Main Class List */

#frame #content #main_content #main_classes {
	list-style:none;	
	width:392px;
	margin:15px 0px 0px;
	padding:5px 0px 20px;
}

#frame #content #main_content #main_classes  li {
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px ;

}

#frame #content #main_content #main_classes  li.class_button {
width:342px;
}
#frame #content #main_content #main_classes  li a{
	display:block;
	height:30px;
	text-indent:-8000px;
	padding-right:12px;
	clear:left;
	background:no-repeat ;
	background-position: -13px -2px ;
}


#frame #content #main_content #main_classes a#main_reception{	width:80px;	background-image:url(../images/layout/class_buttons/reception.jpg); }
#frame #content #main_content #main_classes a#main_year1{	width:80px;	background-image:url(../images/layout/class_buttons/year1.jpg); }
#frame #content #main_content #main_classes a#main_year2{	width:80px;	background-image:url(../images/layout/class_buttons/year2.jpg); }
#frame #content #main_content #main_classes a#main_year3{	width:80px;	background-image:url(../images/layout/class_buttons/year3.jpg); }
#frame #content #main_content #main_classes a#main_year4{	width:80px;	background-image:url(../images/layout/class_buttons/year4.jpg); }
#frame #content #main_content #main_classes a#main_year5{	width:80px;	background-image:url(../images/layout/class_buttons/year5.jpg); }
#frame #content #main_content #main_classes a#main_year6{	width:80px;	background-image:url(../images/layout/class_buttons/year6.jpg); }


#frame #content #main_content #main_classes  li ul {
	border-top:1px solid #d4d5d7;
	list-style:none;
	width:342px;
	margin:10px 0px 0px 10px;
	padding-top:10px;

}
#frame #content #main_content #main_classes  li ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #frame #content #main_content #main_classes  li ul{
	display: inline-block; 
	width: 100%;
}

* html #frame #content #main_content #main_classes  li ul {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}



#frame #content #main_content #main_classes  li ul li {
	display:inline;
	margin:0px 3px 5px 0px;
	border-bottom:0px;
	padding:0px 2px 5px 0px ;float:left;

}

#frame #content #main_content #main_classes  li ul li  a{
	display:block;
	color: #666666;	
	height:18px;
	margin:0px;
	padding-left:6px;
	padding-right:0px;
	text-indent:0px;
	background:#e5e6e6 url(../images/layout/secondary_navigation_left.jpg) no-repeat;
}


#frame #content #main_content #main_classes  li ul li  a:hover{
	color:#FFF;
	background-color:#7a003b;
	background-position: 0px -19px;
}

#frame #content #main_content #main_classes  li ul li  a span{
	display:block;
	margin:0px;
	padding:0px 6px 0px 0px;
	background:#e5e6e6 url(../images/layout/secondary_navigation_right.jpg) no-repeat top right;
}


#frame #content #main_content #main_classes  li ul li  a:hover span{
	background-color:#7a003b;
	background-position: right -19px;
}

/*

Content > Secondary Content
--------------------------------------------------------
*/

#frame #content #secondary_content{
	position:relative;
	clear:right;
	margin-top:179px;
	width:283px;
	float:right;
	background:url(../images/layout/secondary_content_background.jpg) no-repeat top;
}


#frame #content #secondary_content #events_link {
	color:#FFF;
	display:block;
	background: url(../images/layout/event_tab_background.jpg) no-repeat;
	left:1px;
	overflow:hidden;
	top:-29px;
	text-indent:-7000px;
	position:absolute;
	width:284px;
	height:25px;
}

#frame #content #secondary_content .info_box{
	width:149px;
	float:left;
}

#frame #content #secondary_content h3 {
	color:#FFF;
	font-weight:normal;
	margin:0px 0px 28px;
	font-size:1.5em;
	padding:8px 0px 0px 12px;
}

#frame #content #secondary_content h3 a{
	color:#FFF;
}

#frame #content #secondary_content h3 a:hover{
	color:#C5960B;
}

#frame #content #secondary_content .info_box p{
	margin:10px 0px 15px;
	padding:0px;
	font-size:0.9em;
	width:125px;
}

#frame #content #secondary_content .info_box p a{ 	display:block; }

#frame #content #secondary_content .info_box p strong{ 	font-size:1.1em; }


#frame #content #secondary_content .info_box #news_archive {
	margin:35px 0px 0px;
	padding:0px;
	width:130px;
	list-style:none;
}

#frame #content #secondary_content .info_box #news_archive li {
	margin:0px 0px 10px 15px;
}

#frame #content #secondary_content .info_box #news_archive li a{
	font-size:1.5em;
	display:block;
	border-bottom:1px solid #EEEEEE;
	padding-bottom:3px;
}

#frame #content #secondary_content .info_box #news_archive li a.current_page{
	color:#0082C8;
}

#frame #content #secondary_content .info_box #news_archive li a span{
	display:block;
	font-size:0.6em;
	color: #CCCCCC  ;
}

#frame #content #secondary_content #classes {
	width:132px;
	float:left;
}

#frame #content #secondary_content #classes h3{
	text-align:right;
	padding:8px 15px 0px 0px;
}

#frame #content #secondary_content #classes ul {
	list-style:none;
	margin:15px 0px 0px;
	padding:5px 0px 20px;
	border-left:2px solid #d4d5d7;
}

#frame #content #secondary_content #classes ul li {
	margin:0px 0px 5px 28px;
	padding:0px;
}

#frame #content #secondary_content #classes ul a{
	display:block;
	height:34px;
	width:102px;
	text-indent:-8000px;
	overflow:hidden;
	background:no-repeat ;
}

#frame #content #secondary_content #classes ul a:hover{
	background-position: -104px 0px ;
}

#frame #content #secondary_content #classes ul a#reception{	background-image:url(../images/layout/class_buttons/reception.jpg); }
#frame #content #secondary_content #classes ul a#year1{	background-image:url(../images/layout/class_buttons/year1.jpg); }
#frame #content #secondary_content #classes ul a#year2{	background-image:url(../images/layout/class_buttons/year2.jpg); }
#frame #content #secondary_content #classes ul a#year3{	background-image:url(../images/layout/class_buttons/year3.jpg); }
#frame #content #secondary_content #classes ul a#year4{	background-image:url(../images/layout/class_buttons/year4.jpg); }
#frame #content #secondary_content #classes ul a#year5{	background-image:url(../images/layout/class_buttons/year5.jpg); }
#frame #content #secondary_content #classes ul a#year6{	background-image:url(../images/layout/class_buttons/year6.jpg); }


#frame #content #secondary_content #event_calendar {
	float:left;
	clear:both;
	width:283px;
	margin-top:15px;
	background:url(../images/layout/event_calendar_background.jpg) no-repeat top;
}

#frame #content #secondary_content #event_calendar p{
	font-weight:bold;
	background:url(../images/layout/calendar_note.jpg) no-repeat;
	padding-left:22px;
	margin-left:19px;
}


/*

=Footer
--------------------------------------------------------
*/
#frame  #footer{
	float:left;
	clear:both;
	border:1px dashed #CCCCCC  ;
	width:937px;
	margin:5px 0px 0px;
	background:#dddfe2;
	position:relative;
}

#frame  #footer ul {
	list-style:none;
	padding:10px 10px 10px 40px;
	margin:0px;
}
#frame  #footer ul li{
	display:inline;
	margin:0px 10px 0px 0px;
}

#frame  #footer ul li a{	color: #333333; }
#frame  #footer ul li a:hover{	color: #7A003C; }

#frame  #footer p {
	position: absolute;
	right:12px;
	top:10px;
	color:#828487;
	width:270px;
	padding:0px;
	margin:0px;
	height:20px;
}

/*--- Oyster ---*/

#frame #footer #oyster {

	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/layout/oyster.jpg) no-repeat;
	height:41px;
	width:256px;
	display:block;
	position:absolute;
	right:10px;
	bottom:-60px;


}


/*
=Misc
--------------------------------------------------------
*/


#frame #content a.pdf{	display:block; font-size:1.2em; background: url(../images/layout/pdf-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px }

#frame #content  a.doc{	display:block; font-size:1.2em; background: url(../images/layout/word-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px }

#frame #content  a.xls{	display:block; font-size:1.2em; background: url(../images/layout/xls-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px }

#frame #content a.img {	display:block; font-size:1.2em; background: url(../images/layout/jpg-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px }

#frame #content a.ppt {	display:block; font-size:1.2em; background: url(../images/layout/powerpoint-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px }

.error {  margin-left:17px;}

.error img {
	position:absolute;
	left:-20px;
	top:-1px;
}

.error-text, .error {
	color:#FF5930!important;
	font-weight:bold;
	position:relative;
}