body 
{
    margin: 0px;
    background-color: #2C0C05; 
    background-image: url('img/design/bg_grad.jpg');
    background-position:top left;
    background-repeat:repeat-x;    
    color:#ffffff;
    font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}


a{ color: White;}
a:hover{ color: White; text-decoration: none;}

#herald
{
    background-image: url('img/design/herald.jpg');
    background-repeat:no-repeat;
    background-position: top left;
    width: 693px;
    height: 888px;
    position: absolute;    
    z-index: 1;
}


#main
{
    margin-left: 50px;
    margin-top: 46px; 
    z-index: 2;   
    position: absolute;
    width: 850px;
    
}

#content
{
    /* #### OPACITY ####*/
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
    zoom: 1;
    /* ################ */    
    
    background-color: #000000;  
    padding: 10px;
    border: #623309 1px solid;
    margin-top: 5px;    
}


#callout
{
    /* #### OPACITY ####*/
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
    zoom: 1;
    /* ################ */    
    
    background-color: #000000;  
    padding: 10px;
    border: #623309 1px solid;
    margin-top: 5px;  
    }

/* NAV @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */

#nav
{
    /* #### OPACITY ####*/
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
    zoom: 1;
    /* ################ */    
    
    background-color: #000000;  
    padding-top: 0px;
    border: #623309 1px solid;
    height: 30px;
}


#menu {	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: url("img/design/seperator.gif") bottom right no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #623309 url("img/design/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	}                    
                    

 
    
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */    
    

#footer
{
    margin-top: 25px;
    width:100%;
    height:100px;
    background-color:#2C0C05;
    
    
    }
    
    
/* ASP.NET Controls @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.Button{ 
    border: 1px solid #623309;
    background: black;
    color: white;
    padding: 2px;
}

.Button:hover {
    background: #623309 url("img/design/hover.gif") bottom center no-repeat;
	color: #fff;
    cursor: pointer;
 }

.GridView1{  border: 0px; }
.GridView1_Header
{
    background-color: #093862;
    padding: 2px;
    border: 0px;
    font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight: bold;
}

.GridView1_Info
{
    padding: 2px;
    border: 0px;
    font: 75% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;  
    font-style: italic;
     }

.GridView1_Row
{    
    padding: 2px;
    border: 0px;
    font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;     
}


.GridView1_AltRow
{
    background-color: #2C0C05;
    padding: 2px;  
    font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
     
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */