/*User Selectable Styles*/
.Heading1,H1     {color: #669966; font-family: Arial, Sans-Serif; }
.Heading2,H2     {color: #669966; font-family:Arial, Sans-Serif; font-size: 1.2em; padding-top: 0.5em; padding-bottom: 0.5em}
.Heading3,H3     {color: #669966; font-family:Arial, Sans-Serif; font-size: 1em; padding-top: 0.5em; padding-bottom: 0.5em}
.Normal          {color: #999999; font-family:Arial, Sans-Serif; }

* {margin: 0; padding: 0; border: 0}

html {
height: 100%;
margin-bottom: 1px;}


body {
background-color: #CCCC99;
font-family: Arial;
font-size: 100.01%; 
height: 100%;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 95%;
min-width: 767px;
background-color: #FFFFFF;
font-size: 80%;
}

#header {
background-image: url('../../../images/SLSCB.jpg');
background-repeat: no-repeat;
background-position: 95% 0%;
width: 100%;
height: 147px;
color: #FFF;
background-color:#FFFFFF;
}

#header img {padding-top:4em; padding-left: 4em; padding-bottom: 1em;}

#topmenu{
padding: 0;
width: 100%;
}

#topmenu ul{
font: bold 0.9em Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style-type: none;
}

#topmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#topmenu a{
float: left;
display: inline;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #666633; /*greeny black Default menu color*/
border-bottom: 1px solid white;
}

#topmenu a:hover{
background-color: #669966; /*Menu hover bgcolor*/
}


#topmenuline {
clear: both;
height: 2em;
background: #D25A0B; /*Brown color theme*/ 
padding-left: 3.4em;
}

#topmenuline ul {
padding-top: 0.4em;
}

#topmenuline li {
display: inline;
list-style-type: none;
padding-right: 4em;
font: 1em arial;
}

#topmenuline li a {
list-style-type: none;
text-decoration: none;
color: #FFFFFF;
}

#topmenuline li a:hover {
list-style-type: none;
text-decoration: underline;
color: #FFFFFF;
}

/*Body CSS to style the current page look*/ 
.home #nav-home a, 
.partner #nav-partner a, 
.profess #nav-profess a, 
.procede #nav-profess a,
.parents #nav-parents a, 
.children #nav-children a, 
.contact #nav-contact a, 
.secure #nav-partner a
{ 
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/
}

.home #nav-home a:hover, 
.partner #nav-partner a:hover, 
.profess #nav-profess a:hover,
.procede #nav-profess a:hover, 
.parents #nav-parents a:hover, 
.children #nav-children a:hover, 
.contact #nav-contact a:hover, 
.secure #nav-partner a:hover
{ 
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/
} 

#clearit {
	clear: both;
	height: 1px;/*fix for NN7+*/
	/*fix for IE*/
	font-size: 1px;
	line-height: 0;	
}

#innerwrapper { 
background-color:#fff;
overflow: hidden; 
}

#innerwrapper img {
padding: 1.5em 0.5em 1em 0.9em; 
}

#innerleftcol {
background: url(../../../images/innerwrapperBG.gif) 300px repeat-y;
float: left;
width: 70%;
padding: 0 0 0 3em;
margin: 0em 1.2em 1em 0em;
overflow: hidden;
min-height: 100%;
height: 100%;
}

* html #innerleftcol{
	background: url(../../../images/innerwrapperBG.gif) 300px repeat-y;
}

#innerleftcol .searchDiv {width: 410px;}
#innerleftcol .searchDiv table {width: 390px; height: 100px;}
#innerleftcol .searchDiv div {margin-bottom: 0.2em;}
#innerleftcol .div {display: block;}

.home #innerwrapper{
background-image: url('../../../images/marblesRightFade.jpg');
background-repeat: no-repeat;
background-position: 40% 2%;
}

.partner #innerwrapper{
background-image: url('../../../images/carCrop.jpg');
background-repeat: no-repeat;
background-position:60% 2%;
overflow: hidden;
}

.partner #innerleftcol{

}

.contact #innerwrapper{
background-image: url('../../../images/bat2.jpg');
background-repeat: no-repeat;
background-position: 60% 2%;
}

.profess #innerwrapper{
background-image: url('../../../images/windmillSmall.jpg');
background-repeat: no-repeat;
background-position: 60% 2%;
}

.children #innerwrapper{
background-image: url('../../../images/spinningtopSmall.jpg');
background-repeat: no-repeat;
background-position: 60% 2%;
}

.parents #innerwrapper{
background-image: url('../../../images/robotCut.jpg');
background-repeat: no-repeat;
background-position: 60% 2%;
}

.procede ul a{
text-decoration: underline;
}

.procede ul a:hover{
text-decoration: none;
}

.procede ul li{
line-height: 1.2em;
}

.procede img{
padding: 0em;
padding-left: 0.2em;
padding-right: 0.2em;
}

.secure #innerwrapper{min-height: 700px;}
.secure #innerwrapper img{padding-left: 24em; padding-top:3em;}

#innerleftcol h1{
font-size: 1.8em;
padding: 1.5em 1em 1.5em 0em;
color: #669966;
font-weight: bold;
}

#innerleftcol h2{
font-size: 1.2em;
padding: 0em 0.5em 0.5em 0em;
color: #669966;
font-weight: bold;
}

#innerleftcol ul 
{padding-left: 2em;
padding-top: 0.7em;
padding-bottom: 0.7em;
list-style-position: outside;
color: #666666;
}

#innerleftcol li {}

#innerleftcol li a {
text-decoration: none;
color: #0099CC;
font-size: 1em;}

#innerleftcol li a:hover {
text-decoration: underline;
}

#innerrightcol{
width: 20%;
float: right;
padding: 2em 2em 0em 0em;
margin: 0em;
border: 0em;
overflow: auto;
height: 950px;
}

#innerrightcol h4{
font-size: 1.2em;
padding: 0em;
color: #669966;}

#innerrightcol ul{
list-style-type: none;
list-style-position: outside;
line-height: 1.5em;
}

#innerrightcol li{
padding-top: 0.7em;
padding-bottom: 0.5em;
border-top : 1px dotted #666666; 
}

#innerrightcol a{
text-decoration: none;
color: #0099CC;
font-size: 1em;
}

#innerrightcol a:hover{
text-decoration: underline;
}

#innerrightcol input{ width: 80px;
}

#innerrightcol span p{
font-size: 1em;
font-weight: bold;
padding-right: 3em;
text-align:right;
}

#logos a 
{border:0;
padding: 0;
margin: 0;
color: #0099CC;}

#footer{
clear: both;
float: left;
height:60px;
min-height:60px;
width: 100%;
height:auto !important;
background-color: #FFFFFF;
font-size: 1em;
}

#footer p {padding-left: 24em; padding-top: 2em; color: #D25A0B;}
#footer a {text-decoration: none; color: #D25A0B;}
#footer a:hover{text-decoration: underline;}


p {color: #333333; padding: 0.5em 0em 0.5em 0em;}
a:link {color: #0099CC; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #0099CC;}

#searchBox {
height: 1.5em;
text-align: center;
margin: 0px;
font-size: 1em;
background-color: #e2dfcc;
margin-bottom: 1.5em;
}

#searchBox img {position: relative; top: 0.5em; padding: 0em 0.2em 0.1em 0.2em;}

#searchsc {
float: right;
height: 1.5em; width: 250px;
background-color: #D25A0B;
}

#searchsc img {position: relative; top: 0.5em; padding: 0em 0.2em 0.2em 0.2em;}