BODY#main {
	color:#191970; /*midnight blue */
	background-color:#fcfcfe; /* lavender */
	font-family:arial;
	padding-top: 5px;
	margin-height: 5px;
	margin-top: 5px;
	padding-left: 0px;
	margin-left: 1px;
	padding-bottom:0;
}


BODY#gallery {
	color:#191970; /*midnight blue */
	background-color:#fcfcfe; /* lavender */
	padding-top: 0;
	margin-height: 0;
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	padding-bottom:0;
}

FORM {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
}

img.border_image {
 border: 1px solid #666666;
}

/*************   ***  **************/

table.main {
	background-color: #ced3d5;
	width: 775px;
	font-size: 10pt;
	FONT-FAMILY: arial;
}

.main A:link {
	FONT-FAMILY: arial;
	COLOR:#016bbd;
}

.main A:hover {
	FONT-FAMILY: arial;
	COLOR: #64747A;
}

.main A:visited {
	FONT-FAMILY: arial;
	COLOR:#336699;
}

/*********** Normal Table **********/
table.normal {
	background-color: #fcfcfe;
	border-spacing: 10px;
	font-size: 10pt;
	FONT-FAMILY: arial;
}

table.lecture {
	background-color: #fcfcfe;
	border-spacing: 10px;
	font-size: 10pt;
	FONT-FAMILY: arial;
}

table.menu
{
	border-spacing:0px;
}

/**********   content  *********/

.content
{
	text-align: left;
	font-family:Arial;
	font-size: 10pt;
	background-color: #fcfcfe;
        color: #191970;

}

div.div_content
{

	position:absolute; 
	left:150px; 
	top:155px;
	width:850px;
	padding:0px;
	text-align: left;
	font-family:Arial;
	font-size: 10pt;
	background-color: #fcfcfe;
    	color: #191970;

}

.content A:link
{
	FONT-FAMILY: arial;
	COLOR:#016bbd;
}

.content A:hover
{
	FONT-FAMILY: arial;
	COLOR: #88959a;
}

.content A:visited
{
	FONT-FAMILY: arial;
	COLOR:#016bbd;
}


/* This is the main control for the 'content' pane in the webpage */
TD.content
{
	padding: 5px;
	width:878px;
	vertical-align:top;
}

TD.main_content
{
	padding: 5px;
	text-align: left;
	vertical-align:top;
	background-color:#8d9ae8
}

TD.main_content_bg
{
    background-color:#8d9ae8	
}

TD.main_content_tl
{
	width:10;
	height:10;
    /*background-image:url("images/tl_corner.gif")*/	
}

div.topmenu
{
	display: block;
	padding: 0px;
	height: 24px; /* This controls how high the top blue menu is!*/
	text-align: left;
	/*background-color:#191970;*/
	background-color: #ffffff;
	/*background-image:url("images/top_menu_gradient.jpg");*/
	background-image:url("images/top_menu_gradient2.jpg");
	background-repeat:repeat-x;
}

div.dropmenu
{
	display: block;
	height: 28px;
	padding: 0px;
	text-align: left;
	background: #aabaff;
	background-image:url("images/drop_menu_gradient2.jpg");
}

TD.internalmenu
{
	display: block;
	height: 24px;
	background: #aabaff;
	background-image:url("images/drop_menu_gradient2.jpg");
	background-repeat:repeat-x;
	list-style-type:none;
	white-space: normal;
	width:860px;
}

TD.verticalbar
{
	padding: 0
}

P {
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
}

UL { 
	line-height: 150%; 
	font-family: arial; 
	text-align: left;
	font-size: 10pt;
}

TABLE.advice
{
	text-align: left;
	font-family:Arial;
	font-size: 11px;
	color:#002128;
}


/* light blue = #B5D5FF */
/* 1267FF - Lightest blue from pdf */
/* top of menu bar 5f83ff */
/* bottom of menu bar aabaff  */
/* highlight on hover f6c662 */

/* remove all the bullets, borders and padding from the default list styling */


/* style the top level hover */
a.menuinternal 
{
	border:1px solid #ffffff;
	border-width:0px 1px 0 1px;
	color:#000000; 
}

a.menuinternal:hover 
{
	border:1px solid #ffffff;
	border-width:0px 1px 0 1px;
	color:#ffffff; /* colour flips from back to white on hover */
}

a.menuinternal:visited 
{
	vertical-align:middle;
	/*color:#000000;*/
	/*background:#aabaff; */ /* This is the background colour when menu appears - currently removed so transparent.*/
}


table.mainmenu 
{
	max-width:940px;
	width:100%;
	_width:expression(document.body.clientWidth>940?'940px':'');
}

/* style the outer div to give it width */
.menu 
{
	position:relative;
	height:0;
	font-size:0.85em;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	position:absolute;
	right:0px;
	padding:0;
	margin:0;
	list-style-type:none;
	white-space: normal;
}

.menu ul ul 
{
	width:100px;
	/*height:24px;*/
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* changing float from left to right will re-order the items! */
.menu li 
{
	float:left;
	width:100px;
	/*height:24px;*/
	position:relative;
}

.menu ul li a.toplevel
{
	/*height: 24px;*/
	/*background-color: #ffffff;*/
	/*background-image:url("images/top_menu_gradient.jpg");*/
	/*background-image:url("images/top_menu_gradient2.jpg");*/
	/*background-repeat:repeat-x;*/
}

/* style the links for the top level */
/* color here is the text colour */
.menu a, .menu a:visited 
{
	display:block;
	font-size:12px;
	text-decoration:none; 
	font-weight:normal;
	color:#ffffff;
	width:99px;
	height:25px; /* Although the height is really 24, by forcing this to be one larger, we actually prevent a menu bug*/
	line-height:23px;
	border:0px solid #ffffff;
	border-width:0px 1px 0px 1px;
	text-align:center;
	/*background:#191970;*/ /* By removing this, the menu shows the background image from the topmenu table!*/
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
	font-size:10px;
	font-weight:normal;
	/*background:#d4d8bd; */ /* Removing this lets you see the gradient behind the cell - leftmost menu */
	color:#000000; 
	height:28px; 
	line-height:1em; 
	padding:3px 11px; 
	width:77px
}


/* yet another hack for IE5.5 */
* html .menu ul ul a
{
	width:100px;
	w\idth:77px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 
{
	width:100px;
	w\idth:98px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
	border:1px solid #ffffff;
	border-width:1px 1px 0 1px;
}

.menu :hover > a, .menu ul ul :hover > a 
{
	border:1px solid #000000;
	border-width:1px 1px 0 1px;
}

/* style the second level background */
/* This is the dropdown menu colour */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
	/*background:#b5d5ff; */
}

/* style the second level hover */
/* This is te colour when you hover over the link */
.menu ul ul a.drop:hover
{
	/*background:#e0d8d0;*/
}

.menu ul ul :hover > a.drop 
{
	background:#c9ba65;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
	background:#e2dfa8;
}

/* style the third level hover */
.menu ul ul ul a:hover 
{
	background:#b2ab9b;
}

.menu ul ul ul :hover > a 
{
	background:#b2ab9b;
}


/****************************/
/*  Dropdown menu 1         */
/****************************/

/* style the second level background for the second menu*/
/* This is the dropdown menu colour */
.menu ul ul a.drop1, .menu ul ul a.drop1:visited 
{
	position:relative;
	right:0px;
	top:-7px;
	height:22px;
	vertical-align:middle;
	/*background:#aabaff; */ /* This is the background colour when menu appears - currently removed so transparent.*/
}

/* style the second level hover */
/* This is the colour when you hover over the link */
.menu ul ul a.drop1:hover
{
	/*background:#f6c662;*/ /* This is the background colour when hovering - currently removed so transparent.*/
	color:#ffffff; /* colour flips from back to white on hover */
	height:22px;
}

.menu ul ul :hover > a.drop1 
{
	background:#c9ba65;
}

/****************************/
/*  Dropdown menu 2         */
/****************************/

/* style the second level background for the second menu*/
/* This is the dropdown menu colour */
.menu ul ul a.drop2, .menu ul ul a.drop2:visited 
{
	position:relative;
	/* This is what makes it shift under the leftmost item for the start of the menu */
	left:-100px;
	top:-7px;
	height:22px;
	/*background:#aabaff; */ /* This is the background colour when menu appears - currently removed so transparent.*/
}

/* style the second level hover */
/* This is the colour when you hover over the link */
.menu ul ul a.drop2:hover
{
	/*background:#f6c662;*/ /* This is the background colour when hovering - currently removed so transparent.*/
	color:#ffffff; /* colour flips from back to white on hover */
	height:22px;
}

.menu ul ul :hover > a.drop2 
{
	background:#c9ba65;
}

/****************************/
/*  Dropdown menu 3         */
/****************************/

/* style the second level background for the third menu*/
/* This is the dropdown menu colour */
.menu ul ul a.drop3, .menu ul ul a.drop3:visited 
{
	position:relative;
	left:-200px;
	top:-7px;
	height:22px;
	/*background:#aabaff; */ /* This is the background colour when menu appears - currently removed so transparent.*/
}

/* style the second level hover */
/* This is te colour when you hover over the link */
.menu ul ul a.drop3:hover
{
	/*background:#f6c662;*/ /* This is the background colour when hovering - currently removed so transparent.*/
	color:#ffffff; /* colour flips from back to white on hover */
	height:22px;
}

.menu ul ul :hover > a.drop3 
{
	background:#c9ba65;
}

/****************************/
/*  Dropdown menu 4         */
/****************************/

/* style the second level background for the fourth menu*/
/* This is the dropdown menu colour */
.menu ul ul a.drop4, .menu ul ul a.drop4:visited 
{
	position:relative;
	right:0px;
	top:-7px;
	height:22px;
	/*background:#aabaff; */ /* This is the background colour when menu appears - currently removed so transparent.*/
}

/* style the second level hover */
/* This is the colour when you hover over the link */
.menu ul ul a.drop4:hover
{
	/*background:#f6c662;*/ /* This is the background colour when hovering - currently removed so transparent.*/
	color:#ffffff; /* colour flips from back to white on hover */
	height:22px;
}

.menu ul ul :hover > a.drop4 
{
	background:#c9ba65;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
/* width here determines how many rows of menu items appears in the dropdown */
.menu ul ul 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	/* This is the problem line! when width = 1000px*/
	/*width:300px;*/
}

/* This is the first menu.  width here gives us 3 entries.  If we add more, change this value! */
.menu ul ul.drop1 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:300px;
}

/* This is the second menu.  width here gives us 5 entries.  If we add more, change this value! */
.menu ul ul.drop2 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:500px;
}

/* This is the third menu.  width here gives us 5 entries.  If we add more, change this value! */
.menu ul ul.drop3 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:500px;
}


/* This is the fourth menu.  width here gives us 2 entries.  If we add more, change this value! */
.menu ul ul.drop4 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	/* This is the problem line! when width = 1000px*/
	width:200px;
}

/* another hack for IE5.5 */
* html .menu ul ul 
{
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul
{
	left:100px; 
	top:0;
	width:100px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left 
{
	left:-100px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
	position:absolute; top:0; left:0;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
	visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul
{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{ 
	visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul 
{ 
	visibility:visible;
}

/* smaller down arrow */
.nabla {
font-size:12px;
}

.council_left {
	align:center;