﻿/*BASIC FORMATTING TAGS*/
html, body 
{
	height: 100%;
}

/* body and default font etc */
body
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    color: #666666;
	padding:0;
	margin:0;
}
/* for background images etc. */
.body 
{
   background:transparent url(../images/bg-main.jpg) top center repeat-x;
}

a {color:#5c93be;text-decoration:none;}
a:hover {text-decoration:underline;}

ul {}
li {}
h1 { font-size: 16px; margin-top: 0; }
h2 {font-size: 15px; margin-top: 0; }
h3 {font-size: 14px; margin-top: 0; }
h4 {font-size: 12px; margin-top: 0; }


#background_container
{
    margin:0 auto;
    width:100%;
    height:100%;
}

img {
	padding:0;
	margin:0;
	border:none;
}

.img_bordered, .hl_bordered img
{
border: solid 1px #999999 !important;
}


form {
    padding:0;
    margin:0;
}

form select, form input, form textarea {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px; 
}


/* Container */
#container {
    height: 100%;
	margin: 0 auto;
    width:920px;
	background-color: #FFFFFF;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;

	
}
#inner 
{
    height: 100%;
    margin:0 auto;
    background-color:#f6f4db;
 
/*background: url('../images/bg-container-bottom.jpg') no-repeat 0 100%;*/
}


/* header */
#header
{
height:100px;
    background:transparent url(../images/background.gif) top center no-repeat;
}
#logo
{
    float:left;
    margin: 12px 20px 0 20px;
}

#header .donate
{
float:right;
margin: 20px 20px 0 20px;
}
#header .donate a
{
    background: #d17b00 url('../images/btn-donate.jpg') no-repeat scroll bottom left;
    display: block;
    height: 34px;
    width: 160px;
    text-indent: -2000px;
}
#header .donate a:hover
{ 
    background: #d17b00 url('../images/btn-donate-dn.jpg') no-repeat scroll bottom left;
}

#navigation
{
}


#navigation ul
{
display: block;
list-style-type:none;
	padding:0;
	margin:0;
}

#navigation ul li 
{
    float:left;
	padding:0;
	margin:0;

}

#navigation ul li a
{
    display: block;
    padding: 5px 10px 5px 10px;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#d17b00;
    border-right:solid 1px #fff;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
}

#navigation ul li a.sel
{
    color: #FFFFFF;
    background-color: #1F446E;
}
#navigation ul li a.sel:hover
{
    color: #FFFFFF;
}

#navigation ul li a:hover
{
    color: #1F446E;
    text-decoration: none;
}

#content
{
    padding: 15px;
    width:610px;
    float:left;
    background-color: #FFFFFF;
    overflow: hidden;
    border-top: solid 1px #D8DFE7;
    border-bottom: solid 1px #D8DFE7;

}

#column
{
    padding: 15px;
    border-top: solid 1px #D8DFE7;
    border-left: solid 1px #D8DFE7;
    width:249px;
    min-height: 374px;
    float:right;
    background: #d17b00 url('../images/bg-right.jpg') repeat-x scroll top left;
    color: #FFFFFF;
}

#column p
{
    background-color: White;
    padding: 10px;
    color: #666666;
}

#footer
{   
    border-top:solid 1px #fff;
    display: block;
    clear: both;
    color: #A89173;
    background-color:#f6f4db;
    padding: 20px;
    text-align: center;
}

img.left
{
    float: left;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: solid 1px #999999;
}

img.right
{
    float: right;
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: solid 1px #999999;
}


.selectborder
{ 
    border-bottom: dashed 1px #ddd;
}
.selectitem
{
    cursor:default;
    margin: 2px;   
}
.selecttext
{         
    width: 100%;
    text-align: left;
}


.finalevilalbum a
{
    width: 90px;
    height: 90px;
    background-color: #E9E9E9;
    border: 1px solid #888; /*padding: 5px 5px 10px;*/
    padding: 5px 0 0 0;
    display: block;
    float:left;
    margin: 4px;
    text-align: center;
}

.finalevilalbum a:hover
{
    width: 90px;
    height: 90px;
    background-color: #FBFBFB;
    border: 1px solid #333; /*padding: 5px 5px 10px;*/
    padding: 5px 0 0 0;
    display: block;
    float: left;
    margin: 4px;
    text-align: center;
}

.finalevilalbum img {border:0px;}

