﻿/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#FFFFFF;
    background: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:2.6em;
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
}

h2
{
	font-size:1.8em;
	font-weight:normal;
	color:#84887A;
}
  
h3
{
	font-size:1.2em;
	font-weight:normal;
	color:#C7E07A;
	padding:2px 0 5px 0;
}

h4
{
    font-size:1.1em;
    color:#ACDF10;
    padding:0 0 20px 0;
	font-weight:normal;
}

h5{font-weight:bold;}

p
{
	padding:5px 0 10px 0;
	font-size:1em;
}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/
.strap
{
	font-size:1.5em;
	color:#C7E07A;
	display:block;
	padding-top:10px;
}

/**********************************************************************************
=Links
**********************************************************************************/

a {color:#FFFFFF;}
a:hover {text-decoration:none;}

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
	}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.gif) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1009px;
	font-size:1.2em;
}
	
#wrapper
{
    background:#15180B url(../images/bg_top.gif) no-repeat top left;
    min-height:521px;
    height:auto!important;
    height:521px;
}

#wrapper2
{
    background:url(../images/bg_bottom.gif) no-repeat bottom left;
    min-height:366px;
    height:auto!important;
    height:366px;
    padding:140px 0 15px 18px;
}

#search
{
    color:#C7E07A;
    float:left;
    border:1px dotted #C7E07A;
    padding:15px;
    background:url(../images/bg_search.png);
    width:175px;
    margin:10px 0 0 0;
}
    #search h2
    {
        font-size:2.2em;
        font-weight:bold;
        padding:0;
        color:#C7E07A;
    }
    #search span
    {
        color:#FFFFFF;
        display:block;
        padding:5px 0 5px 0;
    }
    #search input
    {
        width:140px;
        float:left;
        margin:0 0 5px 0;
        border:2px solid #C7E07A;
    }
        #search input.required
        {
            border:2px solid #E07A7A;
        }
    #search input.button
    {
        width:23px;
        float:left;
        margin-left:5px;
        border:0;
    }

#content
{
    width:500px;
    float:left;
    margin:0 0 0 50px;
}

    #content_panel
    {
        border:1px dotted #C7E07A;
        padding:10px;
        margin:10px 0 0 0;
    }
        #content_panel2
        {
            border:2px solid #2E3123; 
            padding:20px;
        }

    #copyright
    {
        margin:50px 0 0 0;
    }

#footer
{
    border-top:3px solid #C7E07A;
    padding-left:15px;
}
    #footer img{margin-right:14px;}
	  

.results, .list, .pledge
{
    width:100%;
    margin:20px 0 0 0;
}

    .results th, .list th, .pledge th
    {
        font-size:1.1em;
        color:#ACDF10;
        padding:0 0 5px 0;
    }
        .pledge th{vertical-align:top;padding:0 0 10px 0;}
    
    .results td
    {
        height:22px;
        line-height:22px;
        padding:0 0 10px 0;
    }
    .pledge td{vertical-align:top;padding:0 5px 10px 5px;}
    
    .results a, .list a, a.back, a.external
    {
        color:#FFFFFF;
        text-decoration:none;
    }
        .results a:hover
        {
            color:#C7E07A;
        }
        
        a.external
        {
            padding-right:15px;
            background:url(../images/a_contact.gif) no-repeat 100% 65%;
        }
        
        a.external:hover
        {
            background:url(../images/a_contact_hover.gif) no-repeat 100% 65%;
            color:#C7E07A;
        }
        
    .list td
    {
        padding:0 0 5px 0;
    }
        
        .list a
        {
            padding-right:8px;
            background:url(../images/a_go.gif) no-repeat 100% 65%;
            color:#FFFFFF;
        }
            .list a:hover
            {
                background:url(../images/a_go_hover.gif) no-repeat 100% 65%;
                color:#C7E07A;
            }
            
        .list a.noarrow
        {
            padding-right:0;
            background:none;
            color:#FFFFFF;
        }
            .list a.noarrow:hover
            {
                padding-right:0;
                background:none;
                color:#C7E07A;
            }
            
    a.back
    {
        margin:20px 0 0 0;
        padding:0 0 0 10px;
        background:url(../images/a_back.gif) no-repeat 0 65%;
        color:#FFFFFF;
    }
        a.back:hover
        {
            padding:0 0 0 10px;
            background:url(../images/a_back_hover.gif) no-repeat 0 65%;
            color:#C7E07A;
        }
