/* @override http://www.lqgraphics.com/alt/css/layout.css */


/* BEGIN SITE */

#site-wrap {
	min-height: 768px;
}

/* END SITE */

/* BEGIN HEADER */

#header-wrap {
    background-color: rgb(0,135,196);
}

#header {
    margin: 0px auto; /* change 2nd argument to auto to center */
    width: 612px;
}

#header img {
	margin-top: 0px;
}

/* END HEADER */

/* BEGIN FOOTER */

#footer-wrap {
	margin: 10px;
}

#footer {
    border-color: gray;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    margin: 0px auto; /* change 2nd argument to auto to center */
    padding-top: 8px;
    width: 960px;
    }

/* END FOOTER */

/* BEGIN CONTENT */

/* Content is the area below the header and above the footer */

#content-wrap {
	margin: 10px;
}

#content {
    padding: 0px;
    margin: 0px auto; /* change 2nd argument to auto to center */
    width: 960px;
    }

/* BEGIN twocolumn-right160 LAYOUT (SIDEBAR ON RIGHT) */

.twocolumn-right160 {
}

.twocolumn-right160-content-wrap {
	margin: 0 160px 0 0;
}

.twocolumn-right160-content {
	padding: 4px;
}

.twocolumn-right160-sidebar-wrap {
	float: right;
	width: 160px;
	vertical-align: top;
}

.twocolumn-right160-sidebar {
	padding: 4px;
}

/* END twocolumn-right160 LAYOUT */

/* BEGIN twocolumn-right200 LAYOUT (SIDEBAR ON RIGHT) */

.twocolumn-right200 {
}

.twocolumn-right200-content-wrap {
	margin: 0 200px 0 0;
}

.twocolumn-right200-content {
	padding: 4px;
}

.twocolumn-right200-sidebar-wrap {
	float: right;
	width: 200px;
	vertical-align: top;
}

.twocolumn-right200-sidebar {
	padding: 4px;
}

/* END twocolumn-right200 LAYOUT */

/* BEGIN twocolumn-right240 LAYOUT (SIDEBAR ON RIGHT) */

.twocolumn-right240 {
}

.twocolumn-right240-content-wrap {
	margin: 0 240px 0 0;
}

.twocolumn-right240-content {
	padding: 4px;
}

.twocolumn-right240-sidebar-wrap {
	float: right;
	width: 240px;
	vertical-align: top;
}

.twocolumn-right240-sidebar {
	padding-left: 10px;
}

/* END twocolumn-right240 LAYOUT */

/* BEGIN TWOCOLUMN-LEFT LAYOUT (SIDEBAR ON LEFT) */

.twocolumn-left {
    }

.twocolumn-left-sidebar {
    float: left;
    margin: 0px 32px 0px 0px;   /* top right bottom left */
    padding: 0px;
    }

.twocolumn-left-content {
    }
    
.twocolumn-left li {
	list-style-position: inside;
	margin-left: 8px;
}

/* END TWOCOLUMN-LEFT LAYOUT */

/* In two column navigator/content, left content is the navigator area */

.twocolumn-left160-wrap {
}

.twocolumn-left160 {
}

.twocolumn-left160-sidebar-wrap {
    float: left;
    margin: 0px 0px 0px 0px;   /* top right bottom left */
    width: 160px;            /* 160px (left content width) */
    }

.twocolumn-left160-sidebar {
    padding: 0px 0px 20px 0px;  /* top right bottom left */
}

.twocolumn-left160-sidebar p {
    margin-left: 0px;
    }

.twocolumn-left160-content-wrap {
	margin-left: 160px;
}

.twocolumn-left160-content {
    padding: 0px 0px 0px 0px;
    /* don't specify a width here. that makes the left content (with table) more flexible */
    /* may have to revise this when leftcontent is used. */
    }

/* In two column navigator/content, right content is the content area */

/* END CONTENT */