/*#############################################################
Name: Bright Pixel
Date: 2006-05-07
Author: Viktor Persson
URL: http://www.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/
a {
	color: #000;
	text-decoration: none;
}
a:link { 
	color: #000;
	text-decoration: none;
}

a:hover { text-decoration: underline } 


.menu:link {	
	color: #000;
	text-decoration: none;
}
.menu:hover {
	text-decoration: none;
	color:#999999
}
.menu:visited{
color:#000;
}

body {
    height: 100%;
	background: #CCC url(img/bg.gif) repeat-y fixed bottom center;
	color: #333; 
	margin: 20px 0; 
	text-align: center; 
	font: normal 1.0em sans-serif,Arial;
	
}
.gfx {
    border: 5px;
	width: 610px;
	height: 150px;
}
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	font: bold 2.0em Arial;
	line-height: 3em;
}
.main {
	background: #FFF; 
	border: 3px double #EEE; 
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 620px; 
	min-height: 100%;
}
.menu a {
	background: #EEE;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 149px; height: 27px;
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background: #EEE url(img/bgmenu.gif) repeat-x;
	color: #555;
}
.menu a#last {
	width: 150px;
	border-right: none;
}
.container {
	margin: 10px;
	min-height: 100%;
}
.content {
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	clear: both;
}
.content h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}
.content p {
	margin: 3px 0 6px; color: #666;
}

.gold {
	background: #FAFAD2;
	border-top: 1px solid #E5E5E5;
	clear: both;
}
.gold h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}
.gold p {
	margin: 3px 0 6px; color: #666;
}

#bronze {
	background: #8C7853;
	border-top: 1px solid #E5E5E5;
	clear: both;
	color: #fff;
}
.bronze h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #fff;
}
.bronze p {
	margin: 3px 0 6px; color: #fff;
}



.item {
	background: #FCFCFC url(img/bgitem.gif) repeat-x;
	padding: 10px;
	line-height: 130%;
}
.footer {
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #F5F5F5;
	width: 590px;
	color: #666;
	text-align:center;
} 
.agenda{
font: normal sans-serif,Arial;
font-size:12px;
color: #666;
}

.agenda_header{
font: bold sans-serif,Arial;
font-size:14px;
font-weight:900;
color: #666;
text-decoration:underline;
}

/* the sidelinks class styles the links section in the sidebar */
.sidelinks{
background-color: #ffffff;
border:1px solid navy;
border-right:5px;
margin-left: 2px;
margin-right: 5px;
padding-left:6px;
font-size:.9em;
line-height:150%;
}

#lside{
float:left;
margin-top: .5em;
margin-bottom: .2em;
margin-right: 1em;
margin-left: .5em;
/* bad IE padding-left: 0;
padding-right: 2px;
padding-top:.25em; */
width:180px;
}

/* sidebar codes - the sidebar class is applied to major sections of the side menu -one for the directorylist,one for news,one for linklists,a shoutbox,a search box or other forms,etc */	
.sidebar{
border:1px solid #aac0dd;
margin-bottom: .5em;
margin-right: 5px;
margin-top: 0em;
background: #F6F6F6;
font-size:.9em;
text-align:left;
}

#lside li {
text-indent:0em;

list-style-position:outside;}


#special a {
	color: #000;
	text-decoration: underline;
}
#special a:link { 
	color: #000;
	text-decoration: underline;
}

#special a:hover { text-decoration: underline } 


.reda a {
	color: #F00;
	text-decoration: none;
}
.reda a:link { 
	color: #F00;
	text-decoration:none;
}

.reda a:hover { text-decoration: underline } 



/**Provides CSS for the Shadows and Picture outlines **/
div.shadow {
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}

div.shadow img {
  padding: 5px 5px 9px 5px;
  background: white url(/img/shad_bottom.png) repeat-x bottom left;
}

div.shadow img.nomatte {
  padding: 0 0 4px 0;
  background: white url(/img/shad_bottom.png) repeat-x bottom left;
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(/img/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(/img/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(/img/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(/img/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}


/* IMG FLOAT RIGHT AND LEFT*/
.imgright{
margin: 5px;
float: right;
}
.imgleft{
margin: 5px;
float: left;
}