/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2 (Oct 21, 2005)

Screen layout: */

body{
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(../images/bg.gif) top center repeat-y;
color:#303030;
}

#wrap{
background:rgb(255,249,220);
color:#303030;
margin:0 auto;
width:700px;
}

#header{
clear:both;
margin:10px 0 0 0;
padding:0;
height:35px;
}


.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

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

#extras ul li {
	margin-bottom:8px;
	border-bottom:1px dotted rgb(90,90,90);

}

#content{
margin:0 0px 20px 0px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
text-align:justify;

}

#content h2{
	font-size:1.5em;
	margin:0 0 0.5em 0;
	color:rgb(90,90,90);
}

#content img{
/*padding:1px;*/
display:inline;
background:#cccccc;
color:#303030;
margin-right:10px;
/*border:4px solid #f0f0f0;*/
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
	text-decoration:none;
	color:rgb(0,81,36);
}

a:hover{
text-decoration:underline;
	color:rgb(90,90,90);
}

a img{
	border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:700px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}





.pageHeaderImage {
	
}

#pageHeader {
	width:700px;
	height:120px;
	margin-bottom:10px;
}

#pageHeaderTitle{
	color:#000;
	padding:80px 0 0 10px;
	font-size:28px;
	font-weight:bold;
}



/* Main menu settings */
#navigation {
	width:700px;
	height:30px;
	margin:0px 0 5px 10px;
	font-weight:bold;
	font-size:14px;
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
#navigation ul li {
	margin:0;
	padding:0;
	float:left;
	position:relative;

	margin-right:20px;
	margin-bottom:3px;
}
#navigation ul li a {
	display:block;
	margin:0;
	font-size:1em;
	line-height:1em;
	text-decoration:none;
	color:rgb(90,90,90);
	font-weight:bold;
}
#navigation ul li.active a {
	color:rgb(30,30,30);
	text-decoration:none;
}
#navigation ul li a:hover {
	color:rgb(30,30,30);
	text-decoration:none;
}
#navigation ul li:hover a,
#navigation ul li.hover a { /* This line is required for IE 6 and below */
	color:rgb(30,30,30);
	text-decoration:none;
}

/* Submenu items */
#navigation ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:10em; /* width of the drop-down menus */
	padding-top:6px;
}
#navigation ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
}
#navigation ul ul li a,
#navigation ul li.active li a,
#navigation ul li:hover ul li a,
#navigation ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-weight:normal; /* resets the bold set for the top level menu items */
	font-size:12px;
	background:#ccc;
	float:left;
	width:100%;
	padding:5px 0 5px 5px;
	border-bottom:1px solid rgb(30,30,30);
}
#navigation ul ul li a:hover,
#navigation ul li.active ul li a:hover,
#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	float:left;
	color:rgb(90,90,90);
}

/* Flip the last submenu so it stays within the page */
#navigation ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#navigation ul li ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* remove last bottom */
#navigation ul li ul li.last a{
	border:0;
}


/* Make the sub menus appear on hover */
#navigation ul li:hover ul,
#navigation ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}