* { padding:0; margin:0; outline:none;}
html 
{
    background-image:url(../images/pattern.gif);
    background-repeat:repeat;
    }
body  
{
    width:760px; 
    height:553px;
    margin:auto; 
    border: dotted 2px #8F8F8F; 
    border-top:none;
    padding:20px;
    background-image:url(../images/bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
    padding-top:75px;
    }
h1 span 
{
    font-size:10px;
    }
h1  
{
    font-family:gentilis;
    font-size:33px; 
    color:#122F21; 
    font-weight:normal;
    border-bottom:solid 2px #D1EFE0;
    width:396px;
    }
h2  
{
    font-family:optimer; 
    font-size:19px; 
    color:#CF4D4D; 
    font-weight:normal;
    letter-spacing:5px;
    border-top:solid 1px #8EAF9F;
    width:396px;
    }
.icon { margin:0 10px 0px 0;}
.navBar 
{
    padding-top:20px;
    
    }
.navBar li 
{
    list-style-type:none;
    display:block;
    float:left;
    text-align:center;
    margin-right:10px;
    }
.column .links li { margin-bottom:0px;}
.navBar li a 
{
    color:#122F21;
    font-family:helvetiker;
    font-size:13px;
    display:block;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    background:#D1DFD7;
    }
a { text-decoration:underline;}
#rssFeed {float:right;}
.sitefooter p {float:left; font-family:helvetiker;}
.sitefooter em, .sitefooter a { color:White; font-family:helvetiker;}
.sitefooter 
{
    position:absolute;
    top:600px;
    width:782px;
    height:30px;
    background:#ccc;
    padding:9px;
    font-family:helvetiker;
    font-size:11px;
    color:#ccc;
    left:0;
    background-image:url(../images/pattern2.png);
    background-repeat:repeat;
    }
.column 
{
    width:360px;
    margin-top:20px;
    height:370px;
    float:left;
    margin-right:20px;
    }
.column h3 ,.mapcolumn  h3 
{
    border-bottom:dotted 1px #8EAF9F;
    padding: 5px 0 5px 0;
    font-family:optimer; 
    font-size:18px; 
    color:#CF4D4D;
    font-weight:normal;
    margin-bottom:10px;
    letter-spacing:3px;
    }
table {width:100%;}
td, th 
{
    padding:5px;
    font-family:helvetiker;
    font-size:12px;
    color:#5F5353;
    text-align:left;
    }
th {background-color:#FFAFAF; border-bottom:solid 1px #959F99;}
td {background-color:#D1DFD7; border-bottom:solid 1px #C2CFC7;}
.column label { float:left; margin-right:20px;}
.column p, .column li, .column label, .column select
{
    font-family:helvetiker;
    font-size:12px;
    color:#616F68;
    letter-spacing:1px;
    line-height:19px;
    margin-bottom:10px;
    }
.column em, .column a 
{
    color:#373F3B;
     font-family:helvetiker;
    }
.column li 
{ 
    list-style-type:none;
    }
.clearFix 
{
    display:block; 
    height:1px; 
    clear:both;
    }
#mapControls 
{
    padding:10px;
    background-color:Black;
    height:30px;
    margin-top:20px;
    }
#mapControls input {height:20px; vertical-align:middle;}
#mapControls .button
{
    background-image:url(../images/pattern2.png);
    background-repeat:repeat;
    border:solid 1px #ccc;
    color:#ccc;
    cursor:pointer;
    padding:0 2px 2px 2px;
    }
#errorLocation 
{
    background-color:black;
    width:300px;
    height:60px;
    color:White;
    position:absolute;
    top:141px;
    left:20px;
    z-index:10000;
    padding:10px;
    font-size:15px;
    display:none;
    font-family:helvetiker;
    }
    
 #errorLocation p {margin-top:15px;}
 
 
 /* Graphics section */
 .graphics {
    width:760px; 
    height:330px;
    }
.outerWrapper {float:right; width:100px; height:350px; padding:10px 0 10px 10px;}

.layoutThumbs li  
{
    display:block;  
    list-style-type:none; 
    width:50px; 
    height:48px;
    float:left;
    }
.layoutThumbs li a {background-repeat:repeat; width:50px; height:48px; display:block;}

/* layout thumbnails */

#maps       {background-image:url(../images/gallery/layouts/_thumbnails/maps.png);}
#timeline   {background-image:url(../images/gallery/layouts/_thumbnails/timeline.png);}
#zoomtool   {background-image:url(../images/gallery/layouts/_thumbnails/zoomtool.png);}
#splash1    {background-image:url(../images/gallery/layouts/_thumbnails/splash1.png);}
#splash2    {background-image:url(../images/gallery/layouts/_thumbnails/splash2.png);}
#splash3    {background-image:url(../images/gallery/layouts/_thumbnails/splash3.png);}
#home       {background-image:url(../images/gallery/layouts/_thumbnails/home.png);}
#inbox      {background-image:url(../images/gallery/layouts/_thumbnails/inbox.png);}
#viewmail   {background-image:url(../images/gallery/layouts/_thumbnails/viewmail.png);}
#newsfeed   {background-image:url(../images/gallery/layouts/_thumbnails/newsfeed.png);}
#media      {background-image:url(../images/gallery/layouts/_thumbnails/media.png);}

.sampletext {
            width:650px; 
            text-align:left; 
            margin:auto; 
            display:block; 
            background:black; color:#3c3c3c; display:none; font-size:40px; padding:20px;}
            
.content .sampletext {display:block;}