/**
 *	GPQ Newsletter Website Template
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		31/01/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. breadcrumbs
 *		03. typography
 *		04. lists/typography/links
 *		05. images
 *		06. tables
 *		07. forms
 *		08. ctoc
 *
 */
html,body {
	background:					#fff url(../images/bg-body.gif) 50% 0 repeat-y;
}

body {
	color:						#333;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
}

div#container {
	margin:						0 auto;
	width:						954px;
}

div#header {
	background-repeat:			no-repeat;
	height:						82px;
	padding:					28px 0 0 214px;
}

div#header {
	background:					url('/images/bg-header.gif');
}

div#navigation {
	background-color:			#b4d800;
	height:						27px;	
}
body.weekly-high-level div#navigation {
	background-color:			#4a4a4c;
}

div#content {
	background:					#fff url(../images/bg-content.gif) no-repeat;
	overflow:					hidden;
	width:						954px;
}

div#content-side {
	float:						left;
	width:						214px;
}

div#content-side-inner {
	padding:					60px 2em 0 0;
}

div#content-main {
	margin-left:				214px;
	min-height:					415px;
}

div#content-main-inner {
	padding:					0 128px 1.25em 0;
}

div#footer {
	background:					#fff;
	border-top:					1px solid #888;
	padding:					8px 0;
	clear:						both;
}

div#footer-inner {
	padding-left:				214px;
}

------------------------------------------------------------------ */
/** typography
------------------------------------------------------------------ */


h2, h3, h5, h6 {
	font-weight: bold;
	margin: 1em 0 0.5em 0 !important;
}
div#content-main-inner h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 1em 0 0.5em 0 !important;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
div#content h4 {
	font-weight:				bold;
	padding-left:				214px;
	margin-bottom:				1em;
}
div#content-main-inner h4 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1em 0 0.5em 0 !important;
	padding-left: 0 !important;
}
h5 {
	font-size: 1.2em;
	margin-bottom: 0.5em
}
h6 {
	font-size: 1.1em;
	margin-bottom: 0.5em
}
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#header h1 {
	color:						#b4d800;
	font-size:					30px;
	margin-bottom:				0.25em;
}

div#header h2 {
	color:						#efefef;
	font-size:					14px;
	margin-bottom:				0.25em;
}


body.weekly-high-level div#header h1 {
	color:						#4a4a4c;
}

div#header p {
	color:						#fff;
	font-size:					1.5em;
}

div#content,
div#footer {
	font-size:					1.2em;
	line-height:				125%; /* 1.2 x 125% = 15px */
}

div#content-main h2#content-main-title {
	background:					url(../images/icons/icon-circles-b4d800.gif) 0 60px no-repeat;
	font-size:					1.25em;
	font-weight:				bold;
	padding:					60px 0 0.5em 32px;
}

div#content-main-inner h2 {
	font-weight:				bold;
	margin:						2em 0;
}

div#content-main-inner p {
	margin-bottom:				1.25em;
}

/** lists/typography/links
------------------------------------------------------------------ */
/*
div#navigation ul {
	color:						#16232d;
	font-size:					1.1em;
	font-weight:				bold;
	padding:					4px 0 0 40px;
}

div#navigation ul li {
	background:					url('/images/icons/dots.gif') 0 4px no-repeat;
	float:						left;
	padding:					0 10px 0 13px;
}

div#navigation ul li.first {
	background:					none;
	padding-left:				0;
}
div#navigation ul li.last {
	padding-right:				0;
}
div#navigation ul li a,
div#navigation ul li a:link {
	color:						#16232d;
	text-decoration:			none;
}
*/

div#content a,
div#content a:link,
div#footer a,
div#footer a:link {
	color:						#333;
	text-decoration:			none;
	font-weight:				bold;
}

div#content-side-inner ul {
	color:						#333;
	font-weight:				bold;
	text-align:					right;
}

div#content-main-inner ul#article-list li {
	background:					url(../images/icons/icon-cirlcles-16232d.gif) 0 0 no-repeat;
	margin-bottom:				1.25em;
	padding-left:				33px;
}
div#content-main-inner ul#article-list li.alt {
	background:					url(../images/icons/icon-circles-b4d800.gif) 0 0 no-repeat;
}
div#content-main-inner ul#article-list li h3 {
	color:						#b4d800;
	font-size:					1.25em; /* 1.2em x 1.25em = 15px */
	font-weight:				bold;
}
div#content-main-inner ul#article-list li.alt h3 {
	color:						#333;
}
div#content-main-inner ul#article-list li p {
	border-bottom:				1px solid #333;
	padding-bottom:				1.25em;
}
div#content-main-inner ul#article-list li p a,
div#content-main-inner ul#article-list li p a:link {
	color:						#000;
	font-weight:				bold;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
table {
	margin-bottom:				1.5em;
}

/** forms
------------------------------------------------------------------ */
/** ctoc
------------------------------------------------------------------ */
div#ctoc {
	font-weight:				bold;
	text-align:					right;
}

div#ctoc div.ctoc_item0 {
	display:					none;
}

div#ctoc div#ctoc_current_item a.ctoc_current {
	color: #B4D800;
}

div#ctoc div.ctoc_item1 {
	margin-bottom: 10px;

}




#content-main-inner ul {
	margin-left: 25px;
	list-style-type: disc;
}

#content-main-inner ol {
	margin-left: 32px;
	list-style-type: decimal;
}
ol{color:black;display:auto;}

#content-main-inner a {
	font-weight: bold;
}

#content-main-inner ul#article-list {
	list-style: none;
}

/* New archive templates -- should not interfere with existing */

#content-special {
	float: left;
	padding: 0px 20px 20px 40px;
	font-size: 1.5em;
	width: 894px
}

#content-special p {
	font-size: 12px;
}

#content-special a, #content-special a:visited {
	text-decoration: none;
	color: #99b900;
}

#content-special a:hover {
	color: #b0d500;
	text-decoration: underline;
}

div#content-special hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#content-special h1 {
	font-size: 16pt;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 15px;
}

div#content-special h2 {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 15px;
}

#bottom-text {
	font-size: 10pt;
	font-weight: bold;
	padding-top: 100px;
}





h4.search-title a {
	color: #9ebd00 !important;
	font-size: 12pt;
}

h4.search-title a:hover {
	color: #b4d800 !important;
}

p.search-summary {
	padding: 15px 15px 25px 15px;
}

.archive-select a {
	color: #9ebd00 !important;
	font-size: 12pt;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 15px;
}

.archive-select a:hover {
	color: #b4d800 !important;
}

#bct, #bct a {
	font-size: 10pt;
	color: #9ebd00 !important;
	font-weight: bold;
}

#bct {
	color: #1e1e1e !important;
}

/** NOTE **/
/** Once the old templates have been switched off, we can probably delete an overwhelming majroty
    of the above rules. Come back to this when we don't have to worry about the old pages ... **/

/** breadcrumbs **/
/*
#breadcrumbs {
	float: left;
	width: 450px;
	padding: 20px 0px 10px 40px;
	font-size: 11px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #999999;
	text-decoration: none;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #8aa600;
	text-decoration: underline;
}

#breadcrumbs li {
	display: inline;
	padding-left: 18px;
	background: url('/images/icons/arrow.gif') 5px 3px no-repeat;
	line-height: 1.5em;
}

#breadcrumbs li.first {
	padding-left: 0px;
	background: none;
}
*/

/* nu breadcrumbz */
#navigation {
	padding-top: 1px;
}

#navigation li {
	display: inline;
	padding-left: 10px;
	padding-top: 1px;
	line-height: 1em;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Tahoma;
	background: url('/images/icons/arrow_dark.gif') 6px 7px no-repeat;
}

#navigation li.first {
	padding-left: 0px;
	background: none;
}

#navigation a:link, #navigation a:visited {
	color: #333333;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	color: #f5f5f5;
	text-decoration: underline;
}

/* Program List Pages */

#program-area-list {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

#program-area-list li {
	background: url('/images/icons/program.gif') no-repeat;
	padding-left: 60px;
	padding-top: 6px;
}

#program-area-list a:link, #program-area-list a:visited {
	color: #424242;
}

#program-area-list a:hover, #program-area-list a:active {
	color: #8a8a8a;
}

.program-description {
	margin-top: 7px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 22px;
	padding-top: 0;
}

/* Year List Pages */

#year-list {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.4em;
}

#year-list a:link, #year-list a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #424242;
}

#year-list a:active, #year-list a:hover {
	color: #8a8a8a;
}

#year-list li {
	padding: 0px 10px 15px 25px;
	border-bottom: 1px solid #c6c6c6;
	margin-bottom: 15px;
}

#year-list li.odd {
	background: url('/images/icons/circles-green.gif') no-repeat;	
}

#year-list li.even {
	background: url('/images/icons/circles-grey.gif') no-repeat;
}

#year-list li.last {
	border-bottom: none;
}

/* Month List Pages */

#month-title, #article-title {
	color: #424242;
	font-size: 16px;
	font-weight: bold;
	background: url('/images/icons/circles-green.gif') no-repeat;
	padding: 0px 0px 10px 25px;
	border-bottom: 1px solid #c6c6c6;
	margin-top: 20px;
	margin-bottom: 20px;
}

#month-list {
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#month-list li {
	background: url('/images/icons/circle-small-green.gif') 0px 6px no-repeat;
	padding-left: 25px;
}

#month-list a:link, #month-list a:visited {
	color: #424242;
}

#month-list a:hover, #month-list a:active {
	color: #8a8a8a;
}

/* Article List Pages*/

#article-list {
	font-size: 12px;
	line-height: 20px;
	padding-top: 15px;
}

#article-list a:link, #article-list a:visited {
	font-size: 14px;
	font-weight: bold;
}

#article-list a:active, #article-list a:hover {
	color: #8a8a8a;
}

#article-list li {
	background: url('/images/icons/circle-small-green.gif') 0px 6px no-repeat;
	padding-left: 25px;
	padding-bottom: 15px;
}

#article-list a:link, #article-list a:visited {
	color: #424242;
}

#article-list a:hover, #article-list a:active {
	color: #8a8a8a;
}

/* Item Display */

#item-title {
	color: #424242;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	background: url('/images/icons/circles-green.gif') no-repeat;
	padding: 0px 0px 10px 25px;
	border-bottom: 1px solid #c6c6c6;
	margin-top: 30px;
	margin-bottom: 20px;	
}

#item-text, #item-text ul li, #item-text td {
	line-height: 1.4em;
	font-size: 12px;
}

#item-text p {
	padding-bottom: 15px;
}

#item-text ul {
	padding-top: 3px;
	padding-bottom: 15px;
}
#item-text ul.indent {
	padding-bottom: 0px;
}

#item-text li {
	background: url('/images/icons/littlecirc.gif') 0px 3px no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 3px;
}
#item-text li li {
	list-style-type: circle;
	padding-bottom: 6px;
	background: none;
	padding-left: 5px;
	margin-left: 15px;
}
#item-text ul ul {
	padding-bottom: 0px;
}
	

#item-text table {
    border-color: #cccccc;
    border-width: 0 0 1px 1px;
    border-style: solid;
	border-collapse: collapse;

}
#item-text td {
    border-color: #cccccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	-moz-border-radius: 0px 0px 0px 0px;
}

#item-text a:link {
	color: #b4d800;
	font-weight: bold;
	text-decoration: underline;
}

#item-text a:visited {
	font-weight: normal;
	}


	

#item-text ol {
padding-top: 3px;
padding-bottom: 15px;
}

#item-text ol li{
list-style: decimal;
margin-left: 20px;
padding-bottom: 5px;
padding-top: 3px;
background: none;
padding-left: 5px;
}
/* Search List */

#search-list {
	font-size: 12px;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#search-list-title {
	font-weight: bold;
}

#search-list li {
	background: url('/images/icons/circle-small-green.gif') 0px 6px no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
}

#search-list a:link, #search-list a:visited {
	color: #424242;
}

#search-list a:hover, #search-list a:active {
	color: #8a8a8a;
}

#search-box {
	background: url('/images/SearchBar3.gif') no-repeat;
	margin: 6px 0px 0px 0px;
	height: 52px;
	float: right;
	width: 190px;
	text-align: right;
	vertical-align: -68;
	padding-top: 12px;
	padding-left: 10px;
}

#search-box input {
	margin-right: 1px;
	border: 1px solid #d8d8d8;
	font-size: 11px;
	height: 13px;
	width: 100px;
	padding: 3px 5px 4px 5px;
}

#search-box img {
	margin-right: 35px;
	position: relative;
	top: 7px;
}

/* Login Form */

#login-box {
	font-size: 12px;
	margin: auto;
	padding: 20px 0 0;
	width: 235px;
}

/*table {
	border-collapse: collapse;
	border: 1px solid #c6c6c6;
} */