body {
	margin:0;
	background-color:#FFF;
}
h1 {font-family:Arial, Helvetica, sans-serif;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#777;}
p {line-height:1.5em;}
p.warning {background-color:#FEFFCE; padding:1em;}
acronym {cursor:help;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.floatfix {
	overflow: hidden; /* Firefox */
	float:none;
	clear:both;
}
pre {
	background-color:#000;
	width:95%;
	padding:10px;
	overflow:auto;
	color:#FFF;
	font-family: "Courier New", Courier, mono;
}


#header {
	float:left;
	width:100%;
	height:120px;
	background-image: url(images/redBG120.gif);
	background-repeat: repeat-x;
}

#header div.headerTitle {margin:15px auto 0 auto; width:780px; position:relative; clear:both;}
#header div.headerTitle h1 span {display:none; color:#FFF;}
#header div.headerTitle a {display:block; float:left; width:320px; height:86px; background: transparent url(images/cssbuttons2.gif); background-position:top left; color:#FFF; text-decoration:none;}
#header div.headerTitle small {color:#FFFF99; position:relative; top:55px; left:-30px}

#searchContainer {display:block; float:right; color:#FFFFFF;}
#searchContainer label {font-size:.8em;}
#searchContainer #sbi {float:left;}
#searchContainer #searchWrapper {float:right; margin:0 5px;}

.centerContent {width:780px; margin:0 auto;clear:both; overflow:hidden;} /* Hack - this centers content with floats inside (overflow hack for firefox)*/
#contentWrapper {margin-top:20px;float:left;width:780px;}

#content {width:600px;float:right;}

#sideBar1 {width:170px;float:left;}
#sideBar1 #bookmarkit {margin:10px 0 0 0; border:1px solid #ccc; padding:2px 0; color:#000}
#sideBar1 span.socialbookmarks {display:block; margin:35px 0 0 0;}
#sideBar1 h2 {font-size:1.2em; color:#990000;}
#sideBar1 ul {padding:0; margin:0;}
#sideBar1 ul li {padding:0; margin:0; list-style-type:none;}

a {color:#006699; text-decoration:none;}
a.downloadButton {display:block; float:right; background-image:url(images/download.gif); width:227px; height:87px;}
a.downloadButton span {display:none;}

table.examples {width:100%; border-collapse:collapse;}
table.examples h3 {display:block; margin:5px 0;}
table.examples tr td pre.sampleElement {margin:0 0 30px 0; width:400px; height:35px; overflow:auto;}
	pre.sampleElement {margin:0 0 30px 0; height:35px; overflow:auto;}
table.examples tr td.icons div {border:1px solid #ccc; margin:5px 0;}
table.examples thead th {text-align:center;}
table.examples th { background:red; color:#FFFFFF}
table.examples tr td {border-bottom:1px solid #ddd;padding:10px 0;}
table.examples tr td.icons {text-align:center;}

#content.designing img {margin:0 0 35px 0}

#skinsPage iframe.skinsFrame { width:90%; height:400px; border:0; overflow:auto;}
#skinsPage ul.skinInfo { list-style-type:none; padding-left:0;}
#skinsPage ul.skinInfo li { line-height:1.5em;}

/* AD UNITS */
#adUnit1{margin:35px 0 10px 0;}
#adUnit2 {text-align:center;}
/* Google Generated CSS - This is an Override */
#abg{
	font-family:arial,sans-serif;
	font-size:12px;
	color:#000000;
	padding:0 0 0 6px;
	white-space:nowrap;
}

.sep{height:2px;width:100%;}
.bb{overflow:hidden;width:160px;}
.al{
	font-family:arial,sans-serif;
	font-size:11px;
	width:160px;
	overflow:hidden;line-height:13px;
}
.al .alt, .al a {
	color:#006699;
	font-weight:normal;
	text-decoration:underline;
	white-space:nowrap;
}
/* END AD UNITS */

/* FOOTER */
#footer {
	float:left;
	clear:both;
	width:100%;
	margin:40px 0 0 0;
	background-color:#eee;
	border-top:1px solid #ddd; 
	text-align:center; 
	padding:20px 0;
}

p.copyright  {clear:left;width:100%; text-align:center; white-space:nowrap;}

#bugsFooterLink {float:right; padding:0 10px;}
#bugsFooterLink a:hover { text-decoration:underline;}
#googleGroups {float:left; padding:0 10px; text-align:left;}
