/*GENERAL STYLES*/
body { position:relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   margin:auto;
   font-size: 100%;
   width:1000px;
   color: #661100;
   behavior: url(csshover.htc); }

#main {
width:650px;
height:auto;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto}

.main-body {
width:650px;
height:auto;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
text-align: left;
margin-left:auto;
margin-right:auto}

.main-body-wide {
width:950px;
height:auto;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto}

.heading-filler {
	width:650px;height:27px;
	margin-left:auto;
	margin-right:auto}

.topimageleft {
	position: absolute;
	top: 32px;
	left: 15px}
	
.topimageright {
	position: absolute;
	top: 32px;
	right: 15px}
		
.boxleft {
	position: absolute;
	top: 250px;
	left: 10px;
	width: 130px;
	height: auto;
        margin:5px;
	background-color: #FFFFFF;
	border:1px #808080 solid}
	
.boxright {
	position: absolute;
	top: 250px;
	right: 10px;
	width: 130px;
	height: auto;
	margin: 5px;
	background-color: #FFFFFF;
	border:1px #808080 solid}
	
	
.boxacross {
	width:650px;margin-left:auto;margin-right:auto}

	
.note-box {
	font-family: Arial,Verdana,sans-serif;
        background:#EEEEFF;
	width:150px;
	height:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	border:1px #003399 dashed;
        margin-left: 10px;
	float:right}
	
	
.note-box-left {
	font-family: Arial,Verdana,sans-serif;
        background:#FCEADD;
	width:150px;
	height:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;

	border:1px #661100 dashed;
        margin-right: 10px;
	float:left}


	
.note-text {
	
	font-family: Verdana,Arial,sans-serif;
	color: #003399;
	background: transparent;
	font-size: small;
	font-weight: normal;
	text-align: left;
	margin-left: auto;
	margin-right: auto;}
	

.picturebox {
        background:#FFFFFF;
	width:150px;
	height:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px #003399 solid;
        margin: 10px;
        float:none}
        
.picture-container {
    background:#FFFFFF;
	height:auto;
	width:600px;
	margin-left:0 px; margin-right :10px; margin-top:10px; margin-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	border:1px #003399 solid}


.pictureboxright {
    background:#FFFFFF;
	width:150px;
	height:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	border:1px #003399 solid;
	margin-left:10px; margin-right:0px; margin-top:10px; margin-bottom:10px;
	float:right}	

.pictureboxleft {
        background:#FFFFFF;
	width:150px;
	height:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	margin-left:0px; margin-right:10px; margin-top:10px; margin-bottom:10px;

	border:1px #003399 solid;
	float:left}

.skyscraper-right {
	position: absolute;
	top: 500px;
	right: 10px;
	width: 130px;
	height:610px;
	margin: 5px;
	background-color: transparent;}

.vertical-banner-right {
	position: absolute;
	top: 1200px;
	right: 10px;
	width: 130px;
	height:250px;
	margin: 5px;
	background-color: transparent;}

.skyscraper-left {
	position: absolute;
	top: 500px;
	left: 10px;
	width: 130px;
	height:610px;
	margin: 5px;
	background-color:transparent;}

.vertical-banner-left {
	position: absolute;
	top: 1200px;
	left: 10px;
	width: 130px;
	height:250px;
	margin: 5px;
	background-color:transparent;}


img  {border:none;}



  /* Link definition*/
  a:link    {color:#003399;background: transparent;text-decoration:none;}
  a:visited {color:#666699;background: transparent;text-decoration:none;}
  a:active  {color:#bb8800;background: transparent;text-decoration:none;}
  a:hover   {color:#bb8800;background: transparent;text-decoration:underline;}

.caption {
	font-family: Arial,Verdana,sans-serif;
	color: #666699;
	background: transparent;
	font-size: 95%;
	font-weight: normal;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.menu {
   font-family: Verdana, Arial, sans-serif;
  /* color: normal;  */
   background: transparent;
   font-size: 6pt;
   font-weight: normal;
   text-align: center; }

.smaller {
   font-family: Verdana,Arial,sans-serif;
   background: transparent;
   font-size:85%;
   font-weight: normal; }

.smaller-grey {
   font-family: Verdana,Arial,sans-serif;
   color: #444444;
   background: transparent;
   font-size:80%;
   font-weight: normal; }

.lines {
   font-family:Arial,Verdana,sans-serif;
   color: #CC6600;
   background: transparent;
   font-size:12pt;
   font-weight: normal;
   text-align: center; }

.abstract {
   color: #666666;background: transparent;
   font-size:75%;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   border-style: solid; border-width: 1px; padding: 5px; border-color: #eeeeee; width: 114px; }

.abstract-wide {
   color: #666666;background: transparent;
   font-size:85%;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   border-style: solid; border-width: 1px; padding: 5px; border-color: #CCCCCC; width: 500px; }
   
.note {font-family: Verdana, Arial, sans-serif; 
     color: #661100; 
     background: #EEEEFF;
     font-size: 90%; 
     font-weight: normal; 
     text-align: left;
     }

.comment {font-family: Verdana, Arial, sans-serif; 
     color: #666666; 
     background: transparent;
     font-size: 75%; 
     font-weight: normal; 
     text-align: left;
     border-style: solid; border-width: 0px; padding: 5px; border-color: #CCCCCC;}


  h1 {font-family: 'Times New Roman', serif; 
     color: #444477;
     font-size: 180%; 
     font-style: italic; 
     font-weight: normal; 
     text-align: center }

  h2 {font-family: 'Times New Roman', serif; 
     color: #704214;
     background: transparent;
     font-size: 130%; 
     font-style: normal; 
     font-weight: normal; 
     text-align: center }

  h3 {font-family: Verdana, Arial, sans-serif; 
     color: #003399; 
     background: #EEEEFF;
     font-size: 90%; 
     font-weight: bold; 
     text-transform: uppercase;
     text-align: Center;
     border-style: solid; border-width: 1px; padding: 8px; border-color: #003399;}

  h4 {font-family: Arial,Verdana,sans-serif;
 	 color: #666699;
	 background: transparent;
	 font-size: 95%;
 	 font-weight: normal;
  	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;}
  
  h5 {font-family:Verdana,Arial,sans-serif;
     background:transparent; 
     color:#996600;
     font-weight:normal;
     text-align:left;     }
 

  h6 {font-family: Verdana, Arial, sans-serif;
     background: transparent;
     color: #996600;
     font-size: 10pt; 
     font-weight:bold;
     text-align: center;     }

.menubox {
     width:900px;
     margin-left:auto;
     margin-right:auto; }


/*Menu*/
#main-navigation {
  width:100%;           /* Width of whole menu */
  margin-left:0px;
  background:#ffffff     /* colour of filler to left and right of menu - url(images/menu-shading.jpg) bottom repeat-x */ ;
  list-style:none;
  border-bottom:#003399 1px solid;} /* colour of line under menu */

#menu-wrap {
  min-height: 2.5em;
  width:757px;           /* width from first text to end of last ~ */
  margin:0 auto;
  background:#ffffff /* url(images/menu-shading.jpg) bottom repeat-x; */ }

#menu {
  line-height:1.7em;     /* height of boxes           */
  background:#ffffff;    /* colour of top menu background */
  margin:0;
  padding:0;
  font-size:12px;
  text-align:left;}

#menu ul, #menu li {
  list-style:none;
  margin:0;
  padding:0;}

#menu a {
  display:block;
  color:#039;                 /* text colour in menu */
  text-decoration:none;
  padding:5px 8px 5px 8px;}

#menu li {
  float:left;
  border-right:1px solid #003399;   /* colour of bar between menu items */
  border-left :1px solid #ffffff;}

#menu li ul {
  position:absolute;
  left:-999em;
  width:16em;
  font-weight:normal;
  background:#ffffff     /* colour of drop downs - url(images/menu-shading.jpg) repeat-x bottom */ ;
  border-top:#003399 4px solid; /* bar at top of menu */
  z-index:1000;}

#menu li li {
  padding:0;
  width: 15.9em;
  border:solid #003399;         /* colour of box borders for drop down */
  border-width:0 1px 1px 1px;}

#menu li ul a {
  padding:2px 8px 2px 8px;
  font-weight:normal;
  width:90%;}

#menu li ul ul {
  margin:-1.75em 0 0 14em;        /* position of second pop out */
  border-top:1px solid #003399;}  /* colour of line at top of 2nd level drop down */

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li:hover ul ul ul ul ul {left:-999em;}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li li li li li:hover ul {left:auto;}

#menu li:hover {background:#003399;}      /* hover background colour */

#menu li#first-left { border-left:none}   /* remove border on first */

#menu li#last-right { border-right:none}  /* remove border on last  */

#menu a:focus, #menu a:hover {color:#fff;}/* colour of text when hovered */

#menu a:active {color:#bb8800;}           /* color of link after been clicked */

#menu li:hover a.parent-link {color:#fff;}

#menu li li:hover a.child-link {color:#fff;}

#menu a.current {background-color: #000; color: #fff;}

/* JavaScript for menu, for IE6 */
#menu li.js-show a.parent-link {color:#fff;}
#menu li li.js-show a.child-link {color:#fff;}
#menu li.js-show ul {left:auto;}
#main-menu li.js-show li ul {left:-999em;}
#menu li li.js-show ul {left:auto;}
#menu li.js-show {background:#ff0000;}