/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* basic elements */
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #555753;
	margin: 0px;
	background-color: #0b4590;
	
	
	}
	
#banner {background-image: url(images/finalbanner2.jpg);/*was finalbannernew.giffinalbanner2.jpg*/
	background-repeat: no-repeat;
	width: 700px; height: 159px;}	
p { 
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: justify;
	padding-left: 8px;
	/*border-left: 2px solid #E7E7E7;*/
	}
	

	
h3 {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; 
	height: 1.5em;
	
	overflow: hidden;
	letter-spacing: -1px; 
	word-spacing: 3px;
	margin-bottom: 10px;
	color: #6ea3f5; /*fix for css validator - should be 460365*/
	text-shadow: 2px 2px 2px #999999;
	border-bottom: 1px solid #ffcc33;
	display: block;
	}
hr {
	color: #ffcc33; height: 1px;
}
	
h4 {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; 
	height: 2em;
	width: 450px;
	overflow: hidden;
	letter-spacing: -1px; 
	word-spacing: 3px;
	margin-bottom: 10px;
	color: #555753; /*fix for css validator - should be 460365*/
	text-shadow: 2px 2px 2px #999999;
	display: block;
	}	
	
a:link {
	text-decoration: none; 
	color: #4C64AD;
	}
a:visited { 
	text-decoration: none; 
	color: #4C64AD;
	}

a:active { 
	color: #333333;
	text-decoration: underline;
	}
	
a:hover {
	color: #333333;
	text-decoration: underline;
	}

	

/* specific divs */
#container { 
	background: #FFF url(images/montageopaque.jpg) no-repeat 0px 74px;
	padding: 0px;
	margin: 10px auto;
	width: 700px;
	z-index: 1;
	position: relative;
	}

#intro { 
	}
#pageHeader {}

#pageHeader h1 {
	background: #FFF url(images/blackswgflbanner.jpg) no-repeat left top;
	width: 700px;
	height: 73px;
	margin: 0px;
	}
#pageHeader h1 span {
	display: none;
	}
#pageHeader h2 {
	display: none;
	}
#pageHeader h2 span {
	}
	
#page {
	background-color: #000000;
	margin: 0px;
	}	

#quickSummary {
	width: 200px;
	padding: 20px 20px 7.2em 20px;
	float: left;
	}
html>body #quickSummary{padding: 20px 20px 4.6em 20px;}	
	
#quickSummary p {
	font: 125% Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	letter-spacing: -1px;
	text-align: left;
	text-shadow: 2px 2px 4px #000;
	border: none;
	padding-left: 0px;
	z-index: 3;
	}
#quickSummary a:link, #quickSummary a:visited { 
	color: #CCC; 
	}
#quickSummary a:active { 
	color: #CCC;
	border: none;
	}
#preamble {
	margin-top: 25px;
	margin-left: 10px;
	clear: left;
	padding: 7px 30px 0px 0px;
	z-index: 4;
	width: 450px;
	margin-bottom: 10px;
	margin-right: 30px;
	}
	

	
	
#supportingText {
	margin-left: 10px;
	padding: 0px;
	z-index: 5;
	width: 450px;
	}

#footer {
	text-align: right;
	position: absolute;
	width: 700px;
	margin: 0px auto;
	top: 4px;
	font: 75% Verdana, Arial, Helvetica, sans-serif; 
	z-index: 2;
	}

	#footer a:link, #footer a:visited { 
		text-decoration: none; 
		color: #ffffff;
		margin-right: 5px;
		}
	#footer a:hover, #footer a:active { 
		border-bottom: 1px solid #ffffff;
		/*padding-bottom: 53px;*/
		color: #ffffff;
		}



#linkListpupils {
	position: absolute;
	width: 210px;
	top: 220px;
	left: 480px;
	
	padding-left: 0px;
	float: right;
	
	margin-right: 4px;
	}
#linkList2pupils {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	/*background: transparent url("images/harry.gif") bottom right no-repeat;*/
	margin-bottom: 0.5em;
	
	}

.indent {padding: 2px; }



#charlie {
	position: absolute;
	height: 143px;
	width: 85px;
	top: 232px;
	right: 12px;
	background-image: url(images/harry.gif);
	background-repeat: no-repeat;
	z-index: 4;
}

#linkListpupils ul {
	margin: 0px;
	padding: 0px;
	}
#linkListpupils li {
	margin: -5px 0px 5px 0px;
	line-height: 15px;
	display: block; 
	padding: 3px;
	
	}
#linkListpupils li:hover {
	background: url("images/ligreen.jpg");
	border-bottom: 1px solid #6ea3f5;
	border-top: 1px solid #6ea3f5;
	padding: 2px 2px;
	z-index: 1;
	
	}
#linkListpupils li a:link { 
	color: #333;
	}
#linkListpupils li a:visited {
	color: #333;
	}
#linkListpupils li a:hover {
	color: #addb4a;
	border-bottom: 1px solid #6ea3f5a;	
	}
#linkListpupils li a:active {
	padding-bottom: 0px;
	}


	

	
#linkListpupils h3.submit { 
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 0px;
	height: 1.2em;
	width: 210px;
	color: #000;
	text-shadow: 2px 2px 5px #000;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background-color: #6ea3f5;
	overflow: hidden;
	border-bottom: 1px solid #6ea3f5;
	
	}
#linkListpupils h3.submit span {
	display:block;
	}		


#extraDiv1 {
	}
	

	
#linklisting {
	position: absolute;
	width: 210px;
	top: 485px; /*was 435px*/
	left: 480px;
	border: 1px solid #6ea3f5;
	padding: 0px;
	float: right;
	z-index: 6;
	}
#linklisting2 {
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background: transparent url(LinkList.png) bottom right no-repeat;
	margin-bottom: 0.5em;
	}



#linklisting ul {
	margin: 0px;
	padding: 0px;
	
	}
#linklisting li {
	margin: -5px 0px 5px 0px;
	line-height: 15px;
	display: block; 
	padding: 3px;
	
	
	}
#linklisting li:hover {
	background: url("images/li2.jpg");
	border-bottom: 1px solid #6ea3f5;
	border-top: 1px solid #6ea3f5;
	padding: 2px 2px;
	}
#linklisting li a:link { 
	color: #333;
	}
#linklisting li a:visited {
	color: #333;
	}
#linklisting li a:hover {
	color: #ff7d00;
	border-bottom: 1px solid #ff7d00;	
	}
#linklisting li a:active {
	padding-bottom: 0px;
	}

#linklisting h3.classroom { 
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 2px;
	height: 1.2em;
	width: 210px;
	color: #000;
	text-shadow: 2px 2px 5px #000;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background-color: #6ea3f5;
	overflow: hidden;
	border-bottom: 1px solid #6ea3f5;
	}
#linklisting h3.classroom span {
	display:block;
	}	
	
#copyright{
    clear: both;
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	background-color: #6ea3f5;
	position: relative;
	height: 15px;
	bottom: 0px;
	text-align: center;
	padding: 3px 0px 3px 0px;
}

.prop {
    height:700px;/*was 650px*/
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.center{text-align: center;}

ul{font: 90% Verdana, Arial, Helvetica, sans-serif; }

/*rssfeeds display*/

#rsstable{width: 95%;} 
#rsstable a{font: 90% Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}


.rsstitle {background-color: #66ccff;}
.rssmain {background-color: #000000;} 

/* end of rssfeeds display*/

.bold{font-weight: bold;}



.blue {background-color: #66ccff;}

/*news section*/
#news {
	position: absolute;
	width: 210px;
	top: 340px;
	left: 480px;
	float: right;
	z-index: 6;
	margin-right: 4px;
	height: 184px;
	}
#news2 {
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background: transparent url(LinkList.png) bottom right no-repeat;
	margin-bottom: 0.5em;
	}



#news ul {
	margin: 0px;
	padding: 0px;
	
	}
#news li {
	margin: -5px 0px 5px 0px;
	line-height: 15px;
	display: block; 
	padding: 3px;
	
	
	}
#news li:hover {
	background: url("images/liblue.jpg");
	border-bottom: 1px solid #66ccff;
	border-top: 1px solid #66ccff;
	padding: 2px 2px;
	}
#news li a:link { 
	color: #333;
	}
#news li a:visited {
	color: #333;
	}
#news li a:hover {
	color: #66ccff;
	border-bottom: 1px solid #66ccff;	
	}
#news li a:active {
	padding-bottom: 0px;
	}

#news h3.software { 
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 2px;
	height: 1.2em;
	width: 210px;
	color: #000;
	text-shadow: 2px 2px 5px #000;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background-color: #6ea3f5;
	overflow: hidden;
	border-bottom: 1px solid #6ea3f5;
	}
#news h3.software span {
	display:block;
	}

/*end of news section*/

/*admin styling */
.blueform {
	background-color: #66ccff;
	border: 1px solid #addb4a;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;		 
}

.detailbox{
	background-color: #FFFFFF;
	border: 2px solid #addb4a;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
		
}

.detail{background-color: #e0e0e0;}

/*end of admin styling*/

.alignleft{float: left; margin-right: 10px; padding: 5px; }

.orange{color: #ff7d00; font-weight: bold;}

#logos{margins: auto; text-align: center;}

.small{font-weight: bold; font-size: 55%; margin-top: -20px;}






/*techtips section*/
#techtips{
	position: absolute;
	width: 210px;
	top: 515px;
	left: 480px;
	
	
	float: right;
	z-index: 6;
	margin-right: 4px;
	}
#techtips2 {
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	margin-bottom: 0.5em;
	}



#techtips ul {
	margin: 0px;
	padding: 0px;
	
	}
#techtips li {
	margin: -5px 0px 5px 0px;
	line-height: 15px;
	display: block; 
	padding: 3px;
	
	
	}


#techtips h3.softwarenews { 
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 2px;
	height: 1.2em;
	width: 210px;
	color: #000;
	text-shadow: 2px 2px 5px #000;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	background-color: #6ea3f5;
	overflow: hidden;
	border-bottom: 1px solid #6ea3f5;
	}
#techtips h3.softwarenews span {
	display:block;
	}

/*end of techtips section*/

#floatright{float: left; padding-right: 3px;}

#right{	position: absolute;
	width: 210px;
	top: 220px;
	left: 480px;
	padding-left: 18px;
	float: right;
	
	}
	
	#poem{
	font-size: 80%;
	color: #0b4590;
	width:190px;
	padding: 3px;
	border: 1px dotted #ffcc33;
	font-family: "Comic Sans MS";
}
	
	.imgright{
float: left;
padding: 6px 10px 6px 0px;
}

.imgleft{float: right; padding: 2px 4px 4px 4px; }
	
	.bold {font-weight: bold;}
	
	#page {background-color: #ffffff;}
	
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:695px; 
font-size:0.85em;
padding-bottom:5px;
margin-left: 2px;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;

}
.menu ul ul {
width:85px;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:86px;
position:relative;



}



/* style the links for the top level */
.menu a {
display:block;
font-size:0.85em;
text-decoration:none; 
color:#fff; 
width:75px; 
height:25px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#0b4590; 
padding-left:10px;
padding-top: 5px; 
line-height:10px;
text-align: center;

}



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a  {
width:75px;
w\idth:75px;
}

/* style the second level background */
.menu ul ul a.drop,  {
background:#0b4590;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;

}
.menu ul ul :hover > a.drop {
background:#c9ba65;

}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#d4d8bd;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#6ea3f5;
}
.menu ul ul ul :hover > a {
background:#6ea3f5;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:75px;
padding-top: 7px;

}

html>body .menu ul ul {padding-top: 0;}


/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:21px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:85px; 
top:0;
width:75px;
height:20px;

}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-85px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a  {
background:#d4d8bd; 
color:#000; 
height:20px; 
/*height:auto; */
line-height:1.1em; 
padding:5px 5px; 
width:75px;
z-index: 1;
font-size: 100%;

/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:75px;
w\idth:75px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#6ea3f5;

}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#6ea3f5;

}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
z-index: 1;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.imgleft{
float: right;
padding: 6px 10px 6px 10px;
}

/*end of menu*/

.input{background-color: #5e99f4;}

.buttonsubmit{background-color: #0b4590; color: #ffffff; font-size: 80%;}

#admin {border: 1px solid #0b4590; font-size: 80%; padding: 3px;}

#admin td{background-color: #CCCCCC;}

.homeservices{float: right; padding: 4px 3px 4px 6px; width: 200px; }

blockquote {
border : 1px solid #ffcc33;
width: 180px;
float: right;
margin-left: 10px;
margin-right: 3px;
padding: 6px 2px 6px 10px;
background-color: #fff;
quotes: "\201C" "\201D";
font-size: 80%;
color: #555753;
}

.resourcestable{margin-bottom: 40px; font-size: 80%;}

#sermons{font-size: 75%;border: 1px solid #CCCCCC;}
#sermons th{background-color: #0b4590; color: #ffffff;} 

#prayer {
	border: 1px dotted #803532;
	padding: 6px;
	background-image: url(images/prayer.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#prayer p{font-style: italic; color: #803532;}

.servicetable{font-size: 90%;}