/*******************************************************
TITLE: Summer Holiday v1.0
DATE: 20060424
AUTHOR: rayk web design - http://www.raykdesign.net
*******************************************************/

/*
 * BACKGROUND - Universal (for all pages)
 -----------------------*/
body {
margin:.5em;
padding:0;
height:100%;
background-color:#ffffff;
background-image:url(../images/body-bg.jpg);
background-position:top;
background-repeat:repeat;
color:#000000;  
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
}

span a {
font: 12px Tahoma;
}

/*
 * HEADER - Universal (for all pages)
 -----------------------*/
#header {
margin:0 0 0 0;
padding:0 0 0 0;
height:13em;
background-color:#FFFFFF;
background-image:url(../images/header-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
border:0px solid #000000;
}

/*
 * HEADER - Preloader Initial Mask Only
 -----------------------*/
#photoholder {
	width:706px;
	height:187px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#ffffff url('../images/loading.gif') 50% 50% no-repeat;
}

/*
 * HEADER - Preloader Image Container
 -----------------------*/
#thephoto {
	width:706px;
	height:187px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*
 * HEADER - Selective
 -----------------------*/
#headerpreload {
margin:0 0 0 0;
padding:0 0 0 0;
height:13em;
background-color:#FFFFFF;
background-image:url(../images/);
background-position:top left;
background-repeat:no-repeat;
border:0px solid #000000;
}

.blockIMG {
display:block;
margin:0;
}

/*
 * MENU - Universal (for all pages)
 -----------------------*/
#menu {
margin:0 0 0 0;
padding:0 0 0 0;
height:30px;
background-image:url(../images/menu-bg.gif); /*fills in unused space*/
background-position:top left;
border:1px solid #000000; /*thin border around menu*/
border-bottom: 1px solid #000000; /*border below tabs*/
}

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 12px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: white;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../images/menu-bg.gif) top right no-repeat;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: white;
}

#thicktabs li a:hover {
color: black;
background-image: url(../images/menuover-bg.gif); /*background image swap on hover*/
}

/*
 * General
 -----------------------*/

p {
margin: 0px;
}

a {
color:#547699;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

img {
border:none;
}

img.left {
float:left;
margin:0 .5em 0 .2em;
padding:.2em;
border:1px solid #eeeeee;
}

img.right {
float:right;
margin:0 .2em 0 .5em;
padding:.2em;
border:1px solid #eeeeee;
}

h1 {
padding-right: 0px;
padding-left: 0em;
padding-top: 0em;
padding-bottom: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 0em;
color: #000000;
}

/*
 * CENTER COLUMN - Universal (for all pages)
 -----------------------*/
#centerColumn {
margin:0 auto;
padding:1em;
width:49em;
height:70em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/general-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * CENTER COLUMN - Home Page
 -----------------------*/
#homepage {
margin:0 auto;
padding:1em;
width:49em;
height:80em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/homepage-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Home Page
 -----------------------*/
.floatright_homepage{
float: right;
width: 250px;
height: 500px;
padding: 0px 0px 0px 0px;
margin:50px 5px 0 20px;
background-color: #;
background-image: url(images/);
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * CENTER COLUMN - About Me Page
 -----------------------*/
#about_me {
margin:0 auto;
padding:1em;
width:49em;
height:70em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/about_me-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - About Me Page
 -----------------------*/
.floatright_aboutme{
float: right;
width: 250px;
height: 500px;
padding: 0px 0px 0px 0px;
margin:50px 5px 0 20px;
background-color: #;
background-image: url(../images/butterfly.gif);
background-position:bottom right;
background-repeat:no-repeat;
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * CENTER COLUMN - Child Info Page
 -----------------------*/
#child_info {
margin:0 auto;
padding:1em;
width:49em;
height:105em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/child_info-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Child Info Page
 -----------------------*/
.floatright_childinfo{
float: right;
width: 250px;
height: 620px;
padding: 0px 0px 0px 0px;
margin:50px 5px 35px 20px;
background-color: #;
background-image: url(images/);
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * CENTER COLUMN - Curriculum Page
 -----------------------*/
#curriculum {
margin:0 auto;
padding:1em;
width:49em;
height:70em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/curriculum-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Curriculum Page
 -----------------------*/
.floatright_curriculum{
float: right;
width: 250px;
height: 450px;
padding: 0px 0px 0px 0px;
margin:50px 5px 0 20px;
background-color: #;
background-image: url(images/);
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * CENTER COLUMN - Environment Page
 -----------------------*/
#environment {
margin:0 auto;
padding:1em;
width:49em;
height:85em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/environment-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Environment Page
 -----------------------*/
.floatright_environment{
float: right;
width: 250px;
height: 600px;
padding: 0px 0px 0px 0px;
margin:50px 5px 0 20px;
background-color: #;
background-image: url(images/);
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * FLOAT RIGHT DIV 2- Environment Page
 -----------------------*/
.floatright2_environment{
float: center;
width: 706px;
height: 125px;
padding: 0px 0px 0px 0px;
margin:50px 0px 0 0px;
background-image: url(../images/);
background-position:bottom right;
background-repeat:no-repeat;

}

/*
 * CENTER COLUMN - Experience Page
 -----------------------*/
#experience {
margin:0 auto;
padding:1em;
width:49em;
height:70em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/experience-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Experience Page
 -----------------------*/
.floatright_experience{
float: right;
width: 250px;
height: 420px;
padding: 0px 0px 0px 0px;
margin:50px 5px 0 20px;
background-color: #;
background-image: url(images/);
border-style: none;
border-color: #;
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
}

/*
 * CENTER COLUMN - Contact Page
 -----------------------*/
#contact_me {
margin:0 auto;
padding:1em;
width:49em;
height:70em;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
background-image:url(../images/contact-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
border:1px solid #BBD1E2;
}

/*
 * FLOAT RIGHT DIV - Contact Page
 -----------------------*/
.floatright_contact {
float: right;
width: 165px;
height: 160px;
padding:5px 0 0 10px;
margin:20px 15px 0 20px;
background:url("tsr.gif") bottom left no-repeat;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #000000;
}

/*
 * FORM - Contact Page
 -----------------------*/

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}

/*
 * FORM - Contact Page. This Field Required Error
 -----------------------*/
div.error {
	font: bold 11px/14px verdana;
	color: #CC0000;
	background: #fff url() no-repeat top left;
	border: 0px solid #888;
	padding: 5px 5px 5px 0px;
	width: 200px;
	position: relative;
	display: none;
	margin: 0 0 10px 0;
	z-index: 10;
}

/*
 * FORM - Message that appears after Submiting Form Contact
 -----------------------*/
#contact_me h2 {
padding:.9em 0 0 0;
font-weight: 600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
background-color:#339900;
}

#contact_me label {
	font-size:.8em;
	color:#000000;
	cursor:pointer;
	padding-left:0px;
	line-height:20px;
}

/*
 * Blockquote tags for content within centerColumn DIV
 -----------------------*/
blockquote p {
font-size:.8em;
margin:.2em;
color:#616161;
}

blockquote.warning {
margin:1em;
padding:.5em;
padding-left:5em;
background-color:#ffffff;
background-image:url(../images/blockquote-bg-warning.jpg);
background-position:left top;
background-repeat:no-repeat;
border-top:0px solid #eeeeee;
}

blockquote.separator {
margin:0em;
padding:2em;
padding-left:0em;
background-image:url(../images/blockquote-bg-separator.jpg);
background-position:center;
background-repeat:no-repeat;
border-top:0px solid #eeeeee;
}

/*
 * For PITC Classes Page
 -----------------------*/
#outline {
text-align: left;
margin:.2em 0 0 .0em;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
color:#000000;
border-bottom:0px solid #eeeeee;
}

#outline span {
color: red;
}

/*
 * Image Rollover Effect for thumbnails
 -----------------------*/
.bg1 {
	background-position: 50% bottom;
	background-image: url(orange.gif);
	background-repeat: repeat-x
}
.top_man {
	background-position: 50% bottom;
	background-image: url(orange.gif);
	width: 84px;
	height: 87px
}
.thmbdesc1 {
	border-right: #000000 1px solid;
	padding-right: 0px;
	border-top: #000000 1px solid;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 0px;
	border-left: #000000 1px solid;
	color: #50463c;
	padding-top: 0px;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #d2cdbe;
	text-align: center
}
.thmb {
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	background-color: #;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center
}

.thmb caption {
	margin:0px 0px 5px 0px;
}

TD.head_left {
	background-image: url(../environment/new.gif);
	width: 33px;
	height: 16px
}
TD.head_right {
	background-image: url(images/top_r.jpg);
	width: 120px;
	height: 120px
}
.stateon {
	filter: alpha(Opacity=50);
	moz-opacity: .50;
	opacity: .50
}
.stateoff {
	
}

/*
 * Bottom of pages Copyright etc...
 -----------------------*/
#footer {
position:relative;
bottom:0;
margin:10px 0 0 0;
padding:0;
height:4.5em;
line-height:1.3em;
text-align:center;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
border-top:0px solid #eeeeee;
}