/*#############################################################
Name: Bright Pixel
Date: 2006-05-07
Description: A smooth, monochrome, lightweight design.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
a {
	color: #000;
	text-decoration: none;
}
body {
background:#FFFFEC;
background-image: url('img/yellowbg.gif');
background-repeat: repeat-x;




	color: #333; margin: 20px 0;
	text-align: center; 
}
.gfx a {
	background: #F5F5F5 url(img/bright_pixel.gif) no-repeat; display: block; height: 240px;  }



p.center
{
text-align:center;

}

p.centertable
{
text-align:center;
padding:0px 0px 0px 0px;
margin:0;

}

p.justify
{
text-align:justify;

}



p.link {


}


/* header */
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	
	line-height: 3em;
}

/* main */
.main {
	background: #FFF; 
	border: 4px solid #da251d; 
 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 620px; 
}




td{

font-family: Verdana, sans-serif;
	font-size: 16px;

}


table a {
text-decoration:underline;

	



}

table a:hover {


text-decoration:none;


}


.container {
	margin: 10px;

}

/* menu */
.menu a {
	
	border-right: 1px solid #d3e0e9;
	border-top: 1px solid #d3e0e9;
	color: #FFF500;
	float: left;	
	padding-top: 4px;
	width: 119px; height: 32px;
	font: 12px Verdana;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	background: #da251d;

    
}
.menu a span {
	padding-left: 6px;
	text-decoration:none;
}


.menu a:hover {
	
	background: #b41912;
	text-decoration:none;
	color: #FFF500;
}

.menu a#last {
	width: 120px;
	border-right: none;
}

/* content */
.content {
	background: #ffffff;
	border-top: 1px solid #E5E5E5;
	clear: both;
	padding:1px;
}




.content h3 {


font-variant:small-caps;
font-family:Verdana;
text-align:center;
font-size:18px;
color:#28166f;

}

.content h3.large {


font-variant:small-caps;
font-family:Verdana;
text-align:center;
font-size:24px;
color:#28166f;

}

.content h4 {


font-family:Verdana;
text-align:center;
font-size:14px;
color:#da251d;

}



.content p {
	margin: 3px 0 6px; color:black;
	padding:4px 4px 4px 4px;
	font: normal 12px Verdana, Arial, serif;
	
}

.content p.justify {
text-align:justify;

}


.item {
	background: #FCFCFC url(img/bgitem.gif) repeat-x;
	padding: 1px;
}

/* footer */
.footer {
	padding: 5px;
	background: #F5F5F5;
	color: #666;
}

.footer .left, .footer .right {padding: 0 12px;}

/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}

li{

font: normal 0.8em Verdana, Georgia;
color: #000000;
font-weight:bold;

}

img.pad
{

padding:7px 7px 7px 7px;
}


.content a:link {

text-decoration:underline;

color:#8a591e;
size:16px;

}     
.content a:visited 
{
text-decoration:underline;
color:#8a591e;
} 
.content a:hover 
{
text-decoration:none;
color:#8a591e;
} 

.content a:active 
{
text-decoration:underline;
color:#8a591e;
}   


h5{

font-variant:small-caps;
font-family:Verdana;
text-align:center;
font-size:16px;
color:#155c89;


}

h6{


font-family:Verdana;
text-align:center;
font-size:12px;
color:#000;

padding-top:8px;

}


.content h1.bar {

font:16px "Verdana",Trebuchet,Arial,Sans-serif;
text-transform:uppercase;
font-size:18px;
color:#fff500;
text-align:center;


background-color: #da251d;
border-top:5px solid #b41912;
border-bottom:1px solid #b41912;
padding:3px 8px 3px 3px;
margin:6px 0px 6px 0px;


}


.content h2.bar {

font:78%/1.2em "Verdana",Trebuchet,Arial,Sans-serif;

color:#fff500;



background-color: #da251d;
border-top:5px solid #b41912;
border-bottom:1px solid #b41912;
padding:3px 8px 3px 3px;
margin:6px 0px 6px 0px;


}


.cssbox {

background:#fff500;
margin:5px;
float:left;
padding:5px;
color:#000000;
font-size:16px;
width:230px;

border:4px solid #da251d;

height:430px;
}

.cssbox2 {

background:#fff500;
margin:5px 5px 5px 5px;
float:left;
padding:5px;
color:#000000;
font-size:16px;
width:310px;

border:4px solid #da251d;

height:430px;
}


.cssbox3 {

background:#f6e2e2;
margin-left:5px;
float:left;
padding:5px;

font-size:16px;
width:270px;




}

.cssbox4 {
font-size:16px;
background:#f6e2e2;
margin-right:5px;
float:left;
padding:5px;


width:290px;



}

.cssbox5 {

background:#fff500;
margin:5px 5px 5px 5px;
float:left;
padding:5px;
color:#000000;
font-size:16px;
width:560px;

border:4px solid #da251d;

height:500px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */