/* CSS Document */
/*--------(((HTML)))... place this code with link above last header tag in html page-------*/
/*--- <link rel="stylesheet" type="text/css" href="file:///C:/Websites/template/master.css"/> ---*/
/*----------------------------------------------text ---------*/
html, body, ul, ol, li, p, p2, p3, h1, h2, h3, h4, h5, h6, form, fieldset 
{
margin: 0;
padding: 0;
border: 0;
}
/*------------h1 / headers and left links ---------*/	
h1 {font:bold 16px Trebuchet MS, Verdana, Arial;color:#04434C;line-height:100%; padding:5px 5px}
/*------------h2 / copyright white ---------*/
h2 {font:11px Trebuchet MS, Verdana, Arial;color:#ffffff;line-height:120%; padding:5px 5px}
/*------------h3 / sub headers ---------*/
h3 {font:bold 14px Trebuchet MS, Verdana, Arial;color:#7A4861;line-height:100%; padding:5px 5px}
/*------------h4 / testimonials (italic brown) ---------*/
h4 {font:bold italic 10px Trebuchet MS, Verdana, Arial;color:#703509;line-height:100%; padding:5px 5px}
/*------------p / standard green text ---------*/
p {font:12px Trebuchet MS, Verdana, Arial;color:#5E690D;line-height:120%;padding:5px 5px}
/*-------------------------------------------hyperlinks-------*/
a
{
text-decoration: none;
}
a:link {color: #EBFB5D}
a:visited {color: #EBFB5D}
a:hover {color: #ffffff}
a:active {color: #ffffff}

a.sub:link {color: #7A4861}
a.sub:visited {color: #7A4861}
a.sub:hover {color: #ffffff}
a.sub:active {color: #ffffff}

/*--------(((BACKGROUNDS))) (must have "body" as selector-------*/
/*--------can also use "repeat" or use a shorthand "declaration" such as: 
background: #00ff00 url('images/photo4.jpg') no-repeat fixed-------*/
body 
{
background-image:url('images/background.jpg');
background-repeat:repeat;
background-attachment:absolute;
background-color: #000000;
z-index:0;
}
/*---------------------------------------wrapper-----*/
#wrapper
{
position:relative;
width:1000px;
left:0px;
top:0px;
background-color:transparent;
}
#flash
{
z-index:2000;
position:absolute;
margin-left:240px;
top:8px;
background-color:transparent;
z-index:2;
}
#body1 
{
z-index:1;
margin-left:0px;
margin-top:0px;
position:relative;
}
/*---------------------------------------containers-----*/
#navigation 
{
width:560px;
height:30px;
left:414px;
top:167px;
position:absolute;
background-color:transparent;
z-index: 2;
}
#columnlft 
{
width:180px;
text-align:center;
vertical-align: text-top;
position:absolute;
height:300px;
left: 42px;
top: 275px;
background-color:transparent;
z-index: 2;
}
/*-------- -------*/
#middle
{
background-color:transparent;
text-align:center;
width:410px;
height:400px;
position:absolute;
left: 280px;
top: 200px;
z-index: 2;
}
#middleleft
{
background-color:transparent;
text-align:center;
width:210px;
height:400px;
position:absolute;
left: 265px;
top: 200px;
z-index: 2;
}
#middleright
{
background-color:transparent;
text-align:center;
width:210px;
height:400px;
position:absolute;
left: 500px;
top: 200px;
z-index: 2;
}
#columnrt 
{
width:180px;
height:400px;
position:absolute;
vertical-align: text-top;
text-align:center;
left: 774px;
top: 250px;
background-color:transparent;
z-index: 2;
}
/*--------(footertext) is for pages with purse-------*/
#footertext
{
background-color:transparent;
top:500px;
left:95px;
text-align: center;
z-index: 2;
}
#copyright1
{
position:absolute;
text-align: center;
z-index:0;
font-size:9px;
color:#FFFFFF;
font-family:verdana,arial,helvetica,sans-serif;
width:800px;
height:auto;
left:100px;
top:685px;
margin:0;
padding:2px;
}
#twitter
{
position:absolute;
z-index:0;
width:200px;
height:auto;
left:1000px;
top:10px;
margin:0;
padding:2px;
}
#socialmedia
{
position:absolute;
z-index:1;
width:100px;
height:auto;
left:810px;
top:220px;
margin:0;
padding:2px;
}
div.scroll 
{
height: 300px;
width: 425px;
overflow: auto;
border: 1px solid transparent;
background-color: transparent;
padding: 3px;
}
</style>