/* CSS Document */


/* =================================================== COLOURS */
#banner { background-color:#FFE090;}
#nav { 	background-color:#FFE090; }
#footer { 	background-color: #FFE090; }

body { 	background-color: #DDDDDD; 	color:#000066; }
a { color:#990000; }
#all { background-color: #FFE090; padding-top:10px;}
#menu h4 { 	background-color:#FFD080; }
#menu h4 a { }
#menu a:hover { color:#FFFFFF; }
#content { 	border-color:#333333; background-color:#FFFFFF;}
#content table th { background-color: #990000; color:white; }
#content h2 { 	background-color:#FFE090; color:#990000; border-color:#990000;}

body
{
	margin: 0;
	padding: 10px 15px;
	font-family: georgia, times, "times new roman", serif; 
}

a img { border:none; }


/* #all { margin: 1em 5%; } */

/* ================================================== BANNER */
#banner { height:110px; overflow:hidden;border-bottom:3px solid;} 

#banner h1,#banner h2,#banner h3
{
	margin: 0;
	padding:0.3em 2px;
	margin:0;
}

#logo {
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:110px;
}

#altlogo {
	display:block;
	height:100px;
	padding:0;
	margin:0 5px 0 0;
	overflow:hidden;
	float:right;
	text-align:center;
}

/* ================================================= SPONSORS */
#sponsors
{
  float:right;
  width:100px;
  padding-top: 1em;
  padding-right: 5px;
  padding-left: 5px;
	z-index:100;
	overflow:hidden;
	font-size:x-small;
	text-align:center;
}

#sponsors img {
  width:100px;
  padding:0;
  margin:2px 0;
  border-width:1px;
  border-style: dotted;
  border-color: gray;
}

#sponsors a {
	text-decoration:none;
}

#sponsors p {
	width:100px;
	border-style: dotted;
	border-color: gray;
	border-width: 1px;
	padding:0;
	margin:2px 0;
}

#sponsors h1,
#sponsors h2,
#sponsors h3,
#sponsors h4,
#sponsors h5 {
	margin:0;
	padding:0;
}
/* ================================================= NAVIGATION */
#nav
{
	clear:both;
	float: left;
	width: 160px;
	padding-top: 1em;
	padding-left:10px;
	z-index:100;
}

#nav h5 { 
	margin: 10px 0 5px 0;
	text-align:center;
	text-decoration:underline;
}

#nav a {
	text-decoration:none;
}

#nav p { 
	margin:0; 
}

#nav ol {
	padding:0;
	margin:0;
	list-style: none;
}
#nav li {
	font-size:smaller;
	padding:0;
	margin-bottom:20px;
	text-align:center;
}

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

#menu ul { margin-bottom:10px; }

#menu h4 {
	margin:10px 0 0 0;
	padding:0 0 0 5px;
	border-top:none;
	border-left:none;
	border-right:solid 1px #660000;
	border-bottom:solid 1px #660000;
}

#menu h4:hover {
	border-top:solid 1px #660000;
	border-left:solid 1px #660000;
	border-bottom:none;
	border-right:none;
}

#menu li {
	padding:0;
	margin:0;
}

#menu li ul {
	padding-left:1em;
	margin:0; /* lame explorer needs this to get rid of left margin */
}

#menu a { 
	text-decoration:none; 
}
/* ================================================== CONTENT */

#content
{
	padding: 1em 15px 15px 1em;
	margin: 0;
	border-style:none none solid none;
	border-width:1px;
	z-index:-100;
}

#content object,#content embed {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#content table {
	text-align:center;	
}

#content table td,#content table th {
	text-align:left;
	border-style:dotted;
	border-width:thin;
	padding-left:5px;
	padding-right:5px;
}

#content table caption { display:none; }

#content h1,#content h2 {
	text-align:center;
}

#content h2 {
	padding:10px 5px;
	border-style:solid;
	border-width:thin;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

#content h3 {
	text-decoration: underline;
}

#content .rightbox {
	float:right;
	padding:0;
	margin:5px 0 5px 8px;
	font-size:smaller;
	font-style:italic;
	text-align:right;
	border-bottom:thin dotted black;
}

#content .leftbox {
	float:left;
	padding:0;
	margin:5px 8px 5px 0;
	font-size:smaller;
	font-style:italic;
	text-align:left;
	border-bottom:thin dotted black;
}

#content .leftbox img {
	margin-top:5px;
}

#content .rightbox img {
	margin-top:5px;
}

#content {
	overflow:auto; /* Adding this forced us to remove 
		margin-top and margin-right from #content above.
		We trust the browsers: works on ie7+ff2
		
		otherwise floats (thumbs) float under floated sidebars in IE7
		*/
}

#content .thumb {
	text-align:center;
/*	border:thin solid red;*/
	width:205px;
	height:230px;
	float:left;
	/*margin:0 5px 10px 5px;*/
	margin:0;
	padding:0;
}

#content .thumb img {
	width:200px;
	/*height:50px;*/
	border:none;
}

#content .thumb p {
/*	margin-top:0;
	margin-bottom:5px;*/
	margin:0;padding:0;
	font-size:10px;
}

/* =================================================== FOOTER */

#footer
{
	clear: both;
	padding: 1em;
	text-align: right;
	font-size:smaller;
}

.spacer {
	clear:both;
}