/* ------------------------------------------ PAGE DEFAULTS --------------------------------------- */

body{margin: 0px; /* ie has a margin we need to remove explicitly */
font-size: 80%;font-family: Verdana, Arial, Helvetica, Sans-Serif;color: #666666;}
td {font-size: 80%; font-family: verdana, arial, sans-serif; margin:0px; padding: 0px;}
/*this will set the size of text within table td's to the same size as body text size but
will also cause size to be inherited in td's with in td's thus a td within a td will
require: style="font-size:1em"*/
form {margin:0px}

.clearer { height: 0px; line-height: 0px; clear: both;padding:0px;margin:0px;border:0px}

img {border: 0px; margin: 0px;}
img.textRight {float: left;	border: 0px; margin: 0px 20px 1px 0px;}

p.firstLine {margin:0px; font-size:10pt;}

hr {color: #cccccc; /*border:1px;*/	border: solid 1px #cccccc;}

blockquote {margin-right: 20px;	margin-left: 15px;}

h1 /* MAIN BROWN HEADING */
{font-size:2em;	font-weight:bold; color: #773418;margin: 5px 0px 3px 0px;}

h2 /* SUB GREEN HEADING */
{font-size:1.6em; font-weight:bold; color: #773418; margin: 0px 0px 3px 0px;}

h3 /* SUB GREY HEADING */
{font-size:1.3em; margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight: bold; color: #773418;}

h4 /* negative botom margin */
{font-size:1.2em; font-weight:bold; color: #773418; margin: 0px 0px -15px 0px;}

h5 /* SMALLER BROWN SUB HEADING, with top border*/
{font-size:1.1em;; font-weight: bold;	color: #773418; margin: 0px 0px -20px 0px;}

h6 /* Same as h5 just no negative margin */
{font-size:1.1em;; font-weight: bold;	color: #773418; margin: 0px;}

#headingTopCentre {text-align:center; margin-top:30px; border:0px solid}


.heading1 {background:#773418; color:white; padding:0px 0px 2px 2px; font:1.4em ;font-weight:bold; margin:0px 0px 10px 0px}
.heading1 a {color:white; text-decoration:none}
.heading1 a:hover {color:white; text-decoration:none}

/* ------------------------------------------HEADER AND TOP NAVIGATION ------------------------------*/

#topNav {width:752px; height:28px; float:left; background-color: #773418; margin:0px; border:0px solid}
#topNav ul { clear:both; text-align:left; list-style-type: none; padding: 4px 0px 0px 10px; margin: 0px 0px 0px 0px;}
#topNav ul li { background: url(../images/bullet_purple1.gif) no-repeat 15px 4px; border:0px solid; padding: 0px 0px 0px 22px; margin: 0px; display:inline;  }
#topNav ul li a {color: #3e3d8b; text-decoration: none; }
#topNav ul li a:hover {text-decoration: underline;}   
#topNav ul li.active {font-weight:bold;  background: url()}   

#header {position: relative; left: 50%;	width: 780px; margin-left: -390px; overflow: auto; border:0px solid black;}
#topBorder {width: 778px; height:26px; background:url(../images/borderTop.gif) repeat-x; border:0px solid black;}
#topBanner {width:752px; height:76px; float:left; margin:0px; background:url(../images/bgTop.jpg) repeat-y #B38551; border:0px solid}

#topLogo {width:117px; height:104px; float:left; background:url(../images/logoRockyRidge.jpg); border:0px solid black;}
#topLeftBorder {width:26px; height:104px; float:left; background:url(../images/borderTopLeft.gif) no-repeat; border:0px solid black;}

#url1 {margin:3px 0px 0px 30px}
#url2 {margin:3px 0px 0px 15px}
#url3 {margin:3px 0px 0px 15px}
#url4 {margin:3px 0px 0px 15px}

#mnuKidsEducation {border:1px solid; width:200px; left:235px; top: 130px; display:none;}
#mnuAdultEducation {border:1px solid; width:230px; left:423px; top: 130px; display:none;}
#mnuVenueHire {border:1px solid; width:200px; left:623px; top: 130px; display:none;}

.topnavMenu {z-index: 100; position: absolute; background:#773418; }
.topnavMenu UL {margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none}
.topnavMenu LI {padding:3px 10px 3px 10px; border-top:#fff 1px solid; display:block;}
.topnavMenu LI.first {border:none;}
.topnavMenu LI A {display: block; padding:0px 0px 0px 10px; color: white; white-space: nowrap; text-decoration: none}
.topnavMenu LI A:hover {color: #EA2126}


/* ------------------------------------------ LEFT NAVIGATION ------------------------------*/
#leftNav {background: url(../images/bg_left_nav.gif) repeat-x 0px 0px; border:0px solid; width: 188px; height:200px}
#leftNav ul { list-style-type: none; padding: 4px 0px 0px 6px; margin: 0px 0px 0px 0px;}
#leftNav ul li { background: url(../images/bullet_purple1.gif) no-repeat 0px 6px; border:0px solid; padding: 2px 0px 2px 8px; margin: 0px;  }

#leftNav a {color: #3e3d8b; text-decoration: none; }
#leftNav a:link {}
#leftNav a:visited {}
#leftNav a:hover {text-decoration: underline;}
#leftNav a:active {font-weight:bold;  background: url()}

#promoBox {color:#6f8d30; margin:0px 8px 0px 8px;}
#promoBox2 {font-weight:bold; margin-bottom:5px}


/* ------------------------------------------ NAVIGATION ------------------------------*/

/*Nav Road safety*/
#navRoadSafety{background:white url(../images/logoPrePrimarySchool.gif) no-repeat 0px 100px ; width: 300px; height:480px; float:left; border:0px solid;}
.navRoad {background:url(../images/btnApple4.gif); width:70px; height:82px; position: absolute; border:0px solid; text-align:center}
.navRoad a {margin:0px 0px 0px 0px; font-family:Comic Sans MS; font-size:12pt; color:white; text-decoration:none}
#navRoadSafety .navText{margin-top:32px; font:12pt;}
#navRoad1 {left:70px; top:25px;}
#navRoad2 {left:145px; top:50px;}
#navRoad3 {left:220px; top:100px;}
#navRoad4 {left:255px; top:180px;}
#navRoad5 {left:255px; top:275px;}
#navRoad6 {left:220px; top:365px;}
#navRoad7 {left:145px; top:400px;}
#navRoad8 {left:70px; top:410px;}

.PPrightContent{margin:0px 0px 0px 0px; border:0px solid;  float:left; text-align:left; width:380px}

/*Nav Pre-primary School */
#navPrePrimarySchool{background:white url(../images/logoPrePrimarySchool2.gif) no-repeat 0px 100px ; width: 300px; height:480px; float:left; border:0px solid; }
.navPrePrimary {background:url(../images/btnApple5.gif); width:70px; height:52px; _height:82px; position: absolute; border:0px solid; padding-top:32px; text-align:center; border:0px solid}
.navPrePrimary a {margin:0px 0px 0px 0px; font-family:Comic Sans MS; font-size:12pt; color:white; text-decoration: none}
#navPrePrimary1 {left:80px; top:25px;}
#navPrePrimary2 {left:170px; top:55px;}
#navPrePrimary3 {left:240px; top:120px;}
#navPrePrimary4 {left:265px; top:220px;}
#navPrePrimary5 {left:240px; top:320px;}
#navPrePrimary6 {left:170px; top:390px;}
#navPrePrimary7 {left:80px; top:410px;}


/*Nav Reading School*/
#navReadingSchoolWrapper{background:white url(../images/logoReadingSchool.jpg) no-repeat 0px 140px ; width: 310px; height:490px; float:left; border:0px solid;}
.navReading {background:url(../images/btnApricotNoText.gif); width:74px; height:92px; position: absolute; border:0px solid; text-align:center}
.navReading a {margin:0px 0px 0px 0px; font-family:Comic Sans MS; font-size:12pt; color:white;}
#navReadingSchoolWrapper .navText {margin-top:35px;}

#navReading1 {left:80px; top:30px;}
#navReading2 {left:170px; top:45px;}
#navReading3 {left:250px; top:110px;}
#navReading4 {left:285px; top:200px;}
#navReading5 {left:250px; top:300px;}
#navReading6 {left:170px; top:370px;}
#navReading7 {left:80px; top:390px;}


#navAdults1 {border:1px solid; width: 200px; float:left; background:#EFE8E4}
#navAdults2 {border:0px solid; width: 200px; background:#A06229; color: white; font:bold; }
#navAdults3 {padding:4px}
#navAdults4 {padding:4px}
#navAdultsRight {margin-left:20px; border:0px solid;  float:left; solid; text-align:left;}

/* ------------------------------------------ MAIN CONTENT CONTAINERS ------------------------------*/
#bodyContent1 {position: relative; margin: 0px 0px 0px -390px; _margin-top: 0px; left: 50%; width: 780px; display: block;  overflow: auto;border:0px solid white; }
#bodyContent2 {width: 778px; background:url(../images/borderLeft.jpg) repeat-y ; display: block; margin:-5px 0px 0px 0px; _margin-top:0px; border:0px solid white;}
#bodyContent3 {width: 753px; margin:0px 0px 0px 25px; background:url(../images/bgPage.jpg) repeat-y ; text-align: left;}
#bodyContent4 {width: 752px; _width: 753px; margin:0px 0px 0px 0px; border-right:1px solid black; border-bottom:1px solid black;}
#bodyContent5 {width: 725px; margin:0px 10px 20px 15px; padding:0px 0px 0px 0px;  text-align: left; border:0px solid white;}

#bodyContent3Blank {width: 753px; margin:0px 0px 0px 25px; text-align: left;}


#pageBottomCanvas {position: relative; margin: 0px 0px 10px -450px; display: block;	text-align: center;	left: 50%;	width: 900px; overflow: hidden;}
#pageBottomContent {position: relative;	display: block;	background-repeat: no-repeat;	margin-left: auto;	margin-right: auto;	text-align: left; width: 900px;}
#pageBottom {margin-left: 162px; background: url(../images/dot_grey_x.gif) repeat-x top left;}
#backToTop {background: url(../images/dot_grey_y.gif) repeat-y top right; height: 25px;	width:100px; padding-top: 8px;} 
#navArea {float: left; position: relative;	top: 0px; left: 0px; width: 143px; }


#contentType1 {margin-left:30px; padding-top:30px}

/* ------------------------------------------ FOOTER ------------------------------*/
/* --- FOOTER WRAPPER --- */
#footer {height: 113px;	background-image: url(../images/bg_footer.gif);}
#footerCanvas{position: relative;left: 50%;width: 792px;	margin-left: -387px;overflow: hidden;}
#footerContent{	background-repeat: no-repeat;margin-left: auto;	margin-right: auto;	text-align: left;	width: 792px;height: 113px;}
#footerTextBar{	float: left;	color: #9594BF;	position: absolute;	top: 15px;	left: 0px;	width: 772px;	height: 14px;	background-color: #3E3D8B;}
#leftFooter{position: relative;	float: left;}
#rightFooter{position: relative;text-align: right;float: right;}



/* ------------------------------------------ FORM ELEMENTS ------------------------------*/



/* ------------------------------------------ ANCHORS ------------------------------*/
a {color: #3E3D8B;text-decoration: underline;}
a:hover {color: #3E3D8B;text-decoration: underline;}

a.type1{color: #666666;text-decoration: none; line-height: 130%;}
a.type1:visited {color: #666666; text-decoration: none;}
a.type1:link {color: #666666; text-decoration: none;}
a.type1:active {background: url(http://www.sov.com/images/bullet_arrow2.gif) 0px 3px no-repeat; color: #000000;text-decoration: none;}
a.type1:hover {color: #000000;	text-decoration: none;}

a.type2 {color: #773418;}
a.type2:hover {color: #EA2126;	text-decoration: none;}

a.type3 {color: #773418; text-decoration: none;}
a.type3:hover {color: #EA2126;	text-decoration: underline;}

h4 a {color: #773418;text-decoration: none;}
h4 a:hover {color: #EA2126;text-decoration: none;}

/* ------------------------------------------ LIST ITEMS ------------------------------*/
ul.type1 {margin:10px 0px 0px 30px}

ul.type2 {margin:10px 0px 0px 20px; list-style-type: none;}
ul.type2 li {background: url(../images/bulletBrown1.gif) no-repeat 0px 6px; border:0px solid; padding: 2px 0px 2px 8px; margin: 0px;  }
ul.type2 a {color: #773418;text-decoration: none;}
ul.type2 a:hover {color: #EA2126; text-decoration: underline;}
ul.type2.level2 {margin:5px 0px 0px 5px; list-style-type: none;}
ul.type2.level2 li {background: url(../images/bulletBrown1.gif) no-repeat 0px 6px; border:0px solid; padding: 2px 0px 2px 8px; margin: 0px; }


ul.type3 {margin:5px 0px 10px 0px; padding:0px; list-style-type: none;}
ul.type3 li {background: url(../images/bulletRedAndBlack.gif) no-repeat 0px 6px; border:0px solid; padding: 3px 0px 2px 20px; margin: 0px 0px 0px 20px;  }
ul.type3 a {color: #773418;text-decoration: none;}
ul.type3 a:hover {color: #EA2126;	text-decoration: underline;}


/* ------------------------------------------ TABLES ------------------------------*/
table.type1 {border-left:1px solid; border-top:1px solid}
table.type1 td {border-right:1px solid; border-bottom:1px solid; padding:1px 1px 3px 3px; vertical-align:top}
table.type1 th {border-right:1px solid; border-bottom:1px solid; padding:1px 1px 3px 3px; background:#A06229; color:white; text-align:left}


