@import url(gg-advanced.css);

/* ------ GENERAL ------ */
a:link { color: #c00; }
a:visited { color: #600; }

a:hover, a:active
{
	color: #fff;
	background-color: #c00;
}

hr
{
	color: #c00;
	background: #c00;
	border: 0;
	height: 1px;
}

/* ------ CONTAINERS ------ */
#container
{
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
	width: 850px;
	text-align: left;
}

#skipnav a:link
{
	text-decoration: none;
	color: #000;
	font-size: 90%;
}

#content
{
	margin-top: 20px;
	width: 665px;
	float: right;
	line-height: 150%;
	padding-bottom: 2em;
}

.captionright
{
	float: right;
	margin: 0 0 5px 10px;
	font-size: 90%;
	line-height: 120%;
}

.captionright img { border: 1px solid #928080; }

#content h1
{
	margin-top: 0;
	font-size: 160%;
	color: #c00;
}

#navlist
{
	float: left;
	width: 160px;
	margin: 20px 0 0 0;
	padding-bottom: 2em;
}

#navlist ul { list-style-type: none; }

#feature
{
	margin: 20px 0 0 0;
	background-color: #FFDC00;
	padding: 10px;
	border: 1px none #FFDC00;
	font-size: 90%;
}

#feature h2
{
	margin: 0 0 .3em 0;
	font-size: 130%;
	color: #c00;
}

#footer { clear: both; }

/* ------ ICON LIST ------ */
.iconlist
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.iconlist li
{
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .5em 0;
}

.iconlist li.pdf { background-image: url(/images/bullet_pdf.gif); }
.iconlist li.doc { background-image: url(/images/bullet_doc.gif); }
.iconlist li.xls { background-image: url(/images/bullet_xls.gif); }
.iconlist li.ppt { background-image: url(/images/bullet_ppt.gif); }
.iconlist li.htm { background-image: url(/images/bullet_htm.gif); }

/* ------ NEXT/PREVIOUS BUTTONS ------ */
#next { float: right; }
#previous { float: left; }

#next, #previous
{
	width: 7em;
	padding-bottom: 2em;
	margin: 0;
	text-align: center;
	font-size: 90%;
}

#next a { border-left: 5px solid #c00; }
#previous a { border-right: 5px solid #c00; }

#next a, #previous a
{
	color: #fff;
	background-color: #000;
	display: block;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

#next a:hover, #previous a:hover
{
	color: #fff;
	background-color: #C00;
}

.clearboth { clear: both; }

ul#catlist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#catlist li { margin-bottom: .5em; }

#catlist li a
{
	color: #000;
	background-color: #FFDC00;
	display: block;
	text-decoration: none;
	padding: .3em;
	font-weight: bold;
	width: 11em;
	border-left: 5px solid #c00;
}

#catlist a:hover
{
	color: #fff;
	background-color: #C00;
	border-left: 5px solid #000;
}

ul#catlist2
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#catlist2 li { margin-bottom: .5em; }

#catlist2 li a
{
	color: #000;
	background-color: #FFDC00;
	display: block;
	text-decoration: none;
	padding: .3em;
	font-weight: bold;
	width: 11em;
	border-left: 5px solid #c00;
}

#catlist2 a:hover
{
	color: #fff;
	background-color: #C00;
	border-left: 5px solid #000;
}

.catcol
{
	width: 260px;
	float: left;
	display: inline;
}
