/* #id .class */

html{
	margin: 0px;
	padding: 0px;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.3;	
	margin: 0px;
	padding: 0px;
	text-align:center; /* center the #container section */
}

#container{
	width:760px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

p{
margin: 0 0 0 0;
text-align: justify;
}

a:link, a:visited, a:hover {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #0039EF; /*blue*/
	/*text-decoration: underline;*/
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

.detail ul{
 list-style-type: disc;
 list-style-position:inside;
 margin: 0 0 0 0;
 padding: 0 0 0 0em;
}

.detail li{
 margin: 0 0 0 0;
 padding: 0 0 0 0em;
}

.detail ul ul{
 list-style-type: none;
 list-style-position:outside;
}

.menu ul{
 list-style-type: none;
 list-style-position:inside;
 margin: 0 0 0 0;
 padding: 0 0 0 0em;
}

.menu li{
 margin: 0 0 0 0;
 padding: 0 0 0 0em;
}

.menu a
{
display: block;
padding: 3px;
width: 22em;
background-color: #eee;
border-bottom: 1px solid #fff;
text-decoration: none;
}

.menu a:link, .menu a:visited
{
color: #666;
}

.menu a:hover
{
background-color: #ddd;
color: #333;
}

.link a
{
padding: 3px; 
/* background-color: #eee; */
background-color: #CCEEFF; /* pale blue */
/* border: 1px solid #bbb; */
border: 1px solid #99BBDD;
}

.link a:link, .link a:visited
{
color: #444; /* was 6 */
text-decoration: none;
}

.link a:hover
{
/* background-color: #ddd; */
background-color: #c3E5F6; /* darker blue */
border: 1px solid #88AACC;
color: #222; /* was 3 */
}


#head{
	margin: 0;
	background-color: #eeeeee;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #cccccc;
}

#content{
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
}

#path{
	font-size: 80%;
	color: #333333;
	padding: 5px 0px 5px 10px;
}

.detail{

	padding: 0px 10px 0px 10px;
	font-size: 80%;
}

.detail h2{
	color:#666666;
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size: 140%;
}

.detail h3{
	color:#333333;
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size: 120%;
}
.detail img{
	border: 0px;
	padding: 0px 0px 0px 0px; /*bottom padding ok in ff/ie6 ignored by ie5 */
}

#mainpic{
	float: right;
	margin: 0px 0px 0px 40px;
}

#menubar{
	clear:both;
	border-top: 1px solid #cccccc;
	background-color: #eeeeee;
	font-size: 80%;
	color: #333333;
	padding: 5px 0px 5px 10px; /*top ignored by ff*/
	margin-top: 10px;
}

#menubar p{
text-align:center;
}

.left{
	float: left;
}

.right{
	float: right;
}

.titlebar, .titlebar a:link, .titlebar a:visited {
	color:#888;
	text-align:right;
	font-size: 120%;
	border: 3px solid #888;
	padding: 3px;
	background-color: #fff;
	margin: 5px 5px 5px 5px;
}
.titlebar a:hover {
	color:#0039EF;
	border: 3px solid #333;
	background-color: #ddd;
}

/* default opacity for IE */
/* breaks w3c validation but without it ie6 just switches */

img {
	filter:alpha(opacity=100);
}