html {overflow-y:scroll;}
body {font-family: Arial, Verdana; font-size:80%; }
form {margin:0;}
input {border:1px solid #ccc;}
input:focus, textarea:focus  {background:#FEFFDD;}

img.left {float:left; margin:0 5px 10px 0;}
img.right {float:right; margin:0 0 10px 5px;}

#container {margin:0 auto; max-width:70em; min-width:750px;}
#logo { float:left; }
#signin_box {background:#9A0032; width:30%; float:right; margin-top:20px; margin-right:20px; padding:1px; min-width:280px;}
#signin_box form {padding:5px; background:#fff; margin-right:134px;}
#signin_box label {display:block; float:left;}
#signin_box input {width:50%;} 
#signin_box .sbt{width:100%; margin-top:5px;}
#signupBut {border:0; float:right;}
#PAlogo {float:right;}

#topnav ul {margin:5px 0; float:right;}
#topnav li {list-style-type:none; display:inline; margin-right:10px; color:#9A0032;}
#topnav li a {color:#000; text-decoration:none;}
#topnav li a:hover, #topnav li a:active, #topnav li a:focus {color:#9A0032;}


#mainnav {float:left; width:20%;}
#mainnav ul {margin:0px; padding:0px;}
#mainnav li {list-style-type:none; border-right:1px solid #fff;}
#mainnav li a {
		display:block; zoom:1; padding:14px 0px 13px 0px; color:white; text-decoration:none;
		background:#525051; text-align:center; font-size:110%;
		border-bottom:1px solid white; font-weight:bold;
}
#mainnav li a:hover, #mainnav li a:focus, #mainnav li a:active {background:#9B0033;}
#mainnav li a.selected {background:#9B0033;}
#mainnav li a.peace {background:#3586bd;}
 
#sectionpic {background:#000;} 
#content {float:right; width:80%; background:#fff;}
#row1 {background:#43A5DF; border-bottom:1px solid #fff; }
#news {background:#61B3EB url(/images/bg_news.jpg) repeat-x bottom left; width:50%; color:#fff; min-height:303px; height:303px; height:auto !important; float:right;}
#news h2, #news p {margin:10px 5px;}
#news a {text-decoration:none; color:#fff;}
#news a:hover,#news a:active,#news a:focus{text-decoration:underline;} 
#shoutguy {background:url(/images/ani_news.gif) bottom left no-repeat; min-height:294px; height:auto !important; height:294px; }

#row2 {background:#D6E4ED; color:#566873;}
#row2 h2 {border-bottom:1px solid #fff; background:#5EAFE8; color:white; margin:0; padding:5px;}
#Issues {width:50%; float:right; }

 
#justIn {background-color:#D6E4ED; width:50%; float:left;}
#justIn h2 {border-right:1px solid #fff; background:#5EAFE8; padding:5px; color:white;}
#justIn h3 {font-size:120%; margin:0;}
#justIn .item div {margin:0 0 0 150px; background:#D6E4ED; padding:5px; }
#justIn a {text-decoration:none; color:#566873;} 
#justIn a:hover, #justIn a:active, #justIn a:focus   {color:#333}
#justIn a:hover img, #justIn a:active img, #justIn a:focus img {border-color:#333;}
#justIn a:hover h3, #justIn a:focus h3, #justIn a:active h3 {color:#333;}


#Issues .item {background:#D6E4ED url(/images/bg_issue.jpg) bottom left repeat-x; border-bottom:1px solid white; border-left:1px solid white; zoom:1; padding:5px;}
#Issues .item img {border-right:8px solid #9B0033; float:left; margin-right:5px;}
#Issues h3 {margin:0; font-size:110%; color:#9B0033;}
#Issues a {text-decoration:none; color:#566873;}
#Issues a img {border:0;}
#Issues a:hover, #Issues a:active, #Issues a:focus   {color:#333}
#Issues a:hover img, #Issues a:active img, #Issues a:focus img {border-color:#333;}
#Issues a:hover h3, #Issues a:focus h3, #Issues a:active h3 {color:#333;}

#address {color:#566873; float:left; font-size:98%; width:20%;}
#footerStuff {width:80%; float:right; background:#fff;}
#footerStuff h2 {color:#fff !important;}
#footerLinks {padding:10px; border-bottom:5px solid #9B0033; text-align:center;}
#footerLinks ul {margin:0; padding:0;}
#footerLinks li{list-style-type:none; display:inline; margin-right:10px;}
#footerLinks li a{color:#566873; text-decoration:none;}
#footerLinks li a:hover, #footerLinks li a:focus, #footerLinks li a:active{color:#566873; text-decoration:underline;}

#footerLogos {text-align:right; color:#999;}
#footerLogos a {color:#999;}

#finder {background:#5FB1EA url(/images/bg_ressearch.jpg) bottom left repeat-x; color:#fff; padding:10px 0; zoom:1;}
#pstext {padding:10px;}
#pstext h2 {margin:0 0 5px 0;}
#psbox {float:right; padding:0px 40px 20px 10px;}
#psbox input {border:1px solid #000; color:#000; font-size:180%;}

#psbox_home {float:left; padding:0px 20px 10px 5px;}
#psbox_home input {border:1px solid #000; color:#000; font-size:180%;}
#home_post {background:url(/images/new_postcode.jpg) no-repeat;padding-top:10px;padding-bottom:5px}

.padding {padding:5px;}


#videoPlayer {float:left; zoom:1; }
#videowarning {background:#000; color:#fff; text-align:center; font-size:150%; clear:both;padding:5px;}
#videowarning a {color:#fff;}
#videowarning a:hover, #videowarning a:active, #videowarning a:focus {color:yellow;}

#quicklinks {height:44px; border-top:1px solid #fff; background:#3D92CB;}
#quicklinks  a {
		width:19%; float:left; display:block; height:32px; zoom:1;
		color:#fff; text-align:center; text-decoration:none; border-right:1px solid #fff;
		font-weight:bold; font-size:170%; vertical-align:middle; padding-top:12px;
		overflow:hidden;
}
#quicklinks  a:hover {color:#9B0033; background:#3D92CB url(/images/selection.jpg) top center no-repeat;}

#story {background:#C5D4DE; width:50%; color:#566873; float:right; border-left:1px solid #fff;}
#story a img {border:0;}
#story .container {height:44.85em; overflow:auto;}
#story.issues .container {height:46.7em; overflow:auto;}
#story.links .container {height:52.7em; overflow:auto;}
#story h2, #story p, #story h3, #story h4 {margin:10px 30px 10px 30px;} 
#eventstory h2{font-size:125%;}
#story a {color:#9B0033; text-decoration:none;} #eventstory a:hover{color:#000; text-decoration:underline;}

#stories{zoom:1; float:left; width:49.8%; }
#stories a {display:block; background:#61B3EC url(/images/bg_storiesone.jpg) bottom left repeat-x; color:#fff; margin:0px; padding:10px; zoom:1; text-decoration:none; border-bottom:1px solid #fff; max-height:3.8em; overflow:hidden;}
#stories.news a {padding:11px; max-height:4.96em; overflow:hidden;}
#stories.issues a {padding:11px; max-height:4.96em; overflow:hidden;}
#stories a.current {background:#B11146 url(/images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px;}
#stories a.current:hover, #stories a.current:active, #stories a.current:focus {background:#B11146 url(/images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px;}
#stories a.two {background:#90CAF2 url(/images/bg_storiestwo.jpg) bottom left repeat-x; color:#fff}
#stories a:hover, #stories a:active, #stories a:focus {background:#000; color:#fff; text-decoration:none;}

#story.links h2 {margin-bottom:20px;}
#story.links ul {list-style-type:none; padding:0; margin:0 30px}
#story.links li {margin:10px 0; padding-bottom:5px; border-bottom:1px solid #fff;}
#story.links li a {font-size:120%; font-weight:bold;}
#story.links li a:hover {color:#000;}


#pagecount span {float:left; margin:0px; background:#97AFBF;}
#pagecount span a{float:left; margin:0px; border-right:1px solid white; padding:10px; background:#97AFBF; color:#fff;}
#pagecount span a:hover, #pagecount span a:active, #pagecount span a:focus {float:left; margin:0px; background:#8399A8; text-decoration:none; color:#fff;}

.paginate h4, .hide {position:absolute; top:-1000px; left:-1000px;}
#contactsdetail{zoom:1; float:left; width:49.8%; }
#contactsdetail a{color:#9B0033; text-decoration:none;} #contactsdetail a:hover{color:#566873; text-decoration:underline;}
#contactsdetail p {display:block; background:#61B3EC url(/images/bg_contact.jpg) top left no-repeat; color:#566873; margin:0px; padding:50px 50px 148px 100px; zoom:1; text-decoration:none; border-bottom:1px solid #fff;  overflow:hidden; }
#sectionpic {height:265px; text-align:left; width:49.7%; float:left;}

#leftwrap {height:305px; text-align:left; width:49.7%; float:left;  border-right:1px solid #fff;}
#leftwrap #sectionpic {height:260px;}

#aboutsections{zoom:1; float:left; width:49.8%; }
#aboutsections a {display:block; background:#61B3EC url(images/bg_storiesone.jpg) bottom left repeat-x; color:#fff; margin:0px; padding:10px; zoom:1; text-decoration:none; border-bottom:1px solid #fff; max-height:3.8em; overflow:hidden;}
#aboutsections a.current {background:#B11146 url(images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px;}
#aboutsections a.current:hover, #stories a.current:active, #aboutsections a.current:focus {background:#B11146 url(images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px;}
#aboutsections a.two {background:#90CAF2 url(images/bg_storiestwo.jpg) bottom left repeat-x;}
#aboutsections a:hover, #stoaboutsectionsries a:active, #stories a:focus {background:#000; color:#fff; text-decoration:none;}


#contactus {background:#C5D4DE; width:50%; color:#566873; float:right; padding-bottom:37px}
#contactus .container {height:44.85em; overflow:auto;}
#contactus h2, #eventstory p {margin:10px 30px 10px 30px;} 
#contactus h2{font-size:125%;}
#contactus a {color:#9B0033; text-decoration:none;} 
#contactus a:hover{color:#000; text-decoration:underline;}
#contactus input, textarea, select{border:1px solid #738CA5; padding:5px;}
.errorred {color:red !important;}
#formerrors {color:red; border:1px solid red; background:#fff; padding:5px; margin:0 30px;}
#formreply {color:#9B0033;width:90%;padding-left:2%;padding-right:2%}
#formcontent {color:black;width:90%}




.forum_content {font-size:110%}
#player {width:49.8%; float:left;}


#regform {margin:0 10px;}
#regform label { display:block; float:left; width:40%; }
#regform .formcheck label{ display:inline; float:none;}
#regform br {margin:10px;}

#regform span { display:block; float:left; width:40%; }

#sectionpic img.gmnoprint, #sectionpic div span, #sectionpic div a{
	display: none;
}
#sectionpic div img.gmnoprint, #sectionpic div div a, #sectionpic div.gmnoprint{
	display: inline;
}
.skip {position:absolute; top:-1000px; left:-1000px;}
.skip:active,.skip:focus {top:0; left:0px; font-size:120%; background:#000; color:#fff; font-weight:bold; padding:5px; display:block;} 

.comment { background:#fff url(/images/corner_topright.jpg) top right no-repeat; margin-bottom:20px;}
.comment .repeater { background:url(/images/comments_tile.gif) left repeat-y;}
.comment .pic1 { background:url(/images/corner01_topleft.jpg) top left no-repeat; padding:10px 10px 0 90px; min-height:110px; height:auto !important; height:110px; }
.comment .pic2 { background:url(/images/corner02_topleft.jpg) top left no-repeat; padding:10px 10px 0 90px; min-height:110px; height:auto !important; height:110px; }
.comment .pic3 { background:url(/images/corner03_topleft.jpg) top left no-repeat; padding:10px 10px 0 90px; min-height:110px; height:auto !important; height:110px; }
.comment .cbot { background:url(/images/corner_bottomleft.gif) bottom left no-repeat;}
.comment .cbot div { background:url(/images/corner_bottomright.jpg) bottom right no-repeat; height:10px;}


#story.hotseat h2.hotseat {margin:0; padding:5px; color:#fff; background:#000; border-bottom:1px solid #fff;}
#story.hotseat h3 {margin:0; font-size:110%;}
#story.hotseat a {color:#fff; zoom:1;}
#story.hotseat a:hover h3, #story.hotseat a:active h3, #story.hotseat a:focus h3 {color:#9B0033;}
#story.hotseat a:hover .thumb, #story.hotseat a:active .thumb, #story.hotseat a:focus .thumb {border-color:#9B0033;}
.hsItem {border-bottom:1px solid #fff; background:#61B3EC url(/images/bg_storiesone.jpg) bottom left repeat-x; zoom:1;}
.hsItem .thumb { padding-left:150px; padding-top:130px; overflow:hidden; float:left; border:0; border-right:8px solid #fff; margin-right:5px; cursor:pointer;}
.hsItem p {margin:0 !important; padding:5px;}


#story.faqs h2.faqs {margin:0; padding:5px; color:#fff; background:#000; border-bottom:1px solid #fff;}
#story.faqs h3 {margin:0; font-size:110%;}
#story.faqs a {color:#566873; zoom:1;}
#story.faqs a:hover, #story.faqs a:active, #story.faqs a:focus {color:#9B0033;}
#story.faqs a:hover .thumb, #story.faqs a:active .thumb, #story.faqs a:focus .thumb {border-color:#9B0033;}
.faqItem {border-bottom:1px solid #fff; background:#D6E4ED; zoom:1; padding:5px;}



.dude1 { background:#61B3EB url(/images/bg_characterblue.jpg) bottom right no-repeat;  padding-right:100px; min-height:35em; height:auto !important;  height:35em;}
.dude2 { background:#61B3EB url(/images/bg_charactergrey.jpg) bottom right no-repeat; padding-right:100px; min-height:35em; height:auto !important; height:35em; }
.dude3 { background:#61B3EB url(/images/bg_characterred.jpg) bottom right no-repeat; padding-right:100px; min-height:35em; height:auto !important; height:35em;}
.forum { background:#61B3EB url(/images/bg_characterblue.jpg) bottom right no-repeat; padding:10px; min-height:35em; height:auto !important; height:35em;}


#breadcrumb {background:#000; padding:5px;color:#fff;}
#breadcrumb a { color:#fff; text-decoration:none; font-weight:bold;}
#breadcrumb a:hover {color:yellow;} 

#mediaStory {float:right; width:50%; background:#61B3EB url(/images/bg_news.jpg) repeat-x bottom left; color:#fff; min-height:265px; height:auto !important; height:265px; border-bottom:1px solid #fff;}
#mediaStory p, #mediaStory h2  {margin:0; padding:10px 30px 0 30px }
#mediaStory h2 a {color:#fff;} 
.mediaItem { background:#5BACE4; padding:10px; border-bottom:1px solid #fff; color:#566873; zoom:1;}
.mediaItem h2 {margin-top:0;}
.mediaItem h2 a {color:#9A0032;}
.mediaItem img {border:5px solid #fff; float:right; margin-right:10px;}
.imgwrap {float:left; width:30%; text-align:center;}
.mediaItem .bubble {float:left; width:70%;}
.bubble { background:#fff url(/images/corner_media_topright.jpg) top right no-repeat; }
.bubble .tl {background:url(/images/corner_media_topleft.jpg) top left no-repeat;  padding:10px;}
.bubble .bot { background:url(/images/corner_media_bottomleft.jpg) bottom left no-repeat; zoom:1;}
.bubble .bot div { background:url(/images/corner_media_bottomright.jpg) bottom right no-repeat; height:10px;}

#tags {background:#5BACE4; padding:10px;}
#tagCloud {width:80%; margin-left:auto; margin-right:auto;}
#tagCloud ul {list-style-type:none; padding:0; margin:0;}
#tagCloud li {display:inline; margin:5px;}
#tagCloud a {white-space:nowrap;}
#tagCloud a.blue { color:#003366; }
#tagCloud a.blue:hover { background:#003366; color:#fff;}
#tagCloud a.red { color:#8B0304; }
#tagCloud a.red:hover { background:#8B0304; color:#fff;}
#tagCloud a.green { color:#00A651; }
#tagCloud a.green:hover { background:#00A651; color:#fff;}
#tagCloud a.orange { color:#F7931E; }
#tagCloud a.orange:hover { background:#F7931E; color:#fff;}
#tagCloud a.purple { color:#812990; }
#tagCloud a.purple:hover { background:#812990; color:#fff;}
#tagCloud a.lightblue { color:#0083CA; }
#tagCloud a.lightblue:hover { background:#0083CA; color:#fff;}

#story.faqs form {margin:0 30px;}
#story.faqs label {font-weight:bold;}

#details {
		background:#65B4EC url(/images/bg_media.jpg) bottom left repeat-x;  
		min-height:26.9em; height:auto !important;  height:26.9em;
		width:49.8%; float:left; color:#fff;
}
#details h2 {margin-top:0; color:#fff;}
#details .wrapper {padding:10px;}
#details .tags a {color:#fff;}
#details .tags a:hover, #details .tags a:active, #details .tags a:focus  {color:yellow;}

#story.comments {background:#D6E4ED;}

#done {border:1px solid green; padding:5px; color:green; margin:0 30px 10px 30px; background:#fff; }

#row1.mediaList {min-height:40em; height:auto !important; height:40em;}

#pagecount.media {border-bottom:1px solid #fff;}
#pagecount.media span {float:left; margin:0px; background:#61B3EB;}
#pagecount.media span a{float:left; margin:0px; border-right:1px solid white; padding:10px; background:#3C91C4; color:#fff;}
#pagecount.media span a:hover, #pagecount.media span a:active, #pagecount.media span a:focus {float:left; margin:0px; background:#3279A4; text-decoration:none; color:#fff;}

#fullList {padding:10px; border-top:1px solid #fff; text-align:center; font-size:150%; color:#fff;}
#fullList a {color:#fff;}

#row1.mediaList h2  {padding:20px; margin:0; color:#fff;}

#introPlayer {height:200px; zoom:1;}

#stories.projects {color:#fff;}
#stories.projects fieldset {border:1px solid #fff; margin:10px; padding:10px;}
#stories.projects fieldset legend {font-weight:bold;}
#stories.projects label {width:100px; float:left; display:block;}
#stories.projects input, #stories.projects select {margin-bottom:5px;}
#btnsearch {margin:0; width:80%;}

#searchProjectstbl {margin:0;padding:0; width:100%;}
#searchProjectstbl th {padding:0;}
#searchProjectstbl th a {background:#000; color:#fff; padding:5px; display:block; zoom:1;}


#story.projects {background:#D6E4ED;}
#story.projects .pitem {border-bottom:1px solid #fff; padding:10px 10px 0 0;}
#story.projects .pitem h2, #story.projects .pitem p {margin:0;}

#contributor{width:80%;margin:auto}
#contributor form{padding:0;margin:0;}

.orderLinks {border-bottom:1px solid #fff;}
.orderLinks ul {margin:0; padding:0;}
.orderLinks ul li {display:inline; width:49.9%; float:left;}
.orderLinks ul li a { padding:10px; background:#000; color:#fff !important; text-align:center; font-weight:bold; display:block; zoom:1;}
.orderLinks ul li a:hover, .orderLinks ul li a:active, .orderLinks ul li a:focus {color:yellow;}

.tabcontent fieldset { border:1px solid #fff; padding:5px; margin-bottom:5px;}
.tabcontent legend {color:#fff; font-size:200%; font-weight:bold;}
.tabcontent table th {text-align:left; color:#fff; width:30%;}
.tabcontent table td { color:yellow; font-size:150%; font-weight:bold; }

#errorred {border:2px solid red; background:#fff; padding:5px; color:red;}
.checkbox {border:0;}

.projectmsg {display:block;background:#94A2AA;color:red;padding:5px}
.projectmsg2 {display:block;background:#94A2AA;color:#2E3336;padding:5px}
#formerror {color:#BB1818}
