#container {
	width: 90%;
	margin: 10px auto;
	background-color: #fff;
	color: #333;
}

#header {
	margin-left: 180px;
/*	margin-right: 180px; */
}

#top {
	width:780px; 
	margin-left: 180px;
/*	margin-right: 180px; */
	padding: .5em;
	background-color: #fff;
	border-bottom: 1px solid lightblue;
}

#left {
	position: absolute;
	top: 200px;
	left: 0px;
	/* float: left; */
	width: 160px;
	margin: 0;
	padding: 1em;
}

#right {
	float: right;
	margin: 0;
	padding: 1em;
}

#main {
	/* width:780px;  */
	min-height:550px;
	height:550px;
	margin-left: 180px;  
/*	margin-right: 200px; */
	padding: 1em;
}

/* hack for MSIE below */
div[id] #main {
	height: auto;
}

#footer {
	clear: both;
	margin-left: 180px;
	padding: .5em;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

a {
    TEXT-DECORATION: none;
    color: darkblue;
}

.menuitem {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color : #000099;
	margin-top: 3pt;
	text-decoration : none;
}

.selectedmenuitem {
    MARGIN-TOP: 9pt;
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0pt;
    MARGIN-LEFT: 6pt;
    FONT-FAMILY: verdana, arial
}

.selectedmenuitem A {
    COLOR: gray;
}

.subitem {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left : 10px;
	padding-left : 3px;
	padding-right:3px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 10px;
}

.subitem A:hover {
	color : #1f1f7f;
	background-color : #efefff;
}

.selectedsubitem {
		text-indent: -10px;
		font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left : 10px;
		padding-left : 3px;
		padding-right:3px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		color : #1F1F5F;
}

.normal
{
	font-family : verdana, arial, helvetica;
   TEXT-ALIGN: justify;
	font-size : 9pt
}
.normal A:link
{
    TEXT-DECORATION: none;
    color: blue;
}
.normal A:visited
{
    TEXT-DECORATION: none;
    color: blue;
}
.normal A:hover
{
   TEXT-DECORATION: underline;
   color: darkblue;
}

.normal INPUT, TEXTAREA, SELECT
{
	FONT-FAMILY: verdana, arial, helvetica;
   BACKGROUND-COLOR: white;
	width: 250px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	FONT-SIZE: 12px
}

.normal INPUT.checkbox {
	border-width: 0px;
	width: 15px;
}

.normal H1    {font:17pt verdana; margin-bottom: 15px; color: #00007F;}
.normal H2    {font:14pt verdana; margin-bottom: 10px; color: #000066;}
.normal H3    {font:11pt verdana; margin-bottom: 5px;font-weight:bold; color: #000066;}
.normal H4    {font:10pt verdana; font-weight: bold; color:black; margin-bottom:1px}
.normal H5    {font:8.5pt verdana; background-color:#ffff77; padding:6px}
.normal H6    {font:8.5pt verdana; border-style:solid; border-width:1px; padding:5px; border-color:silver}


.small
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: verdana, arial, helvetica
    BACKGROUND-COLOR: white
}

.small a 
{
   TEXT-DECORATION: underline;
}


td.small {
	color: #000066;
}

/* AM additions */

.topheader {
	font-size: 14pt;
	font-family: arial;
	font-weight: bold;
	margin-left: 20pt;
	color: #00004A;
}

.topsubheader {
	font-size: 9pt;
	font-family: tahoma, arial;
	margin-left: 20pt;
	color: #25559F;
	margin-bottom: 3pt;
}

.footer {
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	color: darkblue;
}

.buttonMenu {
	
	font-size: 20pt;
	border-color: grey;
	border-width: 1pt;
	border-style: outset;
	margin: 80pt;
	background-color: #FFFFFF;
	vertical-align: center;
}

.buttonMenu a {
	font-size: 10pt;
	margin-bottom: 1pt;
	margin-top: 1pt;
	margin-left: 3pt;
	margin-right: 3pt;
	font-family: arial;
	font-weight: bold;
	width: 80px;
	vertical-align: center;
	text-align: center;
	padding: 1px;
}

.buttonMenu a:link {
	color: black;
}

.buttonMenu a:visited {
	color: black;
}

.buttonMenu a:hover {
	color: gray;
}

.smallbutton {
	font-size: 10pt;
	border-color: grey;
	border-width: 2px;
	border-style: outset;
	margin-left: 10px;
	padding: 3px;
	font-weight: bold;
}

.smallbutton a {
	color: blue;
}

table.smallneattable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	font-size: 9pt;
}
table.smallneattable th {
	border-color: #AF7F4F;
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
}
table.smallneattable td {
	border-color: #EF7F4F;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	padding: 3px 3px 3px 3px;
}


.smallred
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: verdana, arial, helvetica
}


.sctitle
{
	font-family : verdana, arial, helvetica;
   TEXT-ALIGN: justify;
	font-size : 9pt
}

.scitem
{
	font-family : verdana, arial, helvetica;
   TEXT-ALIGN: justify;
	font-size : 10pt
}

.scheduleEventTitle {
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0pt;
}

.schedulePaperTitle {
	font-family: verdana, arial, helvetica;
	font-size: 9pt;
	margin-bottom: 3pt;
}

.scheduleSlot {
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: blue;
	background-color: darkblue;
	font-weight: bold;
	font-size: 9pt;
	font-family: verdana, arial;
	width: 550px;
	color: white;
}

.scheduleSlot a {
	color: white;
}

.scheduleChairs {
	font-size: 8pt;
	font-family: verdana, arial;
	margin-top: 0pt;
	margin-bottom: 6pt;
	margin-left: 6pt;
}

.scheduleAlert {
	font-size: 11pt;
	font-family: verdana, arial;
	color: red;
	font-weight: bold;
}

.myprogrammeRadio {
	color: green;
	background-color: #E0E0FF;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.searchbox * {
	background-color: white;
}

.searchbox input {
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

/*  #8cbec9; - that was in the new codebase orginally for background */

.mark {font-size: 9pt; color: red; }

.tableheader
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #f3f3f3;
    color: #0066c0;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica
}

.tableheader A:link
{
    FONT-WEIGHT: bold;
    COLOR: #00005F;
}

.tableheader A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #0000AF;
}

.tableheader A:hover
{
    FONT-WEIGHT: bold;
    COLOR: Gray;
   TEXT-DECORATION: underline;
}

.tablesuperheader { BACKGROUND-COLOR: #FFEEAA;   FONT-SIZE: 12pt; FONT-FAMILY: verdana, arial, helvetica; font-weight: bold;}
.tablesubheader { BACKGROUND-COLOR: #FFF7E0;   FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial, helvetica; font-weight: bold;}


.inputheader {
    FONT-WEIGHT: bold;
	 color: black;
    FONT-SIZE: 13px;
    FONT-FAMILY: verdana, arial, helvetica
}

.inputheader A:link {
    FONT-WEIGHT: bold;
    COLOR: maroon;
}

.inputheader A:visited {
    FONT-WEIGHT: bold;
    COLOR: maroon;
}

.inputheader A:hover {
    FONT-WEIGHT: bold;
    COLOR: Gray;
   TEXT-DECORATION: underline;
}

