/*  Basic format
----------------------------------------------- */
body{
font-family: verdana,arial,helvetica,sans-serif;
margin: 0px;
padding: 0px;
text-align:center;
width: auto;
background:url(images/grad1.jpg) top repeat-x;
 font-family: Arial, Helvetica, sans-serif;


font-size: 74%;}

#page {
width: 850px;
margin:auto;
padding:0;
border-left: 4px solid gray;
border-right:4px solid gray;
text-align: left;
height: auto;
background: white url(navbar.jpg) left  repeat-y; 

}

p, li{
	text-align: justify;
	font-size: 10pt;
}
td, th, div {
	 text-align: left;
}
ul li, ol ul li {
 list-style: disc  }

a {
	color: #004080; 
	text-decoration: none; 
	font-weight: 800;
}
a:hover {text-decoration:underline;
		color:indigo;}
h3 a {color: darkgreen; 
   
   font-weight: 500; 
   text-align: left;}
h3 a:hover {text-decoration:underline;
		color:darkgreen;
		background:#d1f9c8;}
#maincontent {
			float:right;
			 text-align:left;
			 height:auto;
			 margin:0;
			 padding:20px;
			 width:620px;

}
#leftcolumn {
width:45%;
float:left;
background-color:#f2f9b5;
padding:10px;
margin-bottom: 10px;
margin-left:10px;
}
#rightcolumn {
width:45%;
float:right;
background-color:#f2f9b5;
padding:10px;
margin-bottom: 10px;
margin-right:10px;

}

 
/*  Banner
----------------------------------------------- */
#banner {
background-color:#ffffff;
width:100%;
padding: 0px;
margin:0;
border: 1px solid silver;


}

#subtitle {
margin:0;
	width:100%;
	height:auto;
	color:darkgreen;
	font-size:12pt;
	font-weight:900;
	background-color:lightyellow;
	border-bottom:3px solid silver;}
#innersubtitle {
height:20px;	
	margin: 10px;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:5px;
	
	}
.right {
	float:right;
	text-align:right;
	}
.left {
	float:left;
	}
/*  Navigation bar (side)
----------------------------------------------- */
#sidenav {
float:left;
width:180px;
margin:0;


}
#sidenav ul {
margin:0;
padding:0;
}
#sidenav li {
display:block;
list-style: none;
height: 20px;
width:155px;
background-color:lightyellow;
border:1px solid black;
margin:auto;
margin-top:5px;

margin-bottom: 5px;
padding:5px;

}	
#sidenav li a {
 text-decoration:none;
 color:darkgreen;
 font-weight:600;
 }
 #sidenav  a:hover {
	background-color: green;
		color:white;
		text-decoration:none;
		padding-left:5px;
		
}
.navbar {
	color:indigo;
 font-weight: 700; 
text-align: center; 
background-color:silver; 
border:1px solid black;
margin-right:10px;
}
/*  Navigation bar (top)
----------------------------------------------- */

#topnav {
width:100%;
height: 20px;
text-align:center;
padding-top:5px;
padding-bottom: 5px;
margin:0;
margin-top:5px;
margin-bottom: 5px;
background-color:silver;



}
#topnav .topmenu {
display:inline;
float:left;
width:18%; 
height: 15px;
font-size: 8pt;
color: #004080; 
text-decoration:none;
text-align:center;
vertical-align:middle; 
background-color:#f2f9b5;
border:1px solid black;
margin-top:2px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 2px;
padding: auto;
}
.topnav a {
 text-decoration:none;}
 
.topnav a:hover {
	background-color: #0080c0;
		color:white;
		text-decoration:none;
		
}

 .submenu {
	display:none;
	width:150%;
	border: 1px solid;
	background: lightblue;
	margin: 0px;
	padding: 0px;
	color:#004080;
	}
	.submenu li:hover {
	background: steelblue;
	}
	.submenu li {
		border: 1px solid #0080c0;
		padding-top:2px;
		padding-bottom:2px;
		text-align:center;
		list-style:none;
}
 .topmenu:hover ul {
	display:block;
	}
	



  /* Headings and titles
----------------------------------------------- */

 


.right {
	text-align: right
}
.pictitle {
	font-size: 8pt; 
	text-align: center; 
	font-weight: 600;
	line-height: 2.0em;
	margin:0;
}
.clear {
clear:both;}
h1 { 
   	 font-size: 170%;
	 color:darkgreen;
	 text-align: center;
	 line-height:1.5em;
	 
	 }
h2 {
	color: darkgreen; 
	font-size: 200%; 
	text-align: center;
	
}

h3 {
   color: darkgreen; 
   font-size: 150%;
   font-weight: 500; 
   text-align: left;}

.lefttitle { 
   	 font-weight: 700;
	 color: #000080;
	 text-align: left;
padding: 3px;
padding-left: 10px;
	 line-height:12pt;
	 background-color:lightblue;
	 }

/*  Tables, Blocks and Buttons
----------------------------------------------- */

#contacttable {
width:100%;
background-color:lightblue;
border-collapse: collapse;
border: 0;
}
#contacttable td{
width:25%;
background-color:lightblue;
padding:10px;
vertical-align:middle;
}
#contacttable th{
width:25%;
background-color:lightblue;
padding:10px;
font-weight:bold;
color:navy;
text-align:center;
}
a.buttonlink, a.buttonlink:visited, a.buttonlink:hover {
padding: 5px 10px 5px 10px;
background-color:#4682B4;
font-size: 10pt;
border: 7px outset;
color:white;
font-weight: 600;
text-align:center;
text-decoration:none;
}
a.buttonlink:hover {
border: 7px inset;
}
.blueblock {
background-color:lightblue;
margin:0;
padding: 10px;
width:95%;
height: auto;
}
/*  Footer
----------------------------------------------- */
#footer {
clear:both;
width: 100%;
background-color:lightyellow;
	border-top:3px solid silver;
	border-bottom:3px solid gray;
	padding-top: 0.4em;
padding-bottom: 0.4em;
margin:0;
text-align: center;
color:darkgreen;
font-weight:600;
font-style:italic;
}

.date {		 
	font-size: 8pt; 
	text-align: center; 
	font-weight: normal;
	font-style:italic;
	line-height: 2.0em;
	margin:0;
}	 
#linkslayout {
width:100%;
padding: 5px;
background-color:white;
clear:both;
margin:0;

}
#linkslayout img {
float:left;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
margin:0;
}
#linkslayout ul {
margin:0;
margin-left: 200px;

}
#linkslayout p {
margin-left: 180px;
padding-top: 20px;

}
/*  h4 = subheading with bottom border as on links page
----------------------------------------------- */

h4
{font-size: 12pt;
font-weight:bold;
color:darkgreen;
text-align:left;
border-bottom: 1px solid green;
padding-bottom: 5px;
margin-bottom:20px;
clear:both;
}
h5 
{
	background-color: darkgreen;
	color:white; 
	font-size: 200%; 
	text-align: center;
}

/*  Tables, etc
----------------------------------------------- */
#committee
{width: 90%;
border:1px solid silver;
background-color: lightyellow;
margin:auto;
font-size: 12pt;
}		
#committee td {
padding: 10px;
vertical-align:top;
} 
#committee td.left {
width:28%;
color:green;
font-weight:500;
text-align:right;}
#committee td.right {
width:62%;
text-align:left;}

.twocol
{width: 90%;
border:1px solid silver;
background-color: lightyellow;
margin:auto;
font-size: 12pt;
}		
.twocol td {
padding: 10px;
vertical-align:top;
width:50%;
} 
.threecol
{width: 90%;
border:1px solid silver;
background-color: lightyellow;
margin:auto;
font-size: 12pt;
}		
.threecol td {
padding: 10px;
vertical-align:top;
width:33%;
} 
#timetable
{width: 90%;
border:1px solid silver;
background-color: lightyellow;
margin:auto;
font-size: 10pt;
vertical-align:top;

}
#timetable th {
font-size: 12pt;
color:green;
font-weight:700;
text-align:center;
padding:10px;
}


#timetable td {
padding: 10px;
vertical-align:top;
height:auto;

}