@charset "UTF-8";
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	background-image: url(images/background.jpg); /** Link to the image you created **/
	background-repeat: repeat-x; /** Repeats the image horizontally **/
	
	background-color: #8EBAE5; /** Website ITDS light blue colour (matches canvas colour in Step 1) **/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}


@font-face {
    font-family: 'Jenna';
    src: url('fonts/jennasue-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/jennasue-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/jennasue-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/jennasue-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/jennasue-webfont.svg#jenna_sueregular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'wildflowers'; 
    src: url('fonts/of_wildflowers_and_wings-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/of_wildflowers_and_wings-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/of_wildflowers_and_wings-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/of_wildflowers_and_wings-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/of_wildflowers_and_wings-webfont.svg#of_wildflowers_and_wingsRg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;

}


html {height: 100%;
	 margin:0;
	 padding:0;

}


* {margin:0;
padding:0;
}

/*Wrapper*/

#wrapper {
	width: 960px;
	height: 100%;
	height: auto !important;
	min-height:699px;	
	margin: 0 auto;
	position:relative;
	border:5px solid;
	border-color:#FFF;
	
  -moz-box-shadow:    3px 3px 4px 5px #666;
  -webkit-box-shadow: 3px 3px 4px 5px #666;
  box-shadow:         3px 3px 4px 5px #666;
}
	
	
#ballerina-left { margin-left: -400px;position:absolute;top:0;
                 background:url(images/ballerina.png) no repeat; }
#ballerina-right { margin-left: 1000px; }






/* LOGO */

#header {
	
	
	width: 960px;
	height: 140px;
	margin-top:0px; /* added to remove the white row above the logo */
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF url(images/skylight.jpg) no-repeat center;
}

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	height:85px;
	width:110px;
	margin-left:175px;
	margin-top:5px;
	position:absolute;

}


#header h1 {
	line-height: normal;
}



#header #title {height: 90px;
 				width: 500px;
				padding-top:65px;
}


#header #title h1 {
	display:inline;
	width: 380px;
	margin-top:0px;
	
	padding-left: 60px;
	text-transform: inherit;
	font-size: 50px;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align: left;
	text-shadow:#FFF;
	text-shadow: 2px 2px 6px #000;
	color: #8EBAE5;
}


#header #title h2 {
    display:inline;
  
    padding-left: 5px;
	text-shadow: 2px 1px 4px #8EBAE5;
    color:#ffffff;
    font-size: 50px;
	font-family:"Arial Black", Gadget, sans-serif;
	border-width:1px;
	
}


#header a {
	text-decoration: none;
	color: #039;
	
}
		  
#header #subtitle {
	height: 100px;
	width: 250px;
	display: inline-block;
	position: absolute;
	right: 37px;
	top: 47px;
	width: 334px;
	height: 150px;
	padding-left: 0px;
	padding-top: 0px;
}

#header #subtitle p {
	font-family:"Jenna";
	font-size:36px;
	text-align:left;
	padding:10px;
	line-height:20px;
}


#leftcolumn {position:relative;
             float:left;
			 background-color:#8EBAE5;
		     width:17px;
			 height:446px;
}

#nav {position:absolute;
      margin-left:17px;
      height:445px;
	  width: 191px;
	  background-color:#5091CD;
}

#menu {
	position:relative;
	float:left;	
	width: 191px;
	height:277px;
    background: url(images/whiteboard.jpg) no-repeat;
	background-color:#5091CD;
	padding-top: 80px;
	padding-bottom:10px;

}

	

#menu li { font-family: "Jenna";
     font-size: 40px;
	 color:#5090CD;
	 list-style:none;
	 text-align:center;
	padding-right:10px;
	 line-height:40px;
	 
	 
}

#menu a:link{
	 text-decoration:none;
	 color:#17179D;
	 }

#menu a:hover{
	 text-decoration:none;
	 color:#0F860E;
	 }
	 #menu a:visited{
	 text-decoration:none;
	 }



#rad {background-image:url(images/rad_logo.jpg);
     position:relative;
	 float:left;
	  
	  width:120px;
	  height:79px;
}

#istd {background-image:url(images/istd_logo.jpg);
position:relative;
float:left;
	   width:71px;
	   height:79px;
}


.part1 {width:700px;
        height:202px;
        background-color:#8EBAE5;
        margin-left:40px;
		margin-top:20px;
}

.part1 p{padding-top:10px;
font-size:12px;
}

.part1 table{width:340px;
			margin-top:20px;
             margin-bottom:0px;
			 float:left;
			 
}

.part1 td{padding: 7px 5px 0 0;
	}

.part1 th{padding-top:5px;
          text-align:left;
}
		  
		  


.part1 li {display: block;
          
		  float: left;}

.part1 a {
	display: block;
	float: left;
	height: 5px;
	margin-right: 1px;
	padding: 5px 20px 10px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
	
	
	
}

.part1 a:hover {
	text-decoration: none;
	color:#06C;
}

.part1 .current_page_item a {
	height: 10px;
	color: #5091CD;
	padding-left: 0px;
}

.part1 .first {
	background: none;
}




		  

img.samantha {float:right;
			margin-right:10px;
			padding-left:10px;
			

	}
	
#portrait1 {background-image:url(images/picture1.jpg);
			
			float:left;
			width:243px;
			height:222px;
			
}
#portrait2 {background-image:url(images/picture2.jpg);
			position:relative;
			top:0px;
			float:left;
			width:249px;
			height:222px;
			
}
#portrait3 {background-image:url(images/picture3.jpg);
			position:relative;
			width:260px;
			height:222px;
			float:left;
			
		
			
}

#gallery {
		
			position:relative;
			width:700px;
			height:202px;
			float:left;
			margin: 20px 45px 0px 45px;
			
		
}

#barre {background-image:url(images/barre.jpg);
        position:relative;
		float:left;
		width:752px;
	    height:224px;
}

#text1 {padding-left:40px;
	    padding-top:30px;
	    width:512px;
		height:192px;
	    
	
}

#text1 p { padding-top:10px;
		  font-size:12px;
}

#text1 table{width:340px;
             margin-top:20px;
             margin-bottom:0px;
			 float:left;
			 
}

#text1 ul {padding-bottom:10px;}
#text1 li {padding:4px 5px 0 0;
list-style:none;

     
}

#text1 td{padding: 5px 5px 0 0;
	}

#text1 th{padding-top:5px;
          text-align:left;}



#text2 {padding-left:40px;
	   padding-right:180px;
	   padding-top:55px;
	    width:512px;
	    
	
}

#text2 p { padding-top:10px;
		  font-size:12px;
}

#text2 table{width:340px;
             margin-top:20px;
             margin-bottom:0px;
			 float:left;
			 
}
#text2 ul {padding-bottom:10px;
}
#text2 li {padding:4px 5px 0 0;
list-style:none;
}





#text2 td{padding: 5px 5px 0 0;
	}

#text2 th{padding-top:5px;
          text-align:left;}

#content {
	position:absolute;
	top:140px;
	left:207px;
	height:400px;
	width:752px;
	font-family:Arial, Helvetica, sans-serif;
    font-color:#FFF;
	
	background-color:#8EBAE5;
	}
	
#skirting {background-image:url(images/skirting.jpg);
           background-repeat:repeat-x;
		   width:960px;
		   height:36px;
		   float:left;
		   
		   top:500px;
		   

	
}

#footer {background-image:url(images/wood.jpg);
          width:960px;
		   height:77px;
		   float:left;
		   top:536px;
		   padding-top:50:px;

	
}

#footer p {font-size:18px;
           font-color:#FFF;
           text-align:right;
		   font-family:"Jenna";
		   
		   padding-right:15px;
		   padding-top:50px;
		
		   
}

#footer a:link {color:#8EBAE5;
text-decoration:none;
}