body{
margin:0;
padding:0;
line-height: 1.0em;
background:#f1f1f1 url(images/body_bg.jpg) repeat-x;
}


#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-left:solid 1px;
border-right: solid 1px;
}

#topsection{
background: #EAEAEA;
height: 145px; /*Height of top section*/
background-color: #ffffff;
background-image:url(images/header1.gif);
background-repeat:no-repeat;
}

#paypal{
background: #EAEAEA;
height: 54px; /*Height of top section*/
width:121px;
background-color: #ffffff;
background-image:url(images/paypallogo.jpg);
background-repeat:no-repeat;
}


#topsection1{
background:;
color:;
text-align: center;
padding: 0px 0;
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}



#formcolumn{
margin: 0 100px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
height:1500px;
width: 160px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
background: #003366;

}

#leftsideimage{
background-image:url( images/exitsidebar.gif);
margin-top: 400px;
}

#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 900px;
background: black;
text-align: center;
padding: 1px 0;
}

#footer a{
color: #yellow;
}

#feature{
background:silver;
background-repeat:no-repeat;
width:150px;
height:210px;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/

}

a.nav:link { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:12px; }
a.nav:visited { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:12px; }
a.nav:hover { color:#ffff00; text-decoration:underline; font-weight:bold;
 font-family:arial; font-size:12px; }


a.list:link { color:blue; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:14px; }
a.list:visited { color:blue; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:14px; }
a.list:hover { color:red; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:14px; }



a.djr:link { color:#99ccff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.djr:visited { color:#99ccff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.djr:hover { color:#66ccff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }


a.my:link { color:#003333; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.my:visited { color:#003333; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.my:hover { color:#006666; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }

a.listing:link { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.listing:visited { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:11px; }
a.listing:hover { color:#ffff00; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:12px; }

a.airport:link { color:#006666; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:18px; }
a.airport:visited { color:#006666; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:18px; }
a.airport:hover { color:#006666; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:20px; }

a.side:link { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center; }
a.side:visited { color:#ffffff; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center;  }
a.side:hover { color:#ffff00; text-decoration:underline; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center;  }

a.paypal:link { color:blue; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center; }
a.paypal:visited { color:blue; text-decoration:none; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center;  }
a.paypal:hover { color:red; text-decoration:underline; font-weight:bold;
 font-family:arial; font-size:13px;text-align:center;  }




h1{
padding-top:20px;
padding-left:5px;
font-size:18px;
margin: 0;
}

h2{
font-size:18px;
padding-top:10px;
padding-left:10px;
margin: 0;
}

h3{
font-size:18px;
font-family:comic sands;
padding-top:20px;
padding-left:10px;
margin: 0;
color:blue;
}

h4{
font-size:15px;
font-family:comic sands;
padding-top:px;
padding-left:10px;
margin: 0;
color:blue;
}

h5{
font-size:16px;
font-family:comic sans;
padding-top:20px;
margin: 0;
color:black;
line-height: 1.5em;
}

h6{
padding-top:20px;
padding-bottom:10px;
font-size:14px;
font:bold;
margin: 0;
text-align:center;
}

h7{
font-size:20px;
}

listinfo{
font-size:14px;
font-weight: bold;
font-color:white;
}

listanswer{
font-size:14px bold arial;
color:#ffffff;
}

p{
font-size:14px;
padding-left: 5px;
}



li{
font-size:13px;
font:bold;
padding-left:px;
}




.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: blue;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: center;
top:-100px;
left: -500px; /*position where enlarged image should offset horizontally */

}


<-- end Map Rollover For Unit #'s --->

.maprollover{
position:absolute;
z-index: 0;
}

.maprollover:hover{
background-color: transparent;
z-index: 50;
}

.maprollover span{ /*CSS for enlarged image*/
position:absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.maprollover span img{ /*CSS for enlarged image*/
border-width: 0;

padding: 2px;
}

.maprollover:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: px;
left: 100px; /*position where enlarged image should offset horizontally */

}



<-- end Map Rollover For Unit #'s --->



<-- start of gallery container for listings page -->



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.listingnail img{

margin: 0px 0px 0px 0px;
}

.listingnail:hover{
background-color: transparent;
}

.listingnail:hover img{
border: 0px solid blue;
}

.listingnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.listingnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.listingnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -402px;
left: 7px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

<-- end of gallery container for listings page-->



.feature1{
position: relative;
z-index: 0;
}

.feature1:hover{
background-color: transparent;
z-index: 50;
}

.feature1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: green;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.feature1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.feature1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: center;
top:-200px;
left: -500px; /*position where enlarged image should offset horizontally */

}






.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 525px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 5px 10px 10px 5px;
}















.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}




















.mattblacktabs{
width: 100%;
overflow: hidden;
background:#336699;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 22px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #336699; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:current{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 22px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: black; /*background of tabs (default state)*/
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}