@charset "utf-8";
body {
	font-family:  "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #333333;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	
	/*
	background:#FFF url(../images/furniture/bg_999_fade_fff_linear.gif) repeat-x fixed  center top ;	
	*/
	/* 
	Changed the background image for the body of the page.
	Part of the "red sea" modifications
	*/
	background:#FFF url(../images/furniture/bg_ee2211_fade_ffffff_linear.jpg) repeat-x fixed center top ;	
}

form  p {
	clear:both;
	margin:3px 0 0 0;
	line-height:110%;
	font-size:90%;
}


fieldset {
	margin:0 0 0 0;
	padding:2px;
}

label {
	width:150px;
	float:left;
	font-weight:bold;
	padding:2px;
	text-align: right;
	margin-right: 10px;
	line-height:100%;
}

input ,  select,  textarea {
	font-family:  Arial, Helvetica, sans-serif ,  Verdana, "Gill Sans MT";
	font-size:100%;
	font-weight:bold;
	color:#000000;
}


td {
	vertical-align: top;
}


sup, sub  {
	font-size:90%;
}	


a:focus , a:active {
	outline:none;
}
/* ============================= Rules for elements that only show when printed ============== */

.print_only {
	position:absolute;
	visibility:hidden;
	color:#000000;
	text-align:center;
}

/* ============================================================================================== */

/* ============================================================================================== */
.date_display  {
	font-weight: bold;
	padding-top:10px;
}

.date_display h1 {
	font-size:100%;
	margin:0;
}

.date_display p {
	font-size:80%;
}

.red_text {
	color: #ee2211;
}

.grey_text {
	color: #CCCCCC;
}

/* ========================================== */

.position_active {
	background-image:url(../images/furniture/position_active_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	height:25px;
}


.position_inactive {
	background-image:url(../images/furniture/position_inactive_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	height:25px;
}

/* ========================================== */


h3.red_text {
	color: #ee2211;
	font-weight:normal;
	text-transform:capitalize;
}


.picture_left {
	float: left;
	clear: both;
}

.picture_padded_top {
	padding-top: 15px;
}


.picture_right {
	float: right;
	padding-left: 10px;
	clear: both;
}

/* ========================== */
/* make the SUBMIT button on forms invisible, until the form is valid */
.submit_button {
	display:none;
}

.textfieldValidState .submit_button ,
.textareaValidState .submit_button ,
.selectValidState   .submit_button {
	display:inline;
}

/* ========================== */


.report_small_picture {
	border: 1px solid #dddddd;
	width:170px;
	height:170px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	margin:5px 5px 5px 5px; 
	float:left; 
}


.magnify a {
	display:block;
	text-decoration:none;
	width:100%;
	height:170px;
	background-image:url(../images/furniture/magnifying_glass.png) ;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	text-decoration:none;
}


.magnify a:hover {
	background-position: 55% 55%;
}

form.caption {
	/*
	*/
	margin:0px 5px 5px 5px  ;
	min-height:40px;
	width:170px;
	background-color:#bbbbbb;
	font-size:80%;
	display:block;
	clear:both;
}

form.caption  p {
	clear:both;
}

form.caption  label {
	width:60px;
	padding:0 5px 0 0 ;
	margin:0 0 0 0;
}

form.caption  input {
	padding:0 0 0 0 ;
	margin:0 0 0 0;
	float:left;
}

.caption a, .caption  {
	text-align:center;
	background:url(../images/furniture/white_70pc_trans_bg.png) ;
	font-size:80%;
	display:block;
	color:#000000;

}

/* ========================== */



.small {
	font-size: 80%;
}


.smaller {
	font-size: 60%;
}



a.sort_ascending , a.sort_descending {
	width: 11px;
	height: 6px;
	min-width:11px;
	padding:1px 5px 1px 5px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
}

a.sort_ascending {
	background-image: url(../images/furniture/icon_sort_desc.gif);
}

a:hover.sort_ascending {
	background-image: url(../images/furniture/icon_sort_desc_black.gif);
}


a.sort_descending {
	background-image: url(../images/furniture/icon_sort_asc.gif);
}

a:hover.sort_descending {
	background-image: url(../images/furniture/icon_sort_asc_black.gif);
}


.background_red {
	background-color: #EE2211;
}


.background_grey_999999 {
	background-color: #999999;
	color: #000000;
}


.background_pink {
	background-color: #FF99CC;
}

.background_green {
	background-color: #CCFFCC;
}

.background_blue {
	background-color: #CCDDFF;
}


.text_black {
	color:#000000;
}

.text_centered {
	text-align:center;
}


.big_first_letter:first-letter  {
	font-size: 130%;
	font-weight: bold;
	clear: both;
}

.nopadmar {
	padding:0;
	margin:0;
}

.hilite {
	background-color:#FFFF66;
}


/* ================================== */
/* ================================== */
/* ================================== */

.testimonial {
	padding: 5px 10px 5px 10px;
	border: 1px solid #000000;
	width: 80%;
	margin: auto;
	font-size: 90%;
	font-weight: bold;
	min-height: 40px;
	background-color:#eeeeee;
}

.testimonial h3 {
	margin:0 0 0 0;
	font-size:100%;
}

.testimonial p {
	margin:3px 0 0 0;
}

.testimonial em {
	font-style:normal;
	font-weight:normal;
	font-size:90%;
	color:#333333;
}

/* ================================== */

.rounded_top_eeeeee h1 ,
.rounded_top_eeeeee h2 ,
.rounded_top_dddddd h1 ,
.rounded_top_dddddd h2 ,
.rounded_bottom h1 ,
.rounded_bottom h2 ,
.rounded_top h1 ,
.rounded_top h2 
{
	color : #444;
}


.rounded_top_eeeeee h2 ,
.rounded_top_dddddd h2 ,
.rounded_top_dddddd h2 ,
.rounded_top_eeeeee h2 ,
.rounded_bottom h2 ,
.rounded_bottom h2  {
	font-weight:normal;
}


.rounded_bottom h3 {
	font-weight:normal;
	padding-top:0;
	margin-top:5px;
}


.rounded_top_eeeeee ,
.rounded_top_dddddd {
	padding:5px 0 0 0;
	clear:both;
}


.rounded_top_eeeeee {
	background:#eeeeee url(../images/furniture/rounded_top.png) no-repeat top  left;
	_background:#eeeeee url(../images/furniture/rounded_top.gif) no-repeat top  left;	
}


.rounded_top_dddddd {
	background:#dddddd url(../images/furniture/rounded_top.png) no-repeat top  left;
	_background:#dddddd url(../images/furniture/rounded_top.gif) no-repeat top  left;
}


.rounded_bottom {
	background: url(../images/furniture/rounded_bottom.png) no-repeat bottom  left;
	_background: url(../images/furniture/rounded_bottom.gif) no-repeat bottom  left;	
	padding:0 10px 5px 10px;
	clear:both;
	min-height:15px;
}

/* ============================================= */


/* =========================================== */
/* Classes for three column layout on home page */

.home_page_left_col {
	width:240px;	
	float:left;
	margin:15px 0 0 10px;
}

.home_page_left_col h2 , 
.home_page_right_col h2 { 
	font-variant:small-caps;
	font-size:80%;
	font-weight:bold;
}

.home_page_left_col h2 , 
.home_page_left_col p , 
.home_page_right_col h2 , 
.home_page_right_col p {
	margin-top:0;
}

.home_page_right_col {
	width:240px;
	float:right;
	margin:15px 10px 0 10px;
}

.home_page_right_col th  , 
.home_page_left_col th  {
	vertical-align:bottom;
	padding-bottom:0 ;
}

.home_page_right_col th img  , 
.home_page_left_col th img {
	padding:0 0 0 0;
}

.home_page_right_col td , 
.home_page_left_col td {
	vertical-align:top;
	font-size:80%;
}

.home_page_right_col td img , 
.home_page_left_col td img {
	padding-bottom:10px;
}

.home_page_left_col a ,
.home_page_right_col a {
	text-decoration:none;
	color: #00C;
}

/* ================================== */


/* ============================================= */
/* ============================================= */
/* rules for the container for the Flash Slidehsow at the top of the page
and for the rounded corners in front of the flash slideshow */

.flashcontainer  {
	position:relative;
	top : 0 ;
	left: 0 ;
}


.flashcontainer .rounded_top_eeeeee , 
.flashcontainer .rounded_top_dddddd , 
.flashcontainer .rounded_bottom {
	height:250px;
	width:760px;
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	left: 0px;
	top: 0px;
}


.flashcontainer .rounded_top_eeeeee , .flashcontainer .rounded_top_dddddd {
	background: url(../images/furniture/rounded_top.png) no-repeat top  left; 
	_background: url(../images/furniture/rounded_top.gif) no-repeat top  left;
}

.flashcontainer .rounded_bottom {
	background: url(../images/furniture/rounded_bottom.png) no-repeat bottom  left;
	_background: url(../images/furniture/rounded_bottom.gif) no-repeat bottom  left;
}



/*  ========================================================================= */
/*  Different orientation for the report_summary_text and report_summary_photo , 
    depending in whether its a odd row or even row */
/*  ========================================================================= */


.report_summary_row_odd , .report_summary_row_even {
	margin-bottom:10px;
	padding:10px;
}

.report_summary_row_odd  {
	background-color:#cccccc;
}

.report_summary_row_even  {
	background-color:#eeeeee;
}

.report_summary_row_odd h2  ,
.report_summary_row_even h2  {
	margin:0;
}

.report_summary_text {
	border:1px solid blue;
	padding:10px;
}

.report_summary_photo {
	padding:0 0 0 10px;
}




/* =================================== */

.display_table {
	border-left:1px solid #999;
	border-top:1px solid #999;
}



.display_table td , .display_table th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align: top;
}

.display_table .display_table_header td , 
.display_table .display_table_header th , 
.display_table td.display_table_header , 
.display_table th.display_table_header {
	border-bottom:1px solid #000;
	text-align:left;
}


.display_table th a  {
	text-decoration:none;
}

.display_table th a:hover  {
	text-decoration:none;
}


/* ============================================= */
/* ============================================= */
/* ============================================= */

.display_form {
	width:100%;
	max-width: 600px;
}

.display_form  p {
	clear:both;
	margin:3px 0 0 0;
}


.display_form label {
	width:120px;
	line-height:100%;
	float:left;
	font-weight:bold;
	padding:2px;
	text-align: right;
	margin-right: 10px;
}

.display_form  input ,  
.display_form  select, 
.display_form  textarea {
	float:left;
}


/* BEGIN Advanced HTML Editor */
.dmx_btn     { width: 22px; height: 22px; border: 1px solid #ECE9D8; margin: 0; padding: 0; background-color: #ECE9D8; }
.dmx_btnOver { width: 22px; height: 22px; border: 1px outset; margin: 0; padding: 0; background-color: #FCF9E8; }
.dmx_btnDown { width: 22px; height: 22px; border: 1px inset; margin: 0; padding: 0; background-color: #FCF9E8; }
.dmx_btnNA   { width: 22px; height: 22px; border: 1px solid #ECE9D8; margin: 0; padding: 0; -moz-opacity:0.25; opacity:0.25; filter: alpha(opacity=25);}
.dmx_menuBar { background-color: #ECE9D8; }

/* END Advanced HTML Editor */


.advhtml {
	height: 300px;
	width: 330px;
	float:left;
	margin: 0 0 40px 0px;
}

.advhtml textarea {
	background-color:#fff;
	color:#000;
	margin: 0 0 0px 120px;
	border:2px dotted aqua;
	float:left;
}


/* ================================== */


/* defines the rules for a list of thumbnail pictures */

ul.thumbnails {
	list-style:none none outside;
	margin:0;
	padding:0;
	clear:both;
}

ul.thumbnails li {
	float:left ; 
	margin:5px ;
	border:1px solid #cccccc;
}


/* ================================== */

#menu_top {
	 background-color:#000;
	 width : 100% ;
	 height:25px;
}

/* ================================== */

#resultstable {
	color:#000000;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

#resultstable th {
	text-align:left;
	white-space:nowrap;
	vertical-align:bottom;
}

#resultstable h2 {
	padding:5px 2px 2px 2px;
	margin:0;
	background-color:#CCCCCC;
}

#resultstable h3 {
	padding-top:5px;
	margin:0;
}

#resultstable td {
	padding:2px;
	vertical-align:top;


	border-right:1px solid #999;
	border-bottom:1px solid #999;
}


.rowodd {
	background-color:#CCCCCC;
}

.roweven {
	background-color:#FFFFDD;
}


/*================ Rules for wrapper which contains the whole page ============= */

#wrapper {
	width: 976px;
	margin: auto;
	padding:0 0 0 0;
	background:#bbbbbb;
	/*
	removed the grey borders on the left and righht hand side.
	Part of the "red sea" modifications

	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	*/
}

/*================ end of rules for wrapper which contains the whole page ============= */


#header {
	color: #FFFFFF;
	height: 70px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin:auto;
	vertical-align:baseline;
	position:relative;
/*	
	removed the background image, so that the header is all red and blends in with the background image of the whole page.
	Part of the "red sea" modifications
	background:#ee2211 url(../images/furniture/new_top_blend.jpg) repeat-x right top;
*/
	background:#ee2211 ;
}


#header h1 {
	padding-left: 26px;
	margin: 0px;
	font-size: 45px;
	position:relative;
	font-weight: normal;
}



h1 span.pre_prep , 
h1 span.prep , 
h1 span.senior ,  
h1 span.sixth_form {
	font-size:30px;
	visibility:hidden;
	position:absolute;
}


#header h1 .right {
	margin: 0 0 0 0;
	font-size: 20px;
	text-align:right;
 	position:absolute; 
	right:10px;
	bottom:5px;
}


#header h1 .right .pre_prep , 
#header h1 .right .prep  , 
#header h1 .right .senior  , 
#header h1 .right .sixth_form {
	font-size: 20px;	
}


#header h2 {
	float: right;
	padding-right: 40px;
}


#header a {
	text-decoration:none;
	color:#FFFFFF;
}

/* ============================================================= */

#newsticker {
	width:955px;
	padding:12px 0 0 17px;
	margin:0 0 0 0;
	position:relative;
	overflow: hidden;
}

#newscontrols {
	width : 100px;
	float : right;
}

#newscontrols ul {
	list-style:none none outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#newscontrols li {
	float: left; 
}

#newscontrols li a {
	background-image:url(../images/furniture/ticker_buttons.gif);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 4px; 
	cursor: pointer; 
}

/* Define rules for the THREE classes of  buttons Play/pause,   Backwards, Forwards */

a.news_start, a.news_stop, a.news_prev , a.news_next {
	height:17px;
	display:block;
	text-decoration:none;
	background-image:url(../images/furniture/ticker_buttons.gif);
	background-repeat:no-repeat;
}


a.news_start{
	width:20px;
	background-position:0px 1px ;
	margin-right:1px;
	margin-top:0px;
}


a.news_start:hover {
	background-position:0 -17px ;
}


a.news_stop	{
	width:20px;
	background-position:-23px 1px ;
	margin-right:1px;
	margin-top:0px;
}

a.news_stop:hover {
	background-position:-23px -17px ;
}

a.news_prev	{
	width:17px;
	background-position:-46px 1px ;
}

a.news_prev:hover {
	background-position:-46px -17px ;
}

a.news_next	{
	width:17px;
	background-position:-66px 1px ;
}

a.news_next:hover {
	background-position:-66px -17px ;
}


#newscontainer {
	width:850px ;
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:relative;
	overflow: hidden;
	display:block;
	height:22px ;
/*	
	background:#FFCCCC url(../images/furniture/news_bg.gif) center left no-repeat;
*/
}


#newscontainer ul {
	position:absolute;
	top:0;
	left:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style: none none outside;
}

#newscontainer ul li {
	height:20px;
	line-height:20px;
}

#newscontainer a , #newscontainer a:link, #newscontainer a:visited {
	margin:0 0 0 0 ; 
	padding: 0 0 0 0;
	text-decoration: none;
	display:block;
	height:20px;
	line-height:20px;
	color:#000000;
	padding:0 0 0 10px;
}

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


#newscontainer .tickls {
	font-weight:bold;
	color:#cc2222;
}

#newscontainer a .tickls {
	text-decoration:none;
}

/* End of News ticker and buttons rules */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */



#middle {
	clear: both;
	margin-top:0;
	padding:5px 12px 0 12px ;
}



#middle_right_area {
	width: 760px;
	float: right;
	clear: both;
	min-height:100%;
}


/*
#middle_right_area h1 {
	color:#666666;
}
*/

/* ============================================================= */

#middle_main {
/* 	
	float: right;
*/
	clear:both;
	display:block;
	background: #ffffff ;
}

/* ============================================================= */

#breadcrumbs {
	clear:both;
	padding-left:10px;
	height:34px;
	line-height:34px;
}

#breadcrumbs a {
	color:#333333;
}

#breadcrumbs a:hover {
	text-decoration:none;
}


/* ============================================================= */


#rounded_top {
	background:  url(../images/furniture/rounded_top.gif) no-repeat bottom left;
	width:760px;
	height:40px;
	clear:both;
}

#rounded_bottom {
	background:  url(../images/furniture/rounded_bottom.gif) no-repeat bottom left;
	width:760px;
	height:40px;
	clear:both;
}

/* ============================================================= */


#col_left {
	position:relative;
	clear:both;
	float:left;
	width:530px;
	padding:5px 5px 5px 10px;
}


#col_right {
	float:right;
	width:190px;
	margin-right:10px;
}


/* ============================================================= */

/* ============================================================= */


#middle_left_area {
	width: 186px;
	float: left;
}



#middle_left_area ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-left:0;
	margin-bottom:40px;
	padding-left: 0;
	width:175px;
	font-size:80%;
	border-top:1px solid #ffffff;
}

#middle_left_area ul li {
	height:24px;
	line-height:24px;
}

#middle_left_area ul li a {
	text-decoration: none;
	color: #ffffff;
	color: #444;	
	font-weight: bold;
	padding:0 0 0 10px;
	display:block;
	height:24px;
	margin:0 0 0 0;
	white-space:nowrap;
	border-bottom:1px solid #ffffff;
}

#middle_left_area ul li a:hover  {
	background-color: #ee2211;
	color:#FFF;
}


#middle_left_area ul ul  {
	font-size : 100%;
}
/* ============================================================= */

/* ============================================================= */
#footer {
	text-align:center;
	
	width: 976px;
	margin: auto;
	clear: both;

	padding:0 0 0 0;
	display:block;
}


#footer h1 , #footer h2 , #footer p {
	font-size: 80%;
	text-align: center;
	margin: 0px;
	font-weight:normal;
/*	
	padding-left:120px;
*/
}


#footer h2 {
	color:#999999;
}

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


/* ============================================== */
/* Start of the rules needed for the pop calendar */



#calIcon {
	position:relative;
}

#calIcon #calendar {
		clear:both;
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #333333;
		background: #dddddd;
		font-size: 80%;
		color:#000000;
}


#calendar .calhead {
	white-space:nowrap;
	text-align:center;
}

#calendar table {
	margin:0;
	border:0;
}

#calendar tr, #calendar td   {
	padding:2px;
	margin:0;
	border:0;
	text-align:center;
	white-space:nowrap;
}

#calendar td {
	padding:1px ;
}

#calendar td a {
	padding:1px ;
	display:block;
	text-decoration:none;
}

#calendar a  {
	color:#0000CC;
}

#calendar a:hover {
	background-color:#FFFFFF;
	color:#0000CC;
}


#calendar .selectedOne  {
	background-color:#0000CC;
	font-weight:bold;
	color:#ffffff;
}

/* end  of the rules needed for the pop calendar */
/* ============================================== */


/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* Start of the rules needed for the Gallery Slide Show zone */



#gallerywrapper , #gallerywrap {
	width : 500px;
	clear:both;
	margin: auto;
}




/*===============================*/
/* Start of Prev Play Next Buttons */

#transport {
	margin : 0px; 
	padding : 0 0 0 0 ;
	list-style:none none outside ;
	width:350px ;
	margin:auto ; 
}


#transport ul  {
	margin:auto;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none none outside;

}

#transport LI {
	PADDING: 0px; 
	FLOAT: left; 
	MARGIN: 0px; 
	TEXT-ALIGN: center ;
}


#transport A {
	padding : 4px 8px 4px 8px ;
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 85%; 
	MARGIN: 0px 1px 0px 0px; 
	TEXT-TRANSFORM:capitalize;
	WIDTH: 96px; 
	LETTER-SPACING: 0.1em; 
	TEXT-DECORATION: none; 
	-moz-user-select: none; 
	-khtml-user-select: none ;
	BORDER-RIGHT: #404040 1px solid; 
	BORDER-TOP: #999 1px solid; 
	BORDER-BOTTOM: #3a3a3a 1px solid ;
	BORDER-LEFT: #404040 1px solid; 
	BACKGROUND: url(../images/furniture/menu_top_bg_over.gif) #EE2211 repeat-x bottom ; 
	COLOR: #fff; 
}


#transport A:hover {
	BORDER-right: #999 1px solid; 
	BORDER-top: #404040 1px solid; 
	BORDER-left: #3a3a3a 1px solid ;
	BORDER-bottom: #404040 1px solid; 
	COLOR: #000; 
	BACKGROUND: url(../images/furniture/menu_top_bg.gif) #EE2211 repeat-x top ; 	
}

#transport A:focus {
	-moz-user-select: none; 
	-khtml-user-select: none
}

#transport .playBtn .pauseLabel {
	DISPLAY: none
}

#transport .pauseBtn .playLabel {
	DISPLAY: none
}


/* end of Prev Play Next Buttons */
/*===============================*/





#previews {
	BORDER-RIGHT: #404040 1px solid; 
	BORDER-TOP: #404040 1px solid; 
	BORDER-LEFT: #404040 1px solid; 
	BORDER-BOTTOM: #3a3a3a 1px solid ;
	
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 20px; 
	PADDING-TOP: 10px; 
	MARGIN-RIGHT: 10px; 
	
	margin : auto;
	MARGIN-BOTTOM: 10px; 
}

#thumbnails {
	CLEAR: both; 
}

#thumbnails DIV {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	DISPLAY: inline; 
	FLOAT: left; 
	MARGIN: 7px; 
	WIDTH: 36px; 
	POSITION: relative; 
	HEIGHT: 36px ;
}

#thumbnails IMG {
	BORDER-RIGHT: #404040 1px solid;
	BORDER-TOP: #999 1px solid;
	BORDER-LEFT: #404040 1px solid;
	BORDER-BOTTOM: #333 1px solid;
	WIDTH: 36px;
	POSITION: absolute;
	HEIGHT: 36px;
}

#picture {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	margin : auto ;
	clear:both;
}

#picture IMG {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}



#mainImageOutline {
	BORDER-RIGHT: #404040 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 0px auto; OVERFLOW: hidden; BORDER-LEFT: #404040 1px solid; WIDTH: 0px; PADDING-TOP: 1em; BORDER-BOTTOM: #333 1px solid; HEIGHT: 0px; BACKGROUND-COLOR: #eee
}

#mainImage {
	WIDTH: 100%; HEIGHT: 100%
}



.selectedThumbnail {
	BORDER-RIGHT: #fc0 2px solid; BORDER-TOP: #fc0 2px solid; BORDER-LEFT: #fc0 2px solid; BORDER-BOTTOM: #fc0 2px solid
}

.inFocus {
	BORDER-RIGHT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid
}
.jsEnabled #gallery {
	DISPLAY: none
}

.ClearAll {
	CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0; HEIGHT: 0px
}




/* Finally , hide both the pictures and the controls. */
/* They are revealed with javascript later on         */
/* ================================================== */

#controls {
	DISPLAY: none
}
#picture {
	DISPLAY: none
}



/* end of the rules needed for the Gallery Slide Show zone */
/* ======================================================= */





/* ============================================== */
/* Start of the rules needed for the parent zone */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

#modernbricksmenu ul{
/* 	
font: bold 11px Arial;
*/
font-size:10px;
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

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

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/ }

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: red; /*Red color theme*/
border-color: red; /*Red color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
margin-bottom:10px;
line-height: 5px;
background: red; /*Red color theme*/ 

}

#writeup{
	width:100%;
	min-height:20px;
	margin-top:10px;
}

/* end  of the rules needed for the pop calendar */
/* ============================================== */