/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*                                                                  */
/*              St Christopher School CSS                           */
/*                                                                  */
/*     additional files:                                            */
/*      					                                        */
/*                          				                        */
/*                                                                  */
/*     Goldhill Education                                           */
/*     www.goldhilleducation.com                                    */
/*                                                                  */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



body{
		 font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		 background:#fff url(images/bg3.gif) repeat-x 0% 0px;
		  text-align: center;
		  margin:0px;
		  padding:0px;
}

.nonav #main li
		{
		visibility: hidden;
		
		}
		
				
p		{
		font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height:150%;
		clear:both;
		text-align: left;
		margin-right:5px;
		margin-top:5px;
		}

p, td, ul	{
		text-align: left;
		
		}

h1, h2, h3, h4		
		{
		font-weight: normal;
		color: #3a4118;
		padding: 0px 2px 0px 2px;
		margin-top: 0px;
		margin-bottom:0px;
	
		
		}
		
		
h1, h2		{
		font-size:150%;	
		font-family:arial bold;
		font-variant:normal;
		width:300px;
		text-align:left;
		margin:0px;
		
		}
		

h1         {
        font-size:100%;
        font-weight:500;
        color:#888;
        padding-top:50px; 
        padding-bottom:6px;
        float:left;
        width:250px; 
        }        
        
h2        {
        float:right;
        text-align:right;
        font-size: 110%;
        font-weight:normal;
        margin:0px 0px 5px 0px;
        color: #666; 
        width:350px;
        }

em         {
        color:#3F471D;
        font-weight:600;
        font-style:normal;
        }		
		
	
		
h3		{
		color:#fff;
		font-size: 120%;
		font-weight:normal;
		clear:both;
		background:#3a4118 url(images/topright.gif) no-repeat 0% 0%;
		padding: 2px 4px;
		margin:0px;
		text-align:center;

		
		}
		
h4		{
		float:left;
		width:320px;
		margin-left:10px;
		margin-bottom:0px;
		font-weight:normal;
		padding:15px 0 10px 30px ;
		text-align:left;
		background: url(images/bullet2.gif) no-repeat 0% 13px;
		}

h5		{
	font-size: 120%;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	color: #999999;
		}		
		
		
ul		{		
		font-size: 70%;
		}



		
a:link, a:visited	{
		color:#3F471D;
		text-decoration:none;

		}
		
a:hover, a:active	{
		color:#CF6800;

		}
			
/*  main page elements */


.container 
			{
			margin: 0px auto;
			padding:0px;
			width:760px;
			background-color: #fff;

			} 
			
#maintext {	clear:both;
			background: #fff url(images/gebg.gif) repeat-y 0% 0%;
			border-right: 1px solid #aaa;
			border-left: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			}
			
						
#bigimage	{
			float:left;
			display:inline;
			width:180px;
			margin:0px 1px;
			border:0px solid #fff;
			}
			
#screenshot{
			border: 1px solid #aaa;
			}
			
#logo 	{
			height: 70px;
			margin-top:25px;
			margin-bottom:0px;
			background: #fff url(images/logo6.gif) no-repeat 0% 0%; 	
		}
		
#smalllogo{
			float:left;
			margin-top:0px;
			}
			
			
#topimage, #sidelogo {
			display:inline;
			float:right;
			}


#logon {
		
		color: #000;
		margin:0px;
		float:left;
		width:320px;	
			}
#logon dl {
		font-size: 80%;
		margin-top: 0px;
		margin-bottom:30px;
		padding:0px 5px 0px 5px;
		float:left;
			}
			
#logon dd {
		margin:0;
		float:right;
		padding-right:10px;
		padding-top: 2px;

		}
			
#logon dt{
		float: left;
		margin-left:0px;
		margin-top:0px;
		padding-right:10px;
		padding-left:20px;
		padding-top: 2px;
		height:18px;
		width:100px;
		}
		

#logon input{width: 180px;
			 height: 18px;
			 border-top: 1px solid #808E37;
			 border-left: 1px solid #808E37;

			}
			
#memberlogin{
		padding:2px 5px 2px 20px;
		font-weight: bold;
		text-align: left;
		margin:0px;
		}
		
#text{
		width:380px;
		float:left;
		border-top: 0px;
		}

		
.text1, .textintro{
		padding:2px 6px 0px 20px;
		margin:0px;
		
		}
		
#arrow1 {float:right}
		
		
.textintro {
		margin-top:15px;
		font-size:100%;
		}
		
ul.dates  {
		clear:both;
		padding:0px 0px 2px 0px;
		margin:8px;
		list-style-type:none;
		line-height:150%;
		text-align:left;
		background:#fff url(images/bottomright.gif) no-repeat 0% 100%;
		}
		
form input
		{
		border: 1px solid #999;
		width:140px;
		}
		
.check
		{
		border: 0px solid #999;
		width:15px;
		padding:0px;
		text-align:left;
		}
		
.menu {
		border: 1px solid #999;
		width:140px;
		font-size:100%;
		}
		
#submit {
		float:right;
		padding: 2px;
		margin: 1px;
		width:5em;
		height:2em;
		}
		
ul.dates li {
		padding:2px 5px;
		color:#000;
		
		}
		
ul.sitemap		{
		list-style-type:none;
		line-height: 150%;
		font-size:100%;
		}


#sidebar{
		margin-top: 0px;
		padding:0px;
		width:180px;
		float:right;
		
		}		
		

.objectives {
		list-style-type:none;
		font-size:75%;
		clear:both;
		line-height:190%;
		margin-top:0px;
		margin-left:20px;
		margin-bottom:5px;
		padding:0px;
		}


blockquote 
		{
		width:160px;
		color:#CF6800;
		font-size: 100%;
		font-weight:normal;
		background:#eee url(images/leftquotes.gif) no-repeat 0% 0%;
		padding:10px 0px 0px 0px;
		margin-top:40px;
		margin-bottom:8px;
		margin-left: 8px;
		margin-right: 8px;
		text-align:left;
			}
			
#quote { 
		padding:10px 0px 0px 0px;
		margin: 8px 8px 0px 8px;

		}
		
#author { 
		font-size: 60%;
		padding:15px 0px;
		margin: 0px;
		background: url(images/rightquotes.gif) no-repeat 100% 0%;
		text-align: center;
		}



		
/*		
.dates a:link, .dates a:visited
		{
		border:0px;
		padding:0px 0px 4px 30px;
		display:block;
		color:#878889;
		
		}*/

.objectives li
		{
		background:url(images/bullet3.gif) no-repeat 5px 0px;
		color:#000;
		padding-left:30px;
		
		}
		

/*
#name1{
		display:inline;
		}

 navigation layout and styles */			
	
ul.navbar	{
			margin:0px;
			padding:0px;
			float:right;
			list-style-type:none;
			text-align:left;;
			}
			
ul.navbar li{	
			display:block;
			margin:0px;
			float:left;
			border-bottom:0px;
			}
			
#main, #sub1		{
			width:100%;
			border-top:1px solid #aaa;
			border-bottom:1px solid #fff;
			border-right:1px solid #eee;
			background:#eee url(images/button.gif) repeat-x 0% 0%;
			}			
			
			
#main a		{
			color:#3F471D;
			padding: 3px 4px 5px 4px;
			border-top:1px solid #eee;
			border-left: 1px solid #fff;
			border-right: 1px solid #aaa;
			border-bottom:1px solid #aaa;
			background:#ccc url(images/button.gif) repeat-x 0% 0%;
			}
			
#main a:hover, #main a:active {
			color:#000;
			}
			
#main a:hover {
			border-top:1px solid #ccc;
			border-bottom:1px solid #aaa;
			padding: 3px 4px 5px 4px;
			background: url(images/buttonover.gif) repeat-x 0% 0%;
			}
			
#main a:active, .activetab{
			border-top:2px solid #CF6800;
			padding: 2px 4px 5px 4px;
			background:#fff;
			border-left: 1px solid #fff;
			border-bottom:1px solid #fff;
			border-right:1px solid #aaa;
			}

			
ul.navbar a:link, ul.navbar a:visited {
			display:block;
			float:left;
			text-decoration:none;
			border-right: 1px solid #aaa;
			border-left: 1px solid #fff;
			border-bottom:1px solid #fff;
			color: #f38f1d;
			
			}
			
	
ul.navbar a:hover, a:active{
			background-color:#fff;
			border-right: 1px solid #d9cfc0;
			border-left: 1px solid #d9cfc0;
			}

			
		
ul#tertiary {

			width:450px;
			float:right;
			margin-bottom:0px;
			margin-top:2px;
			}
			
#tertiary li{
			height:20px;
			color:#CCC;
			display:block;
			float:right;
			padding: 1px 3px;
			font-weight:normal;
			white-space:nowrap;			
			}			

#tertiary li a	{
			color:#3F471D;
			font-weight:normal;
			}

#tertiary a:hover, #tertiary a:active, #tertiary .activetab {
		color:#CF6800;
		border-top:0px solid #808E37;
		border-right: 0px none #fff;
		border-left: 0px none #fff;
	}
	
	

	
ul#footer	{
			clear:both;
			margin:0px;
			padding:0px;
			list-style-type: none;
			color: #878889;
			width:100%;
			background:#fff url(images/button.gif) repeat-x 0% 0%;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			height: 20px;	
			}			
				
ul#footer li {
			 display:inline;
			 border-right: 1px solid #ccc;
			 padding:4px;
			 }
			 
span.text2  {
	font-size:75%;
	float:left;
	width:350px;
	margin-left:20px;
	font-weight:normal;
	text-align:left;
	line-height: 150%;
	padding-bottom:5px;
		}