/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#54565E;
color:#000;
font:76% Arial;
margin:0;
padding:0;
text-align:center;
}
p{
line-height:1.5em;
margin:0 0 15px;
}
a{
color:#213AEF;
font-weight:700;
text-decoration:none;
}
a:hover{
color:#0C6E19;
}
ul li { 
list-style-type: disc; 
list-style-position: outside; 
display: list-item; 
margin: 3px 0 3px -10px;  
}
hr{
height:1px;
margin:10px 0;
width:98%;
}
dt{
font-weight:700;
}
dd{
margin:1px 0 12px 15px;
}
#container { 
background-color: white;
background-image: url("img/bg.jpg"); 
background-repeat: no-repeat; 
background-position: left top; 
text-align: left; 
margin: 0 auto; 
width: 878px;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
}
#nav1 {
height:34px;
margin-top:0;
padding-left:100px;
background: transparent;
color: #79B30B;
}
#nav2 { 
color: #fff; 
background: transparent; 
margin: 0; 
padding-left: 100px; 
height: 32px 
}
#nav1{
width: 778px;
font-weight: bold;
font-size: 110%;
}
#nav1:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#nav1 ul{
width: 100%;
padding: 5px 0 22px 7px;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#nav1 ul li{
display: inline;
}
#nav1 ul li a{
color: #213AEF;
padding: 7px 10px 7px 7px;
margin: 0;
text-decoration: none;
}
#nav1 ul li a:hover{
color:#0C6E19;
}
#nav2{
width: 778px;
background-color: transparent;
font-weight: bold;
font-size: 90%;
}
#nav2:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 10px;
clear: both;
visibility: hidden;
}
#nav2 ul{
width: 99%;
padding: 11px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#nav2 ul li{
display: inline;
}
#nav2 ul li a{
color: #213AEF;
padding: 7px;
margin: 0 0 0 7px;
text-decoration: underline;
}
#nav2 ul li a:hover{
color:#0C6E19;
}
#wrap1{
clear:both;
padding:0;
width:878px;
}
#wrap2{
padding:10px;
width:878px;
}
#header{
height:30px;
position:relative;
width:878px;
}
#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}
#topbox{
color:#000;
margin:0 0 4px;
text-align:right;
}
#topbox a{
color:#d04a10;
}
#topbox a:hover{
text-decoration:underline;
}
#rightside{
float:right;
background: #DADEF9;
margin:40px 15px 20px 10px;
width:210px;
border: 1px solid #000;
}
#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}
#rightside p{
font-size:0.9em;
margin:2px 5px 12px 10px;
}
#rightside img{
border: 1px solid #000;
margin:10px 0 5px 5px;
}
#content{
margin:30px 160px 0 30px;
}
#contentalt{
margin:30px 15px 0 30px;
}
#content p,#contentalt p{
margin:8px 0 0 10px;
}
#content h1,#contentalt h1{
color:#000;
font-size:2em;
font-weight:400;
margin:-5px 0 5px 10px;
padding:0;
}
#content h2,#contentalt h2{
color:#000;
font-size:1.5em;
font-weight:400;
margin:5px 0 10px;
padding:0;
}
#content img,#contentalt img{
float:left;
margin:5px 15px 6px;
}
#footer{
clear:both;
background: #0F871D;
color:#fff;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:10px 0 10px 0;
text-align:center;
width:878px;
border-top: 1px solid #000;
}
#footer a{
color:#fff;
font-weight:400;
}
#footer a:hover{
color:#fff;
text-decoration:underline;
}
.menublock{
margin-bottom:10px;
}
.intro{
font-weight:700;
}
.active{
padding:1px 1px 1px 9px;
}
.box{
/*background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;*/
color:#000;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}
.photo{
margin:5px auto 15px;
padding:5px;
}
.smallcaps{
font-variant:small-caps;
}
.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}
.small{
font-size:0.85em;
}
.large{
font-size:1.4em;
}
.soft{
color:#000;
}
.normal{
font-weight:400;
}
.sharp{
color:#101010;
}
.center{
text-align:center;
}
.hide{
display:none;
}