/*
	Style sheet for Baby College
	Last updated: 22-09-2004
*/



/*  Establish general layout parameters */


*{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #037ec2;
	}
	
body {
	margin: 0;
	padding: 0;
	background-color: #EBF5FA;
	width: 100%;
	font-size: 80%; 
	text-align: center;
	}

hr {  
    display: none;
}

hr[class] {
    border: 0;
    clear: both;
    color: #fff;
    display: block !important;
    height: 1px; 
    margin: 2px;
    }

#wrapper {
	background-color: #fff;
	margin:5px auto;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 750px;	
	background-image: url('../images/bg.gif'); 
	}



#header {
	margin: 0;
	padding: 0;
	text-align: left;
	}


#header div {
    white-space: nowrap;
    }
	
#header div img {  
    float: left;
    }
	

#hype {  
    background: #ebf5fa;
    font-size: 70%; 
    margin-top: -10px;
    }
#hype a {  
    color: #aaa;
    text-decoration: none;
    }
#hype span {  
    color: #aaa; 
    float: right; 
    }

#pagebody	{
	padding: 0px;
	margin: 0px;
	border: 0;
	text-align: left;
	clear: both;
	}


#maincontent	{
	margin: 0;
	padding: 10px 17px 10px 17px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:400px;
	background-image: url('/images/bubblebg.jpg');
	background-repeat: repeat-y;
	}

#navigation img {  
    float: left; 
    margin-top: 3px; 
    }

#sidebar {
	width: 275px;
	padding: 10px;
	margin: 0px;
	/* compensates for IE Win bungling */
	height: 100%;
	float:right;
	}


#contentleft	{
	margin: 0;
	padding: 10px 17px 10px 17px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:300px;
	background-image: url('/images/bubblebg.jpg');
	background-repeat: repeat-y;
	}

	#contentright	{
	margin: 0;
	padding: 10px;
	margin-top:25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:300px;
	/* compensates for IE Win bungling */
	height: 100%;
	float:right;
	}

#ebox {  
    background-color: #fdf1f7;
    background-image: url('/images/enrol.gif'); 
    background-repeat: no-repeat; 
    margin-bottom: 10px; 
    width: 270px; 
    }	

#ebox div {  
    font-size: 90%;
    padding: 30px 15px 0px 15px; 
    }

#ebox div strong {  
	color: #e978af;
    }

	
#footer {
	clear: both;
	width: 100%;
	margin: 0px;
	text-align: center;
	font-size: 85%;
	padding: 0px;
	color: white;
	background-color: #60b7dc;
	clear: both;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}


#qbox {  
    background-color: #e5f2f9;
    background-image: url('/images/bluetop.gif'); 
    background-repeat: no-repeat; 
    margin-bottom: 10px; 
    width: 270px; 
    }


#qbox div {  
    font-size: 90%;
    padding: 10px 15px 0px 15px; 
    }
	
/*  Typography */
	
h1, h2, h3, h4, h5, h6 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
    voice-family: "\"}\"";   
    voice-family: inherit;   
	font-size: 110%;      
	font-weight: bold;
	color: #e978af;
	}


	/*  Link Styles */


a {
    text-decoration: underline;
	color: #037ec2;
	background: transparent; 
    }



a:hover {
    text-decoration: underline;
	color: #fff;
	background-color: #037ec2;

    }

#qbox div a:hover {  
    text-decoration: underline;
	background-color: #f298c4;
	color: white;
    }


#footer a {
    text-decoration: none;
	color: white;
	background: transparent; 
    }



#footer a:hover {
    text-decoration: underline;
	background-color: #f298c4;
	color: white;
    }



a.sitecredit {;
	text-decoration: none; 
	background: transparent; 
	padding-left: 4px;
}



.sitecredit:hover  {
	background-color: #ffd800;
	color: #9fe041 ;
	padding-left: 4px;
}


.textcenterwhite {
	text-align: center;
	color: white;
}


	/*  Extra Bits */


.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}



img {
	border: 0;
	}



.floatleft {
	float:left;
	margin-right:10px;
	}


.floatleftb {
	float:left;
	margin-right:10px;
	border:solid 1px #333399;
	}


.floatright {
	float:right;
	margin-left:10px;
	}	


.floatrightb {
	float:right;
	margin-left:10px;
	border:solid 1px #333399;
	}	


.openlist {
    display: inline;
    visibility: visible;
}

.closedlist {
    display: none;
    visibility: hidden;
}


.store div{
		background-color:#f4f9fc; 
		border:solid 1px #007dc3; 
		padding:5px; 
		width:98%;
		margin-bottom: 5px;
}


li {
	padding-top:5px;
	padding-bottom:5px;
}

	/*  Forms and fields */



.form {
	border: 1px solid #666;
	padding: 1px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	}


.blurred {
	border: #333333 1px solid;
	padding: 1px; 
	background: #f2fbfe;  
	color: #676c6f; 
}



.focused {
	border: red 1px solid; 
	padding: 1px; 
	background: white; 
	color: black; 
}


legend {
	margin-top: 0px;
	font-size: 110%;
	font-weight:bold;
	}



fieldset {
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:3px;
	}


	/*  Text and lists */

p	{
	line-height: 150%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}

.pink {  
	color: #e978af;
	font-weight:bold;
    }

address{
	font-style: normal;
	}