/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffc6;
text-align:center;
}

.top {
margin:0 auto;
padding:0 0 0 0;
width:1000px;
height:1px;
}

.page_wrap {
/* includes the header, main body content and the footer */
margin:0 auto;
padding:0px 0px 0px 0px;
width:1000px;
text-align:left;
}

/* Header Section */

#header 
{
    width:1000px;
    margin-top:5px;
}
        #form1
        {
            width: 1000px;
        }
        .logo
        {
            width: 142px;
            height: 137px;
            position:relative;
            float:left;
        }
        .top_box_left
        {
            width: 165px;
            position:relative;
            float:left;
			color:#005500;
			font-size:1.1em;
			font-weight:bold;
        }
        .top_box_center
        {
            width: 350px;
            height: 122px;
            position:relative;
            float:left;

        }
        .TopRight
        {
            width: 340px;
            height: 137px;
            position:relative;
            float:left;
            left: 0px;
            top: 0px;
}

#menubar {
	clear:both;
    position:relative;
    float:left;
	width:800px;
	background:transparent;
    text-align:left;
}

			.menu  {
						height: 28px;
						width: 785px;
						text: times new roman, times, serif;
						font-size: .9em;
			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						font-size: 1.2em;
						background: url(http://www.globalgaragesale.net/img/onbutton.gif) no-repeat;
						width: 95px;
						height: 28px;
	                    overflow:hidden;/* for ie to hide extra height*/
						text-align: center;
						margin-left: 3px;	
			}
			.cssnav a {
						display: block;
						color: #FFFF00;
						float: left;
						font-size: 1.3em;
						width: 95px;
						height: 28px;
						display: block;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #005500;
						background-color: transparent;
			}
			

			.cssnav img {width: 95px; height: 28px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
					    position: absolute;
					    left: -28px; bottom: 1px;
					    text-align: center;
					    width: 150px;
					    cursor: pointer;
						font-family: georgia; 
			}
.logincontent {
    position:relative;
    float:left;
	width:200px;
    text-align:left;
    top: 0px;
    left: 0px;
}

#breaker
{
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #FFFFFF;
    clear: both;
    width: 1000px;
    color: #ffff00;
}
#timelineL
{
    position: relative;
    float: left;
    width: 500px;
    text-align: left;
    background-color: #005500;
    height:19px;
	}

#timelineR
{
    position: relative;
    float: left;
    width: 500px;
    text-align: right;
    background-color: #005500;
    height:19px;
}

/* Main Content */
.TotalContent {
	clear:both;
	position:relative;
	width:1000px;
	border-top-style: solid; 
	border-top-width: 3px;
	border-color:#ffffc6;
}
.leftcolumn {
position:relative;
float:left;
width:160px;
background:transparent;
font-size:.9em;
color:#000000;
text-align:left;
}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ffffff;
color:#005500;
width:140px;
padding:2px;
text-align:left;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
.centercolumn
{
   position:relative;
   float:left;
   width:660px;
   padding: 0 0 0 5px;
   border-left :1px solid #999999;
}
.rightcolumn
{
position:relative;
float:right;
width:160px;
background:#CCCCFF;
border:1px solid #cccccc;
text-align:center;
color:#000000;
font-size:.9em;
padding:5px 5px 5px 5px;
}

h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}
.footer
{
    clear: both;
    padding: 0 0 0 0;
    width: 1000px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #000000;
    background: transparent;
    text-align: right;
}

.footer_logo {
position:relative;
float:right;
margin:0 0 0 5px;
padding:0 0 0 0;
    top: 0px;
    left: 0px;
    width: 75px;
}

/* fonts and colors */
h1 {
color:#005500;
font-family:Times, New Time Roman, sans-serif;
font-size:2em;
letter-spacing:.1em;
margin:65px 0 0 0;
padding:20px 0 0 0;
}

h2 {
color:#000000;
font-size:1.2em;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -6px 0;
}

h3 {
color:#000000;
font-size:1.1em;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -8px 0;
}