body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#ddd;
	}
	#wrap {
		width:800px;
		margin:0 auto;
		background:#fff;
	}
	#header {
                float:left;
                width:100px;
    	        padding:5px 10px;
		background-color:transparent;
	}
	h1 {
	    margin:0;
    }
	#nav {
                float:right;
                width:640px;
                height:45px;
		padding:20px 0px 20px 20px;
		background:gray;
	}
	#main {
		float:left;
               min-height:350px;
		width:780px;
		padding:10px;
		background-color:transparent;
	}
	#coll {
		float:left;
		width:440px;
                padding:10px 20px
	}
	#colr {
		float:right;
		width:180px;
               height:350px;
	}
	#colmain {
		float:right;
               min-height:350px;
		width:650px;
		padding:10px;
	}
	#colmain1 {
		float:right;
		width:650px;
		padding:10px 10px 0px 10px;
	}
	#colmain2 {
		float:right;
		width:550px;
		padding:10px 10px 10px 100px;
	}
       #bgducks {
            background: url(./ducks.jpg) 0% 0% no-repeat;
opacity:0.20;
filter: alpha(opacity = 20);
width:640px;
height:400px;
position:relative;
left:100px;
top:120px;
z-index:1;
        }
	h2 {
		margin:0 0 1em;
	}
	#footer {
		clear:both;
                margin:20px;
                padding:5px 30px;
		background-color:transparent;
	}
        #copyright {
		clear:both;
		padding:5px 10px;
		background:gray;
	}
	* html #footer {
		height:1px;
	}

  h1 { margin-left: -8%;}
  h2,h3,h4,h5,h6 { margin-left: -4%; }

h1 {font: 40px verdana,sans-serif; color:#00BFFF}
h2, a {font: 25px verdana,sans-serif; color:#00BFFF}
p, body {font: 14px verdana,sans-serif;}
.high {font: 14px verdana,sans-serif; color:#00BFFF}
.sub {font: 18px verdana,sans-serif; color:#00BFFF; font-weight: bold}
.qtn {font: 16px verdana,sans-serif; color:red}
.case {font: 14px verdana,sans-serif; color:#00CCA6}
.caption {font: 18px verdana,sans-serif; color:black}
a {padding: 3px;}

a.med:link              { color:#00BFFF; text-decoration:none; font-size:22px; }
a.med:visited           { color:#00BFFF; text-decoration:none; font-size:22px; }
a.med:hover             { color:white; text-decoration:none; font-size:22px; }
a.med:active            { color:red; text-decoration:none; font-size:22px; }

a.rssmed:link              { color:#00BFFF; text-decoration:none; font-size:25px; }
a.rssmed:visited           { color:#00BFFF; text-decoration:none; font-size:25px; }
a.rssmed:hover             { color:gray; text-decoration:none; font-size:25px; }
a.rssmed:active            { color:red; text-decoration:none; font-size:25px; }

a.sm:link              { color:#00BFFF; text-decoration:none; font-size:16px; }
a.sm:visited           { color:#00BFFF; text-decoration:none; font-size:16px; }
a.sm:hover             { color:gray; text-decoration:none; font-size:16px; }
a.sm:active            { color:red; text-decoration:none; font-size:16px; }

.big {color:gray; background-color:white; text-decoration:none; font-size:22px; padding:150px 5px;}
.sma {color:#00BFFF; text-decoration:none; font-size:10px;}
.footer {color:white; text-decoration:none; font-weight:bold; font-size:10px;}

a.big:link              { color:#00BFFF; text-decoration:none; font-size:22px; padding:0px 10px; }
a.big:visited           { color:#00BFFF; text-decoration:none; font-size:22px; padding:0px 10px; }
a.big:hover             { color:white; text-decoration:none; font-size:22px; padding:0px 10px; }
a.big:active            { color:red; text-decoration:none; font-size:22px; padding:0px 10px; }

a.info{
font-size:14px;
    position:relative; /*this is the key*/
    z-index:24;
    color:#00CCA6;
    text-decoration:none}

a.info:hover{z-index:25; color:#fff; background-color:#00BFFF;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-1em; width:650px;
    border:1px solid #000;
    background-color:#ddd; color:#000;
    padding:10px;
}


.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width:120px}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

#yellowbox {
width:1px;
height:100px;
position:relative;
left:10px;
top:300px;
z-index:1;
        }

a.yb:link              { color:#000; text-decoration:none; font-size:16px; padding: 0px; }
a.yb:visited           { color:#000; text-decoration:none; font-size:16px; padding: 0px;}
a.yb:hover             { color:white; text-decoration:none; font-size:16px; padding: 0px;}
a.yb:active            { color:white; text-decoration:none; font-size:16px; padding: 0px;}
.bqstart {
     float: left;
     height: 45px;
     margin-top: -40px;
     padding-top: 25px;
     margin-bottom: -10px;
     font-size: 500%;
     color: #00BFFF;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: -20px;
     padding-top: 0px;
     font-size: 500%;
     color: #00BFFF;
 }

#toggle
{
  width:650px;
  float:right;
  min-height:50px;
  padding:10px 10px 0px 10px;
}

div#testimonials
{
  display: none;
  float:right;
  width:650px;
  padding:10px 10px 0px 10px;
}