/* Page/site wide stuff */
/* -------------------------------------------------------- */

* { margin:0; padding:0; }
body {
	text-align:center;
	font-family:verdana, helvetica sans-serif;
	font-size:76%;
	color:#000; 
	background:#fff url(file:///V|/css/%27../images/yes2006/border_left_bg.gif%27) top left repeat-y;
}

.clear { clear:both; line-height:0.1em; }

h2, h3, h4, h5, h { font-size:1.1em; }

.container {
	font-size:1em;
	width:90%;
	margin:10px auto;
	border:1px solid #000;
	min-height:500px;
}
	/* The following code ensures IE uses the same minimum height as other browsers. Because IE automatically expands the  */
	/* container if anything is longer than the specified height, we can just use height. The reason this hack works is    */
	/* because IE for some reason sees the "html" element as a child of another element, when every other browser sees the */
	/* the "html" element as the top level element. Not an ideal hack if MS ever fix this bug.....								  */
	/*\*/
	* html .container {
	height:500px;
	}
	/**/

/* Header area																*/
/* -------------------------------------------------------- */

#header {
	background-color:#fff;
	border:1px solid #55529E;
	border-bottom:0;
	width:100%;
}

#header img { float:left; padding:1em; }

#header h1 { height: 40px; width:540px; float:right; padding:0 1em 1.7em 0em; text-indent:-9999px; background:transparent url(file:///V|/css/%27/wwwimageroot/microsites/yes2006/interface/headerText2.gif%27) top left no-repeat; }
#navBar {
	width:100%;
	float:left;
	border-top:1px solid #55529E;
	background:#000 url(file:///V|/css/%27../images/yes2006/deselected_bg.gif%27) bottom left repeat-x;
	border-right:1px solid #000;
}
#navBar ul { display:block; float:left; margin-top:-1px; }

#navBar ul li {
	display:inline;
	float:left;
	margin:0 -1px 0 -1px;
	border:1px solid #55529E;
	border-bottom:0;
}

#navBar ul li a {
	display:block;
	background:#000 url(file:///V|/css/%27../images/yes2006/deselected_bg.gif%27) bottom left repeat-x;
	border:1px solid #000;
	border-top:0;
	padding:0.5em 1em;
	text-decoration:none;
	color:#F7FA0C;
}

#navBar ul li a:hover {
	background-image:none;
}

#navBar ul li.on {
	border-top:0;
}

#navBar ul li.on a {
	background-color:#2D2A7B;
	background-image:none;
	border-left:0;
	border-bottom:1px solid #55529E;
	border-right:1px solid #55529E;
	border-top:0;
	margin-left:0;
}

/* Main content area styles, including left and right columns */
/* -------------------------------------------------------- */

#content a img { border:1px solid #fff; }
#content a img:hover { border:1px dotted #777; }




/* left-column */
/* -------------------------------------------------------- */

#left { float:left; width:200px; }

#calendarTop h4 { font-size:0.9em; margin:1em; font-weight:normal; }

#calendarTop {
	float:left;
	text-align:center;
	width:190px;
	padding:0.5em;
}

#calendarCol {
	float:left;
	text-align:center;
	width:200px;
	height:60%;
	overflow:auto;
}

.calendarEntry {
	margin:1em 1em;
	text-align:left;
	width:155px;
	padding:0;
}

.date {
	text-align:left;
	padding:0.2em 0.5em;
	font-size:0.9em;
}

.calendarEntry p {
	text-align:left;
	padding:0.2em 0.5em;
}

.calendarEntry h6 a {
	color:#00F;
	display:block;
	text-decoration:none;
	font-size:1.2em;
	padding:0.2em 0.5em;
	border-bottom:1px dotted #777;
}

.calendarEntry h6 a:hover {
	text-decoration:underline;
}




/* right-column */
/* -------------------------------------------------------- */

#right {
	position:absolute;
	top:155px;
	right:6%;
	width:150px;
	margin:0;
}

#right img {
	margin-bottom:10px;
}





/* centre-column */
/* -------------------------------------------------------- */

#centralContent h2, #centralContent h3 {
	font-size:1.5em;
}

/* IE only hack to push up the H2 to match other browsers rendering. */
* html #centralContent h2 {
}

#centralContent {
/*	margin-left:210px;

The above line is only useful when there's a left column.

*/
	padding:3em;
	/* margin-right:160px; */
	text-align:left;
}

#centralContent p {
	text-align:justify;
	margin:0.5em 0;
	line-height:150%;
}

#centralContent ul {
	list-style-type:none;
	list-style-image: url(file:///V|/images/yes2006/list.gif);
	text-align:left;
	margin: 0 1em 0 2em;
}

#centralContent ul li {
	text-align:left;
	padding:0.5em;
}

#centralContent a {
	color:#00F;
	text-decoration:none;
}

#centralContent a:hover {
	color:#00F;
	text-decoration:underline;
}

#footer img {
	margin:0 1em;
}

.imageleft { float:left; }
.imageright { float:right;  }

#imglist {list-style: none;  }
#imglist li {display: inline;text-align:center; width:110px;}
#imglist li a { padding:5px;width:5px;text-decoration:none}
#imglist li a:hover {background:#F0D70A;}
#imglist li a img {float:none;}