@charset "UTF-8";
/* CSS Document */

body { 
background-image: url(images/topbg.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
margin-top: 0px; 
} 



#fancymenu { 
position: relative; 
height: 30px;
background: ; 
padding: 0px; 
margin:0px 0;
overflow: hidden; 
}

.menubox { 
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
margin-top: 0px;
} 
  
#fancymenu ul { 
padding: 0; 
margin: 0; 
} 
  
/* Don't apply padding here (offsetWidth will differ in IE) 
If you need padding add it to the child anchor */ 
#fancymenu ul li { 
float: left; 
list-style: none; 
} 
  
#fancymenu ul li a { 
text-indent: -500em; 
z-index: 10; 
display: block; 
float: left; 
height: 22px; 
position: relative; 
overflow: hidden; 
} 

#fancymenu li.background { 
background: url('images/menu_bg_right.png') no-repeat top right !important; 

z-index: 8; 
position: absolute; 
visibility: hidden; 
} 
  
#fancymenu .background .left { 
background: url('images/menu_bg_right.png') no-repeat top left !important; 

height: 25px; 
margin-right: 9px; /* 7px is the width of the rounded shape */ 
} 	




---

/* standard elements */
input {

	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;

}

p,cite,code,ul {

	font-size: 1.2em;
	padding-bottom: 1.2em;

}

p
{
	font-size: 12px;
	line-height: 16px;
}


code {
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}



/* misc */

.clearer {

	clear: both;

}





/* structure */

.container {

}







.header {
height: 25px;
}


/* main */

.main {
	clear: both;
}

/* content */

.ramme {

	width: 750px;
	margin-left: -375px;
	left: 50%;
	position: relative;
}

.content {
	float: left;
	width: 490px;

}

.content2 {
	width: 700px;

}


.rightbox { 
float: right;
vertical-align:top;
width: 215px;
}

/* footer */

/*.footer {
	
	color: #244b35;
	font-size: 11px;
	text-align: center;
	height: 100px;
}*/

.socialbox { 
position: absolute;
width: 750px;
left: 50%;
height: 100px;
margin-left: -375px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
} 


h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #512a79;
font-weight:lighter;
margin-bottom: -10px;
}



p
{
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}

p.txt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
margin-bottom: -20px;
}


*
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999;
}


p.social
{
margin-bottom: -30px;
}



a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #512a79;
	text-decoration: none;
}

a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: underline;
}

a.menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin-right: 10px;
}




*
{
border-color: #e7e7e7;
}





.shadetabs{
	/* width: 90%; width of menu. Uncomment to change to a specific width */
	margin-bottom: 1em;
	padding-top: 174px;
}

.shadetabs ul{
	padding: 5px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 5px 8px;
	margin-right: 1px;
	color: #666666;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #333333;
	background-color: #f1f1f1;
}

.shadetabs li.selected{
	position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
	color: #FFFFFF;
	background-color: #512a79;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}