@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #282828 url(gfx7/background.gif);
	margin: 0;
	padding: 0;
	color: black;
}
.twoColHybridLeftHdr #container {
	width: 80%;
	background: white;
	margin: 0 auto;
	border: 1px solid black;
	font-size: small;
	line-height: 1.5;
}
.twoColHybridLeftHdr #header {
	background: white;
	border: 1px white solid;
}
.twoColHybridLeftHdr #header h1 {
	margin: 0 auto;
	padding: 12px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-indent: -999em;
	background: url(../_gfx/01/guides.jpg) no-repeat center;
	height: 31px;
	width: 380px;
}

/* Sidebar strategy:
1. Since we'e working with ems, it's best not to use padding on the sidebar. It will be added to the overall width, creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/

.twoColHybridLeftHdr #sidebar1 {
	float: left;
	width: 14em; /* floated elements must have a width */
	background: #900;
	padding: 6px 0;
}
.twoColHybridLeftHdr #sidebar1 h3, .twoColHybridLeftHdr #sidebar1 p, .twoColHybridLeftHdr #sidebar1 li {
	margin: 10px; /* L+R margins should be given to every element in the sidebar */
}
.twoColHybridLeftHdr #sidebar1 ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.twoColHybridLeftHdr #sidebar1 h3 {
	font: large "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
/* mainContent */

/* It's possible to cause FLOAT DROP (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. With a hybrid layout (percentage-based overall width + elastic sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar and thus, less room in the mainContent div. Be aware of this limitation. */

.twoColHybridLeftHdr #mainContent {
	margin: 0 0 0 14.8em;
	background: #e7e7e7;
	padding: 6px 10px;
}
#mainContent h1 {
	text-align: center;
}
#mainContent ol	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainContent ol li {
	margin: 12px 36px 12px 8px;
}
#mainContent ol a:link, #mainContent ol a:visited {
	display: block;
	padding: .1em .8em .1em 28px;
	line-height: 1.5;
	background: #222 url(../_gfx/01/triblade.gif) no-repeat 5px center;
	border: 1px solid black;
	color: #FFF;
	text-decoration: none;
}
#mainContent ol a:hover {
	color: #FFF;
	background-color: #900;
}
#mainContent ol li.right {
	text-align: right;
	margin: 12px 15px 20px 36px;
}

/* CCS-based Horizontal Tabbed Navigation */

#mainContent ul#navigation {
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;
	text-align: center;
	border-bottom: 2px #222 solid;
}
#mainContent ul#navigation li {
	display: inline;
}
#mainContent ul#navigation li a:link, #mainContent ul#navigation li a:visited {
	background: #222;
	padding: .1em .8em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e7e7e7;
	line-height: 1;
	margin: 0 .3em;
	text-decoration: none;
}
#mainContent ul#navigation li a:hover {
	color: white;
	background-color:#900;
}
#mainContent img {
	padding-left: 6px;
	border: none;
	float: right;
}
.twoColHybridLeftHdr #mainContent h1, .twoColHybridLeftHdr #mainContent h2, .twoColHybridLeftHdr #mainContent h3 {
	font: bolder large/2 "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#mainContent blockquote {
	font-size: 0.92em;
	margin: 2.3em 7%;
}
.small {
	font-size: smaller;
}

/* FOOTER */

.twoColHybridLeftHdr #footer {
	padding: 10px;
	background: black;
}
.twoColHybridLeftHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color: #ccc;
	font-size: medium;
}
.twoColHybridLeftHdr #footer a:link, .twoColHybridLeftHdr #footer a:visited {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
.twoColHybridLeftHdr #footer a:hover {
	color: white;
	border-bottom: none;
}

/* FLOATS */

.floatRight {
	float: right;
	margin-left: 8px;
}
.floatLeft {
	float: left;
	margin-right: 8px;
}
.clearFloat { /* place this class on a div or break element to fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	padding: 0;
	margin: 0;
}

/* LINKAGE */

a:link {
	text-decoration: none;
	color: #AB0404;
	border-bottom: dotted 1px #AB0404;
}
a:visited {
	text-decoration: none;
	color: #383838;
	border-bottom: dotted 1px #000;
}
a:hover {
	text-decoration: none;
	color: #DD0000;
	border-bottom: none;
}
a:active {
	text-decoration: none;
	color: #000;
}
#sidebar1 a:link, #sidebar1 a:visited {
	display: block;
	padding: 0.2em;
	line-height: 1.4;
	background-color: #222;
	border: 1px solid black;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#sidebar1 a:hover {
	color: #FFF;
	background-color: #444;
}

/* ADSENSE */

div#adsense {
	width:306px;
	margin-right: 10px;
	float:left;
}
div#adsenseTower {
	margin-left: 8px;
	width: 164px;
	float:right;
}
div#adsense180 {
	margin-left: 8px;
	width: 188px;
	float:right;
}
div.adsense180 {
	margin-left: 8px;
	width: 188px;
	float:right;
}
p.adSense {
	text-align:center;
	margin-bottom: 0;
}
div#sidebar1 #adSenseTowerSideBar {
	text-align: center;
	margin: inherit auto;
}
div#sidebar1 p.adSenseTowerSideBar {
	text-align: center;
	margin: inherit auto;
}

/* ROUNDED CORNERS */

   /* All 4 corners */
.all-four-rounded-corners {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* top-left rounded corner */
.top-left-rounded-corner {
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
/* top-right rounded corner */
.top-right-rounded-corner {
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
/* bottom-left rounded corner */
.bottom-left-rounded-corner {
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
/* bottom-right rounded corner */
.bottom-right-rounded-corner {
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
/* Sidebar block-level links */
#sidebar1 a, #sidebar2 a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}