/* two column layout with header and footer CSS
by http://hobbylobby.wordpress.com/
*/

html, body {
/*
to be used with both 2 and 3 col layouts
*/
height: auto;
font-family: sans-serif;
font-size: 100%;
margin: 0px;
}

table{

}

td{
vertical-align: top;
    
}

.padded_table{
padding:10px;
}

.padded_table td{
padding-right: 50px;    
}
P,TD{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

H1{
font-weight: 900;
font-size: 165%;
}
H2{
font-weight: 900;
font-size: 165%;
}

H6{
font-weight: bold;
font-size: 165%;
}

#wrapper {
/*
to be used with both 2 and 3 col layouts
*/
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
//  border-style: solid;
//  border-color: #C9E2E9;
//  border-width: thick;

}
#newsflash {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
border-style: solid;
//  border-color: #C9E2E9;
border-width: thin;
padding: 13px 13px 13px 13px;

}
#header {
/*
to be used with both 2 and 3 col layouts
*/
position: relative;
left: 0;
top: 10px;
width: 100%;
height: 5%;
color: #C9E2E9;
// padding: 13px 13px 13px 13px;
// border-style: dashed;
// border-color: #C9E2E9;
// border-width: thick;

}



#sidebar {
/*
for use with the 2-col layout – the left sidebar
*/
position: relative;
/*margin-right: 10px;*/
top: 20px;
/*left: 1%;*/
width: 25%;
color: #A25F08;
border-width: 3px;
/*padding: 13px 13px 13px 13px;*/
//border-style: dashed;
//border-color: #C9E2E9;
//border-width: thick;


}

.menu-left{

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu-left TD{
padding:4px;
font-weight: 900;
font-variant: small-caps;
text-decoration: none;
text-align: center;
}

.menu-left TD A{
text-decoration: none;
color: blue;
}

.menu-left TD A:hover{
text-decoration: underline;
color: #D61C29;
}

.source-image {
	Position:relative;
	width:80%;
	top: 0;
	left: 0;
}

#two_col_content {
/*
for use with the 2-col layout – the main content area
*/
position: relative;
float: right;
top: 20px;
/*left: 20%;*/
width: 70%;
min-height:550px;
/*margin-right: 23%;*/
border-width: 3px;
padding: 13px 13px 13px 13px;
// border-style: dashed;
// border-color: #A25F08;
// border-width: thick;

}

/* footer tools folow ———————————————–*/

.clear {
line-height: 0px;
font-size: 0px;
clear: both;
height: 0px;
}

#sock {
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
/* the only difference between the #wrapper and the #sock is
that the sock is positioned relative */
}

#footer {
/* for this to work, the footer -must- be wrapped inside the #sock
–and– come after the .clear div */
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
width: 70%;
background: #ddd;
text-align: center;
font-size:80%;
}

/* end of footer tools ———————————————-*/

#footlight{
position:absolute;
top:0px;
z-index:-1;
}


/* form tools follow--------------------*/
label
{
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 14em;
} 
input, textarea
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
}

input .submit
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
width:25;
} 
fieldset
{
border: 1px solid #781351;
width: 40em;
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px;
}