/*****************************************************

					  Eric Bollens
					eric.bollens.net

*****************************************************/

/*****************************************************

	  1 .... Reset Styles
	  2 .... Standards
      3 .... Layout Elements

*****************************************************/





/*****************************************************
				1 - Reset Styles
*****************************************************/

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, sub, sup, 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;
        text-decoration:none;
        vertical-align:baseline;
    }
    
:focus {
        outline:0;
    }
    
body { 
        line-height:1;
        color:black;
        background:white;
    }

ol, ul { 
        list-style: none;
    }

table { /* cellspacing must still be defined in markup */
        border-collapse:separate;
        border-spacing:0;
    }
    
caption, th, td {
        text-align:left;
        font-weight:normal;
    }

blockquote:before, blockquote:after,q:before, q:after {
        content: "";
    }
    
blockquote, q {
        quotes: "" "";
    }




    
/*****************************************************
				  2 - Standards
*****************************************************/

body{
        font-family:Georgia,'Times New Roman',times,serif;
        line-height:1.3em;
        min-height: 100%;
    }
    
p, h1, h2, h3, h4{  
        margin:0 0 10px 0;
    }

p{
        font-size:.9em;
}
    
h1{
        font-weight:bold;
        font-size:2em;
        color:#888888;
    }

h2{
        font-weight:bold;
        font-size:1.2em;
    }

h3{
        font-weight:bold;
        font-size:1.2em;
        padding-bottom:12px;
    }

h4{
        font-weight:bold;
        font-size:1em;
        padding-bottom:12px;
    }

h1{
        padding:0 0 12px 0;
        text-transform:uppercase;
        text-align:right;
    }

ul li{
        list-style-type:disc;
        margin: 0 15px 10px 35px;
        text-align:justify;
    }

ol li{
        list-style-type:upper-roman;
        margin: 0 15px 10px 35px;
        text-align:justify;
    }

a{
        text-decoration:none;
        font-weight:bold;
    }

a:hover{
        text-decoration:underline;
    }

p.bold, span.bold{
        font-weight:bold;
    }

p.large, span.large{
        font-size:150%;
        font-weight:bold;
    }

p.small, span.small{
        font-size: 90%;
    }

li{
    font-size:.9em;
}

img.left{
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

img.right{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}




    
/*****************************************************
			    3 - Layout Elements
*****************************************************/


body{
    background-color:#060f28;
    font-family:Helvetica,Arial,sans-serif;
}

div#top{
    background-color:#060f28;
    text-align:center;
    background-image:url('images/topbg.jpg');
    background-repeat:repeat-x;
    background-position:top left;
    height:116px;
    width:100%;
}

div#container{
    background-color:#c9cacf;
    padding:20px;
    min-height: 500px;
}

div#highlight{
    padding-bottom:20px;
    border-bottom:1px solid #AAA;
}

div#highlight table{
    line-height:1.3em;
    font-size:.9em;
}

div#highlight table td{
    height:64px;
    vertical-align:top;
}

div#highlight table td.description{
    width:300px;
}

div#highlight p, div#highlight h2{
    padding:0;
    margin:0;
}

div#highlight a{
    color:#232c5a;
}

div#highlight a:hover{
    color:#434d80;
}

div#content{
    padding-top:20px;
}

div.errors{
    margin-left:50px;
    color:#8c0000;
}

div#basic-form{
    float:right;
    /*background-color:#fff1d3;
    width: 300px;
    padding: 4px;
    margin: 10px;
    border: 1px solid #AAA;
    font-size:.85em;*/
    width: 350px;
    border-left: 1px solid #AAA;
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    
}

div#basic-form img{
    float: right;
    margin-left: 10px;
}

div#basic-form form *{
    display:block;
    font-family:Helvetica,Arial,sans-serif;
    font-size:.8em;
    width: 250px;
}

div#basic-form textarea{
    height: 100px;
}

div#basic-form textarea, div#basic-form input, div#basic-form select{
    background-color: #EEE;
    border:1px solid #AAA;
    padding: 4px;
    font-size:.8em;
}

div#basic-form input.submit{
    background-color:#FFF;
    border:1px solid #444;
}

div#bottom{
    padding:20px 0 20px 0;
    text-align:center;
    font-size:.8em;
    color:#FFF;
}