/*

Title:		Screen styles for Partners in Advocacy website
Updated:	7 October 2007

Sections:	1. Tag styles
			2. Layout styles
			3. Easy-read styles
			4. Navigation styles
			5. Subnavigation styles
			6. Box styles
			7. Listing styles
			8. Sitemap styles
			9. Additional styles

Structure:	wrapper
				pageContainer
					headerPanel
						logo
					easyReadBox
					navPanel
						nav
					contentPanel
						subnavColumn
						fullColumn OR mainColumn / sideColumn
					footerPanel
*/


/* Section 1: Tag styles */

body {
	background:#FFF url("../images/structure/background.gif") top left repeat-x;
	color:#333;
	font:0.75em/1.6em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1 {
	border:0;
	color:#003063;
	font-size:1.4em;
	margin:10px 0;
	padding:0;
	text-transform:uppercase;
}

h2 {
	border:0;
	color:#0055A0;
	font-size:1.2em;
	margin:10px 0;
	padding:0;
	text-transform:uppercase;
}

p {
	border:0;
	margin:10px 0;
	padding:0;
}

img {
	border:0;
}

a:link, a:visited {
	color:#0055A0;
	text-decoration:none;
}

a:hover, a:active {
	color:#0055A0;
	text-decoration:underline;
}

em {
	font-style:normal;
	font-weight:bold;
}

ul, ul.standard {
	border:0;
	list-style:disc;
	margin:0 0 0 25px;
	padding:0 0 10px 0;
}

ul.noBullet {
	border:0;
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}


/* Section 2: Layout styles */

#skip {
	display:none;
}

#wrapper {
	border:0;
	clear:both;
	margin:0 auto;
	padding:0;
	width:940px !important;
	width /**/:940px;
}

#pageContainer {
	background:#FFF;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:940px !important;
	width /**/:940px;
}

#headerPanel {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:940px !important;
	width /**/:940px;
}

#logo {
	border:0;
	float:left;
	margin:0;
	padding:0;
}

#easyReadPanel {
	border:0;
	clear:both;
	color:#FFF;	
	float:left;
	margin:0;
	padding:0;
	width:940px !important;
	width /**/:940px;
}

#navPanel {
	background:#003063 url("../images/structure/nav-background.gif") bottom left repeat-x;
	border:0;
	border-bottom:5px solid #F0F0F0;	
	clear:both;
	color:#FFF;	
	float:left;
	margin:0;
	padding:0;
	width:940px !important;
	width /**/:940px;
}

#contentPanel {
	border:0;
	clear:both;
	float:left;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	width:940px !important;
	width /**/:940px;
}

#subnavColumn {
	border:0;
	float:left;
	margin:0 32px 15px 0;
	padding:0;
	width:220px !important;
	width /**/:220px;
}

#fullColumn {
	border:0;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	width:688px !important;
	width /**/:688px;
}

#mainColumn {
	border:0;
	float:left;
	margin:0 32px 0 0;
	padding:0;
	width:376px !important;
	width /**/:376px;
}

#sideColumn {
	border:0;
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:280px !important;
	width /**/:280px;
}

#footerPanel {
	border:0;
	border-top:5px solid #F0F0F0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0;
	text-align:right;
	width:940px !important;
	width /**/:940px;
}


/* Section 3: Easy-read styles */

#easyReadColumn {
	border:0;
	border-top:5px solid #0055A0;
	float:left;
	font:2em/1.6em Arial, Helvetica, sans-serif;
	margin:15px 0;
	padding:15px 0 0 0;
	width:940px !important;
	width /**/:940px;	
}

#easyReadColumn h1 {
	color:#CD202C;
}

#easyReadBox {
	background:url("../images/structure/easy-read-navbox.gif") top left no-repeat;
	border:0;
	clear:both;
	float:right;
	margin:0;
	padding:0 0 0 20px;
}

#easyReadBox div {
	background:url("../images/structure/easy-read-navbox.gif") top right no-repeat;
	border:0;
	float:left;
	margin:0;
	padding:15px 20px 10px 0;
	white-space:nowrap;
}

#easyReadBox div a:link,
#easyReadBox div a:visited {
	background:#CD202C;
	border:0;
	color:#FFF;
	display:block;
	font-size:1.4em;
	margin:0;
	padding:0 10px;
	text-decoration:none;
}

#easyReadBox div a:hover,
#easyReadBox div a:active {
	background:#CD202C;
	border:0;
	color:#FFF;
	display:block;
	font-size:1.4em;
	margin:0;
	padding:0 10px;
	text-decoration:underline;
}


/* Section 4: Navigation styles */

#nav {
	border:0;
	clear:both;
	float:right;
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
}

#nav li {
	border:0;
	border-right:1px solid #0055A0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#nav li.lastNode {
	border-right:0;
}

#nav li a:link,
#nav li a:visited {
	border:0;
	color:#FFF;
	display:block;
	float:left;
	font-size:1.3em;
	margin:0;
	padding:10px;
	text-decoration:none;
}

#nav li a:hover,
#nav li a:active {
	background:#0055A0;
	border:0;
	color:#FFF;
	display:block;
	float:left;
	font-size:1.3em;
	margin:0;
	padding:10px;
	text-decoration:underline;
}

#nav li.selected a:link,
#nav li.selected a:visited,
#nav li.selected a:hover,
#nav li.selected a:active {
	background:url("../images/structure/nav-selected.gif") bottom center no-repeat;
	border:0;
	display:block;
	float:left;
	font-size:1.3em;
	margin:0;
	padding:10px;
}


/* Section 5: Subnavigation styles */

#subnav {
	border:0;
	float:left;
	list-style:none;
	margin:0 0 15px 0;
	padding:0;	
	width:220px !important;
	width /**/:220px;
}

#subnav li {
	border:0;
	border-bottom:1px solid #F0F0F0;
	list-style:none;
	margin:0;
	padding:5px 0;
	width:220px !important;
	width /**/:220px;
}

#subnav li a:link,
#subnav li a:visited {
	border:0;
	color:#0055A0;
	display:block;
	font-size:1.2em;
	margin:0;
	padding:0 10px;
	text-decoration:none;
}

#subnav li a:hover,
#subnav li a:active {
	border:0;
	color:#0055A0;
	display:block;
	font-size:1.2em;
	margin:0;
	padding:0 10px;
	text-decoration:underline;
}

#subnav li.selected a:link,
#subnav li.selected a:visited,
#subnav li.selected a:hover,
#subnav li.selected a:active {
	background:url("../images/structure/subnav-selected.gif") center left no-repeat;
	border:0;
	color:#CD202C;
	display:block;
	font-size:1.2em;
	margin:0;
	padding:0 10px;
}


/* Section 6: Box styles */

.fullBox {
	background:url("../images/structure/full-box-top.gif") top left no-repeat;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	width:688px !important;
	width /**/:688px;
}

.fullBox div {
	background:url("../images/structure/full-box-bottom.gif") bottom left no-repeat;
	border:0;
	float:left;
	margin:0;
	padding:0 20px 10px 20px;
	width:648px !important;
	width /**/:688px;
}

.fullBox div h1 {
	color:#333;
	text-transform:none;	
}

.mainBox {
	background:url("../images/structure/main-box-top.gif") top left no-repeat;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	width:376px !important;
	width /**/:376px;
}

.mainBox div {
	background:url("../images/structure/main-box-bottom.gif") bottom left no-repeat;
	border:0;
	float:left;
	margin:0;
	padding:0 20px 10px 20px;
	width:336px !important;
	width /**/:376px;
}

.linkBox {
	background:url("../images/structure/link-box-top.gif") top left no-repeat;
	border:0;
	clear:both;
	float:left;
	margin:0 0 4px 0;
	padding:10px 0 0 0;
	width:280px !important;
	width /**/:280px;
}

.linkBox div {
	background:url("../images/structure/link-box-bottom.gif") bottom left no-repeat;
	border:0;
	color:#FFF;
	float:left;
	margin:0;
	padding:0 20px 10px 20px;
	width:240px !important;
	width /**/:280px;
}

.linkBox div a:link,
.linkBox div a:visited,
.linkBox div a:hover,
.linkBox div a:active {
	background:url("../images/structure/link-box-arrow.gif") center right no-repeat;
	border:0;
	color:#FFF;
	display:block;
	font-size:1.2em;
	margin:0;
	padding:0 36px 0 0;
	width:204px !important;
	width /**/:240px;
}

.sideBox {
	background:url("../images/structure/side-box-top.gif") top left no-repeat;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	width:280px !important;
	width /**/:280px;
}

.sideBox div {
	background:url("../images/structure/side-box-bottom.gif") bottom left no-repeat;
	border:0;
	float:left;
	margin:0;
	padding:0 20px 10px 20px;
	width:240px !important;
	width /**/:280px;
}

/* Section 7: Listing styles */

ul.listing {
	border:0;
	border-top:1px solid #F0F0F0;
	list-style:none;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	width:688px !important;
	width /**/:688px;
}

ul.listing li {
	border:0;
	border-bottom:1px solid #F0F0F0;
	margin:0;
	padding:5px 0 10px 0;
	width:688px !important;
	width /**/:688px;
}

ul.listing li span {
	border:0;
	display:block;
	font-style:italic;
	margin:0;
	padding:0;
}


/* Section 8: Sitemap styles */

ul#sitemap {
	border:0;
	list-style:none;
	margin:15px 0 0 20px;
	padding:0 0 10px 0;
}

ul#sitemap li {
	border:0;
	font-weight:bold;
	margin:5px 0;
	padding:0 0 10px 0;
}

ul#sitemap li ul {
	border:0;
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}

ul#sitemap li ul li {
	border:0;
	font-weight:normal;
	margin:5px 0;
	padding:0;
}


/* Section 9: Additional styles */

ul.tickList {
	border:0;
	list-style:none;
	margin:0;
	padding:2px 0 10px 0;
}

ul.tickList li {
	background:url("../images/structure/box-tick.gif") top left no-repeat;
	border:0;
	margin:5px 0;
	padding:0 0 0 25px;
}