/* NOTES FOR NEW STYLES
This template forms the base of the CSS layouts 
to position the main content first, then 
prioritise the rest of the content in the 
correct positions on the page for SEO.
*/



* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
body {
	color: #000;
	position:relative;/* for ie7*/
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1em;
	text-align:left;
	background:#fff url("../img/background.jpg") 0 0 repeat-x;
}
#wrapper {width:924px;margin:0 auto;}
#outer{
	min-height:100%;
	margin:0;
	color: #000;
}
.outerwrap {
	float: left;	
	width: 100%;
	margin:0 auto;
	padding-top:135px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
a img {border:none;}
a {text-decoration:none;color:#FF6600;}
a:hover {text-decoration:underline;}


* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:15px;
	width:924px;
	margin:80px 0 0 0;
	height:195px;
	padding:0px;
	z-index:20;
	background:transparent url("../img/bg_header.jpg") 0 0 no-repeat;
}
#logo {position:relative;top:100px;left:30px;display:block;width:407px;height:89px;cursor:pointer;z-index:1000;text-indent:-5000px;background:url("../img/sms_logo.gif") 0 0 no-repeat;}
.thekids {position:absolute;z-index:20;top:0px;left:346px;display:block;width:402px;height:294px;background:url("../img/thekids.gif") 0 0 no-repeat;}	
.button_register {position:absolute;z-index:30;top:160px;left:506px;display:block;width:126px;height:126px;cursor:pointer;background:url("../img/button_register.gif") 0 0 no-repeat;text-indent:-5000px;}	

#topmenu 
{
    position:absolute;
	top:100px;
	left:560px;
    margin:0 auto;
	height:80px;
	width:132px;
	margin:0 auto 0 200px;
    }

#topmenu ul.topmenu, #topmenu ul.topmenu li.home, #topmenu ul.topmenu li.aboutus{
	display:block;
	list-style:none;
}

span.nodisplay{
	display: none;
}

#topmenu ul.topmenu li.home a{
	float:left;
	width:64px;
	height:80px;
	background:url("../img/nav_home.gif") 0 -78px no-repeat;
	cursor:pointer;
}


#topmenu ul.topmenu li.home a:hover {
	width:64px;
	height:80px;
	background:url("../img/nav_home.gif") 0 2px no-repeat;
	cursor:pointer;
}

#topmenu ul.topmenu li.aboutus a {
	float:left;
	width:62px;
	height:80px;
	background:url("../img/nav_aboutus.gif") 0 -79px no-repeat;
	cursor:pointer;
}

#topmenu ul.topmenu li.aboutus a:hover {
	width:62px;
	height:80px;
	background:url("../img/nav_aboutus.gif") 0 0 no-repeat;
	cursor:pointer;
}

    
#topcontent{
	position:absolute;
	top:0px;
	width:924px;
	margin:0;
	height:50px;
	padding:0;
    font-size:0.7em;
}

#topcontent .topcontent_logo {position:relative;display:block;width:120px;height:29px;cursor:pointer;
text-indent:-5000px; background:url("../img/itimelogo.gif") 0 0 no-repeat;}

#topcontent .topcontent_left{
	position:relative;
	float:left;
	margin:0;
	height:50px;
	padding:10px 0 0 0;
    font-size:0.7em;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#FFFFFF;
}

#topcontent .topcontent_right{
	position:relative;
	float:right;
	margin:0;
	height:50px;
	padding:14px 0 0 0;
    font-size:0.7em;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#FFFFFF;
	background: url("../img/bg_clock.jpg") 100px 0 no-repeat;
}

#topcontent a, a:visited, a:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#FFFFFF;
	text-decoration:underline;
}

#topcontent a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#FFFFFF;
	text-decoration:none;
}


#main {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:0px;/* clear footer*/
	padding-top:200px;
    margin-left:-1px;
	background:transparent url("../img/bg_main.jpg") 0 0 repeat-y;
}
#main #centercol {    
    width:864px; 
    margin:0 30px 0 30px;
	padding:0;
    /*padding:0 20px 10px 20px;*/
    font-family:Verdana, Tahoma, Arial;
    font-size:0.75em;
    color:#3f3f3f;
	z-index:80;
    }
	
#main #centercol h2 {    
    margin:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	color:#FF6600;
    }
	
#main #centercol h3 {    
    margin:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20pt;
	font-style:italic;
	color:#FF6600;
    }	

#main #centercol P {    
    margin:10px 0 10px 0;
	line-height:12pt;
    }	
	
#nav {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-1px;
	margin-bottom:52px;        /*clear footer*/
	background-color:yellow;
}
#nav ul {
    list-style:none;
    padding:0;
    margin:30px 0 10px 35px;
    color:#000;
}
#nav ul ul {
    list-style:none;
    padding:0;
    margin:10px 0 10px 10px;
    color:#666;
    font-weight:normal;
    width:140px;
}
#nav ul ul.small {
    font-size:0.9em;
    font-weight:bold;
}
#nav li {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#nav ul ul li {
    list-style:none;
    padding:0;
    margin:0 0 8px 0;
}
#nav li a {
    color:#666;
}
#nav li ul li a {
    color:#999;
}

#right {
	position:relative;/*ie needs this to show float */
	width:410px;
	float:left;
	margin:60px 0 0 20px;
	z-index:80;
	display:block;
}
#left {
	position:relative;/*ie needs this to show float */
	width:410px;
	float:left;
	z-index:80;
	display:block;
}
 
#footer {
	width:894px;
	clear:both;
	height:113px;
	text-align:center;
	position:relative;
	margin-top:0px;/*drag footer from below the fold*/
	padding:0 0 0 30px;
    font-family:Verdana, Tahoma, Arial;
    font-size:0.75em;
    color:#999;
	background:#fff url("../img/bg_footer.jpg") 0 0 no-repeat;
}
#footer a {
    color:#fff;
    font-weight:bold;
    color:#fff;
    margin-right:10px;
    }
#footer #copyright {
    float:right;
    margin:0px 30px 0 0;
    font-size:0.8em;
    }
#footer p {
    font-size:0.9em;
    margin:0;
    font-weight:bold;
    clear:left;
    text-align:left;
    }



p.spacer {display:block;height:10px;width:300px;}
    
p.expand a{font-size:0.9em;color:red;} /* can be removed - example only to show columns pushing footer down*/
p.expand a:hover{display:block;height:300px;background:red;font-size:0.9em;} /* can be removed - example only to show columns pushing footer down*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
.clearall {
    clear:both;
    display:block;
    position:relative;
    width:99%;
    }

/* Page Printing */
#printLogo {
	display:none;
}

#printWebSite {
	display:none;	
}
#icons {
    position:absolute;
	top:205px;
	width:200px;
	margin:0 0 0 640px;
	height:108px;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	height:20px;
	float:right;
	z-index:900;
	}

/* End Page Printing */



/* FORM STYLES START */

form, button{border:0; margin:0; padding:0;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:410px;
margin:0;
padding:0;
}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- 
.myform{
margin:0 auto;
width:400px;
padding:14px;
display:block;
}

.myformwide{
margin:0 auto;
width:840px;
padding:14px;
display:block;
}
*/

/* ----------- stylized ----------- */

label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
margin-bottom:0px;
}
.small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 0px 10px;
clear:right;
}

input.paypal{
float:right;
height:45px;
width:125px;
padding:4px 2px;
margin:2px 0 0px 10px;
clear:right;
}


textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:550px;
margin:2px 0 20px 10px;
}
input.radio{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:10px;
margin:2px 0 20px 10px;
}
select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:205px;
margin:2px 0 0px 10px;
}
button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ff6600 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.arow {clear:left;display:inline-block;width:410px;margin-bottom:15px;border-bottom:dashed 1px #ccc;padding-bottom:15px;}
.arow_nobottom {clear:left;display:inline-block;width:410px;margin-bottom:15px;padding-bottom:15px;}

.errorbox {
    border:1px solid #ccc;
    width:95%;
    color: red;
    padding: 5px;
}