/* @global */
	/*-----  Global page styles -----*/
	* { margin:0px;	padding:0px; }	
	html, body {
	        background-color: grey;
		}	
	body {		
		font-family: arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-size:80%;
		text-align:center;
		color:#333;
		}
	/*--------------------*/	
	
	
	/* @wrapper */
	/*-----  Wrapper - surrounds all content on the page, from header to footer  -----*/	
	#wrapper {
		margin:0px auto;
		padding:0px;
		width:754px;
		/*background: url(../images/wrapper2_bg.gif) center repeat-y #fff;*/
		background: #fff;
		border-right:5px solid #FFF;
		border-left: 5px solid #FFF;
		border-top: 5px solid #FFF;
		border-bottom: 5px solid #FFF;
		
		}
	/*----------*/	
	
	
	/* @header */
	/*-----  Header  -----*/
	/* This just contains a background image. Consider using JavaScript to randomize this image... */
	#header {
		position:relative;
		width:734px;
		height:135px;
		padding:0px;
		margin:0px;
		}

	#title {
		position:relative;
		width:614px;
		height:135px;
		padding:0px;
		margin:0px 0px 0px 00px;
	}
		
#wrapper #header {		
		background:url(../images/123soleilcorner.jpg) no-repeat #ebebeb;		
		}

	#about #header {		
		background:url(../images/frise2.jpg) no-repeat #ebebeb;		
		}
	#links #header {		
		background:url(../../images/frise2.jpg) no-repeat #ebebeb;		
		}
	#courses #header {		
		background:url(../../images/banner_imgs/carp_1.jpg) no-repeat #ebebeb;		
		}
	#gallery #header {		
		background:url(../../images/banner_imgs/sculpture_pond.jpg) no-repeat #ebebeb;		
		}
	#home #header {		
		background:url(../images/123soleilcorner.jpg) no-repeat #fff;		
		}

		
	/*----------*/	
	
	/* @title */
	/*-----  Main title  -----*/
	#horiz_title {
		position:relative;
		width:600px;
		/*background-color:#FFCC00;*/
		margin:0 4px;
	        padding: 0px 0px 0px 120px;
		}		
	#horiz_title h1 { 
		width:730px;
		/*padding:5px;*/
		/*background-color:#FFF;*/
		/*letter-spacing:2px;*/
		/*font-family:"Century Gothic", "Futura Md BT", Verdana, sans-serif;*/
		font-family: arial, "Lucida Sans Unicode", "Lucida Sans", "Palatino Linotype", Verdana, sans-serif;	
		font-size:2.0em;
		color:#0099FF;
		text-align:left;
		}	
	#horiz_title h2 { 
		/*padding:5px;*/
		/*font-family:"Century Gothic", "Futura Md BT", Verdana, sans-serif;*/
		font-family: arial, "Lucida Sans Unicode", "Lucida Sans", "Palatino Linotype", Verdana, sans-serif;	
		font-size:1.0em;
		color:#0099FF;
		text-align:left;
		}	
	/*----------*/	
	
	/* @nav */
	/*-----  Navigation  -----*/
	#nav {
		float:left;
		display:inline;
		width:754px;
		border-bottom:4px solid grey;
		border-top:4px solid #fff; 
		background:#333;
		color:#0099FF;
		}
	#nav ul {
		float:left;
		width:754px;
		margin:0;
		padding:0;
		background:#FFCC00;
		list-style-type:none;
		}
	#nav li {
		background:#FFCC00;
		display:inline;
		padding:0;
		margin:0;
		}
	#nav a {
		background:#FFCC00;
		border-right:1px solid #FFCC00;
		border-bottom:0;
		padding:14px 22px 4px 8px;
		margin:0;
		color:#fff;
		text-decoration:none;
		display:block;
		float:left;
		width:auto;
		font:bold 0.95em/1.0 Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:1px;
		}
	#nav a:hover,
	#nav a:focus {
		background-color:#0099FF;
		}
	#nav a:active {
		background-color:#990000;
		color:#000;
		}
	/*----------*/	
		
	/* @content */
	/*-----  Main content box  -----*/
	#content_main {
		clear:both;
		position:relative;
		width:730px;
		margin:2px;
		padding:6px;
		overflow:hidden;
		text-align:left;
		}
	#content_main p {
		font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-size:100%;
		color:#333333;
		line-height:16px;
		margin:2px 0 6px 0;
		padding-left:0.5em;
		}
	#content_main p.course_date {
		color:#FF6600;
		font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-weight:700;
	}
	
	#content_main p.indent {
		text-indent: 1.5em;
	}	
	
	#content_main img {
		border:0 none;
	}
		#content_main img.left_float {
			margin: 5px 0.6em 5px 0.2em;
			float:left;
		}
		
		#content_main img.right_float {
			margin: 5px 0.2em 5px 0.6em;
			float:right;
		}
	
	#content_main img.add_img_border { margin: 2px; border:1px solid #333333; }

	
	/*----------*/	
	
	/* @gallery */
	/*-----  Gallery sections  -----*/
	#content_main div.thumbnails {
		clear:both;
		padding-left:2em;
		margin:0 auto;
		}
	#content_main div.thumbnails img {
		border:1px solid #000;
		float:left;
		margin:5px;
		display:inline;
		}
	#content_main div.thumbnailSpacer {
		clear:both;
		display:inline;
		margin-left:40px;
		}			
	/*----------*/		
	
	
	/* @footer */
	/*-----  Footer  -----*/ 
	/* Want to leave enough space to add links to designer homepage */
	#footer {
		position:relative;
		width:754px;
		clear:both;
		color:#000000;
		margin:0 4px;
		text-align:left;
		border-top:4px solid grey; 
		background:#FFCC00;
		color:#0099FF;

		}		
	#footer p {		
		padding:5px 5px 10px 0.5em;
		font-size:0.8em;	
		}
	#footer br {		
		margin-bottom:10px;
		}
	#footer a, a:link, a:visited, a:hover, a:active {
		color:#fff;
		font-weight:700;
		}
	#footer a:hover { text-decoration:underline; }	
	/*----------*/	
	
	#cube_one { color: grey;
		    border:0px none;
	            width:100%;
		    text-align:center;
		}

	#cube_one tr { border:0px none; }

	#cube_one td {
		text-align:center; border:0px none;
		}

	.color_one { background-color:#FFCC00; color: #663399;}
	.color_two { background-color:#0099CC;color: #FFF;}
	.color_three { background-color:#FF9900;color: #663399;}
	
	
	/* @headings */
	/*-----  Headings  -----*/
	h1, h2, h3, h4, h5 { font-family:"Lucida Sans Unicode", "Lucida Sans", "Palatino Linotype", Verdana, sans-serif; letter-spacing:1px; }
	
	h1 {
		padding:6px 0 3px 0.3em;
		font-size:1.9em;
		color:#003366;
		}
	h2 {
		padding:6px 0 3px 0.3em;
		font-size:1.8em;
		color:#003399;
		}
	h3 {		
		padding:6px 0 3px 0.4em;
		font-size:1.4em;
		color:#0066CC;
		}
	h4 {		
		padding:3px 0 2px 0.4em;
		font-size:1.2em;
		color:#3366CC;
		}
	h5 {	
		font-style:italic;	
		padding:3px 0 3px 0.4em;
		font-size:1.1em;
		color:#000066;
		}
	/*----------*/	
	
	
	/* @links */
	/*-----  Links (<a> tags)  -----*/
	a {
		font-size:inherit;
		text-decoration:none;
		font-weight:600;
	}
	
	a:link {color:#0000FF;}
	a:visited {color:#880088;}
	a:hover {color:#0099FF; text-decoration:underline;}
	a:active {color:#FF0000;}
	/*----------*/	
	
	
	/* @lists */
	/*-----  Lists  -----*/
	.listContainer {
		/*border:1px solid #000;*/
		margin:1em 1em 1em 2em;
		width:auto;
		padding:2px 5px 2px 1.2em;
		/*list-*/
		list-style-image:url(../images/bullet.gif);
		}
		
	.listContainer li {margin:2px 0 4px 0;}
	/*----------*/	
	
	
	/* @tables */
	/*-----  Tables (dates, mostly)  -----*/
		table {
			background-color:#333;
			border-spacing:1px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			margin:8px 0px 4px 0px;
			max-width:700px;
			}
		th {
			background-color:#666;
			color:#fff;
			padding:5px;
			font-weight:normal;
			}
		table.courses th { width:77px; }
		table.courses td.location {
			width:77px;
			font-weight:bold;
			padding:5px;
			}
		table.courses td.teacher { width:174px; }	
		table.courses td.details { width:319px; }
		td {
			background-color:#FBFBFB;
			color:#000;
			padding:5px;
			}
		.tablecontainer {	/* This adds margins when they're needed on smaller tables */
			margin:0px 6px 0px 3em;
			}
	/*----------*/	
	
	
	/* @images */
	/*-----  Images and their alignment  -----*/
	.alignRight {
		float:right;
		margin-left:0.8em;
		}
	.alignLeft {
		float:left;
		margin-right:0.8em;
		}
	/*----------*/	
	
	
	/* @misc */
	/*----- Miscellaneous -----*/
	div.spacer { clear:both; }
	
	.small {
		font-size:0.8em;
		}
	.clearboth { clear:both; }
	
	.alerttext { color: #FF0000; }
	
	/*.add_img_border { margin: 2px; border:1px solid #333333; }*/
	
	abbr {
		border:0 none;
	}
	acronym, .help {
	  border-bottom: 1px dotted #333;
	  cursor: help;
	  }
			
	.go_top {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#999999;
		}
	.pull_box {
		float:right;
		margin:1em;	  
		border:1px dashed #333;
		background-color:#fbfbfb;
		width:230px;
		}
		.pull_box p {
			text-align:left;
			font-size:0.9em;
			background-color:#fbfbfb;
			}
			
	.pageItem {				/* This might be a news item or other section. Just emulates a <hr> tag.*/
		border-bottom:1px dashed #ccc;
		padding-bottom:8px;
		margin:12px 0 10px 0;
		clear:both;
		background-color:#fbfbfb;
		}
	.highlightBox {
		border:1px solid #666;
		background-color:#fbfbfb;
		margin:5px 3em 10px 3em;
		padding:5px;
		width:auto;
		}
	div.aphorism {	
		border:0;
		background-color:#f7eeee;
		display:block;
		width:90%;
		margin:10px 0 0 3em;
		padding:3px 0 2px 0;
		}
		div.aphorism p {	
			border:0 none;
			font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
			color:#003366;
			font-style:italic;
			text-align:left;
			line-height:130%;
			font-size:105%;
			padding:0 1em;
			margin:3px;
			letter-spacing:1px;
			}
			

	/*--- Calendar style ---*/

	#month {
		border-collapse: collapse; margin-left: 2em; 
		/*margin:0px auto;*/
		padding:0px;
		width:758px;
		/*
		width:754px;
		background: #fff;
		border-right:2px outset #333333;
		border-left: 2px outset #333333;
		*/
		}

	#month th, #month td { border: 1px solid #000; }
	#month thead { background-color: #FFCC00; }
	
	#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }

	td .day { width: 7em; height: 6em; overflow:auto; margin-top: 0; }

	#month tbody .eventday { background-color:  rgb(255, 204, 0); }
	#month tbody .weekend { background-color: #CCFFFF; }

	#month tbody .next, #month tbody .previous { background-color: rgb(204, 204, 255);}
	.rtop { display:block; background:#060; }

	
	/*--- Amazon ad boxes... ---*/
	iframe {
		margin:0 0 0 2.5em;
		border:0 none;
	}
	
	
	/*----------*/	
	
	#contentfloat {
	/*width:769px;*/
	float: right;
}


#bureau {
		float:left;
		display:inline;
		width:754px;
		border-bottom:4px solid grey;
		border-top:4px solid #fff; 
		background:#333;
		color:#0099FF;
		}