/*Global Attributes */

* { margin: 0; padding: 0; border: 0 none; }
body { background-position: center; font: 62.5% Arial, Helvetica, sans-serif; color: black; background-image: url('../Images/UI/Backgrounds/PageBG.gif'); background-repeat: repeat-y; background-color: #5792d5; }
ul { list-style-type: none; }
h1 { font-weight: normal; font-size: 1.8em; }
h2 { font-weight: normal; font-size: 1.3em; }
h3 { font-weight: normal; font-size: 1.2em; }
h4 { font-weight: normal; font-size: 1.2em; }
a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

h1.header { font-size: 1.6em; margin: 10px 20px 20px; text-transform:uppercase; font-weight:bold; }

/*Common Page and Content Layout*/

#pgWidth, #pgHeader, #pgContent, #pgFooter, #siteNav, #subNav, #mainNav { width: 940px; }

#pgWidth { margin: 0 auto; background-color:White; }
#pgHeader { height: 186px; background: url(../Images/Brand/Header.jpg); background-repeat: no-repeat; overflow: hidden; }
#pgContent { background-color: white; width: 940px; overflow: hidden; padding-top:20px; }

#contentLeft { width: 490px; float: left; }
#contentLeft .col1 { margin: 0 0 0 20px; }
#contentLeft .col2 { width: 234px; float: left; padding-bottom: 40px; overflow: hidden; }

#contentRight { width: 430px; margin:0 0 0 20px; float: left; }
#contentRight .col1 { margin: 20px 0 0 0; }
#contentRight .col1.section { width: 334px; margin-top: 20px; }

#contentHeader { margin: 0 10px 10px 0; overflow: hidden; }
#contentHeader h1 { font-size: 2em; }

#introText { padding: 10px 10px 20px 0; overflow: hidden;}
#introText h2 { margin: 0 0 10px; }
#introText p { color:Black; font-size: 1.2em; line-height: 1.4em; }
#introText p a { color: #259ADE; border-bottom: dotted 1px #259ADE; }
#introText p a:hover { border-bottom: dotted 1px white; text-decoration: none; }
#introText p a.contactLink { margin:0 0 20px; display:inline-block; }

#pgFooter { height:40px; background-color:white; color: #6a6866; }
#pgFooter a { font-size: 1.1em; color: #6a6866; text-decoration: none; }
#pgFooter a:hover { color: white; }
#footText { margin: 10px 0 0 20px; }

/* Forms */


/*Article Page and Content Layout*/

#articleContentLeft { width: 440px; padding:20px 20px 20px 30px; float: left; }
#articleContentLeft .wrap { overflow: hidden; padding: 20px; }
#articleContentRight { width: 300px; float: left; }
#articleContentRight .col1 { width: 300px; float: left; }

#articleHeader { margin: 0 30px 20px 30px; overflow: hidden; }
#articleHeader img { width: 78px; height: 98px; float: left; border: 1px solid white; display: block; }
#articleSubHeader { padding: 20px 0; overflow: hidden; float: left; }
#articleSubHeader .articleNav, #articleFooter .articleNav { font-size: 1.1em; float: right; }
#articleSubHeader .articleNav a, #articleFooter a.articleNav { color: #719500; }
#articleSubHeader h2 { margin: 0 20px 5px 0; font-size: 2em; font-family: Georgia, "Times New Roman" , Times, serif; }
#articleSubHeader h4.articleCategoryNav a, #articleFooter h4.articleCategoryNav a { color: #719500; }
#articleSubHeader small { margin: 3px 0 0; display: block; font-size: 1.1em; color: #939497; }

#articleFooter h4.articleCategoryNav { display: inline; float: left; }
#articleFooter h4.articleNav { float: right; }

#article { margin: 0 20px 0 30px; padding: 10px 0 0; border-top: 1px solid #484544; clear: both; }
#article h3 { margin: 20px 0; font-size: 1.4em; color: black; text-transform:capitalize; font-weight:bold; }
#article p { margin: 0 0 20px 0; color: black; font-size: 1.2em; line-height: 2em; }

#article ol, #article ul { font-size: 1.2em; color: #d1d1d1; margin: 20px 0; padding: 0 20px; }
#article ol li, #article ul li { margin: 20px; }
#article ol { list-style-type: upper-roman; }
#article ul { list-style: none; }

#article a { color: #259ADE; border-bottom: dotted 1px #259ADE; }
#article a:hover { border-bottom: dotted 1px white; text-decoration: none; }

.articlePager { width: 380px; margin: 0 20px 0 100px; padding: 10px 0 0; overflow: hidden; }
.articlePager ul { float: left; }
.articlePager ul li { float: left; font-size: 1.2em; }
.articlePager ul li a { color: #b4d50d; display: block; padding: 1px 3px; border: 1px solid #484544; border-bottom: none; border-right: none; }
.articlePager ul li.articlePagerTitle { color: #676361; padding: 1px 3px; border-top: 1px solid #484544; border-left: 1px solid #484544; }
.articlePager ul { border-right: 1px solid #484544; border-left: none; }
.articlePager ul li a:hover { color: #1c1a1b; text-decoration: none; background-color: White; }
.articlePager ul li a.selected { background-color: #788d0d; color: #e9f998; }

#articleFooter { margin: 0 30px 50px 30px; padding: 20px 0 0; border-top: 1px solid #484544; overflow: hidden; }

#newsHeader { margin: 0 0 0 30px; height: 99px; }
#newsSubHeader .articleNav { margin: 0 3px 10px 0; font-size: 1.1em; float: left; }
#articleFooter .articleNav { margin: 0 3px 0 0; font-size: 1.1em; float: left; }
#newsSubHeader .articleNav a, #articleFooter .articleNav a { color: #b4d50d; }

#newsTitle { clear: both; width: 440px; }
#newsTitle .newsCategory h3 { color: #719500; }
#newsTitle h2 { margin: 5px 0; font-size: 2em; font-family: Georgia, "Times New Roman" , Times, serif; }
#newsTitle small { font-size: 1.1em; color: #939497; }
#newsArticle { margin: 0 20px 0 30px; padding: 10px 0; border-top: 1px solid #484544; clear: both; }
#newsArticle p { margin: 0 0 20px 0; color: black; font-size: 1.2em; line-height: 2em; }
#newsArticle a { color: #719500; border-bottom: dotted 1px #5d565a; }
#newsArticle a:hover { border-bottom: dotted 1px white; text-decoration: none; }

/*Navigation*/

#siteNav { height: 40px; margin: 146px 0 0;  overflow: hidden; border-top:1px solid white; background-color:#8fbd22 }

#mainNav { height: 40px; width:650px; float:left; overflow: hidden; }
#mainNav ul { height: 40px; text-transform:uppercase; }
#mainNav ul li { float: left; font-size: 1.5em;  }
#mainNav ul li a { float: left; height: 30px; padding: 9px 10px 0; color: White; text-decoration: none; }
#mainNav ul li a:hover { color: black; }
#mainNav ul li a.selected { height: 30px; background-color: #0071b3; }
#mainNav ul li a.selected:hover { color: black; }
#mainNav .hLight { background-color: #719500; }

#subNav { height: 27px; width:270px; padding:12px 0 0 0; float:left; overflow: hidden; }
#subNav ul { text-transform:uppercase; }
#subNav ul li { margin: 0 0 0 5px; display: inline; font-size: 1.2em; color:white; }
#subNav ul li a { margin: 0 5px 0 0; color: White; text-decoration: none; }
#subNav ul li a:hover { color: black; }

/*Controls*/

#ajaxAccordian { width: 470px; overflow: hidden; }

.linkList { margin: 20px; }
.linkList .title { margin: 10px 0 0; }
.linkList .title h2 { color: #719500; text-transform:uppercase; }
.linkList ul li a { text-decoration: none; }
.linkList ul li a:hover { color: #719500; }
.linkList .links ul li { font-size: 1.2em; margin: 5px 0 0 0; }
.linkList small.date { font-size: 1em; color: #939497; margin-left: 5px; }
.linkList .pagerTitle { margin: 0; }

.contPubPanel.twin { width: 470px; overflow: hidden; }
.contPubPanel .item {  width: 213px; margin:10px; float: left; overflow: hidden; }
.contPubPanel .item img { width: 78px; height: 98px; margin: 0 10px 0 0; font-size: 0; float: left; border:1px solid #848484; }
.contPubPanel .item h3 { font-size: 1.2em; text-transform:uppercase; }
.contPubPanel .item h3 a { color:White; } 
.contPubPanel .item p { font-size: 1.1em; color: #a0a0a0; }
.contPubPanel .item small a { font-size: 1.1em; color: #8FBD22; }
.contPubPanel .footer { width: 450px; height: 20px; background-color: #2c2b2c; padding: 6px 10px 0; overflow: hidden; }
.contPubPanel .footer a { color: #aeaeab; text-decoration: underline; font-size: 1.1em; }
.contPubPanel .footer a:hover { text-decoration: none; color: White; }

.secList.twin { width: 440px; overflow: hidden; }
.secList .item { height: 100px; width: 300px; float: left; overflow: hidden; margin-top:20px; }
.secList .item img { width: 78px; height: 98px; margin: 0 10px 0 0; font-size: 0; float: left; border:1px solid #848484; }
.secList .item h3 { margin: 5px 5px 0 0; font-size: 1.2em; text-transform:uppercase; font-weight:bold; }
.secList .item p { font-size: 1.1em; color: #a0a0a0; margin-right: 5px; }
.secList .item small a { font-size: 1.1em; color: #8FBD22; }
.secList .footer { width: 447px; height: 20px; background-color: #2c2b2c; padding: 6px 10px 0; border-left: 1px solid white; overflow: hidden; }
.secList .footer a { color: #aeaeab; text-decoration: underline; font-size: 1.1em; }
.secList .footer a:hover { text-decoration: none; color: White; }

.contLoader { border: 1px solid white; margin: 0 10px 0 0; }
.contLoader img { padding: 20px; }

.contPubList { margin: 0 20px 20px; overflow: hidden; }
.contPubList .title { margin: 10px 0; }
.contPubList .title h2 { color: #259ade; }
.contPubList .item { margin: 5px 0; }
.contPubList .item h3 a { text-decoration: none; }
.contPubList .item h3 a:hover { color: #259ade; }
.contPubList #ArticlePager { padding: 0; margin-left: 0; }
.contPubList .pagerTitle { margin: 0; }

.pager { clear: both; width: 100%; margin: 10px 0 30px; overflow: hidden; }
.pager ul li { float: left; }
.pager ul li a { margin: 0 3px 0 3px; }
.pager ul li a.selected { color: #a8c70d; }
.pagerTitle { color: #719500; margin: 0 5px 0 10px; }
.hidden { display: none; }

.secList.twin  .pager { clear: both; width: 100%; padding: 30px 0; overflow: hidden; font-size:1.2em; }
.secList.twin  .pager .pagerTitle { margin-left:0; }

/*Flash*/

#confRoller { width: 469px; height: 150px; }
#slideShow {  width: 455px; padding:15px 0 15px 15px; background-color:#719500; }
#videos {  width: 455px; padding:15px 0 15px 15px; background-color:#719500; }

/*Adverts*/

.wideSky, .fullBan { background-color: #2c2b2c; clear: both; font-size: 0; line-height: 0; }

.wideSky { width: 160px; height: 600px; display: none; }
.fullBan { width: 468px; height: 60px; border-right: 1px solid #1c1a1b; }
.midRec { height: 100px; margin: 40px 0 20px 20px; }

#virtualMap { height: 225px; width: 470px; overflow:hidden; }
#logoBar { width: 470px; height: 99px; overflow: hidden; background: url(../Images/UI/Backgrounds/LogoBG.jpg); background-repeat: repeat-x; background-color: #303030; }
#logoBar img { float: left; margin: 20px 15px; }
#logoBarB { width: 940px; padding:15px 0; background-color: #0071b3; }
#logoBarB img { float: left; margin:0 20px; }
#logoBarB #imgCentre { width:500px; margin:0 auto; overflow:hidden; }
#logoBar .foremostLogo { margin-top:30px; }
#logoBar .pgaLogo { margin-top:30px; }
#logoBarB .foremostLogo { margin-top:7px; }
#logoBarB .pgaLogo { margin-top:7px; }

/* Accordion */
.accordionHeader { width: 460px; height:25px; border-bottom:1px solid white; padding: 8px 0 0 10px; text-transform:uppercase; font-size: 1.2em; color: white; letter-spacing: .1em; background-color:#8fbd22; cursor: pointer; }
.accordionHeaderSelected { width: 460px; height:25px; padding: 8px 0 0 10px; font-size: 1.2em; letter-spacing: .1em; text-transform:uppercase; color:White; cursor: pointer; background-color:#8fbd22; }
.accordionContent { width: 470px; background-color: #201f1f; }

/* Quote Box */

#quote { width: 469px; overflow:hidden; }
#quote blockquote {  font-size: 1.6em; width:420px; margin:20px auto; line-height:160%; }
#quote .author { font-size: .9em; }
#quote .start { float: left; height: 45px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #FF0000; }
#quote .end { float: right; height: 25px; margin-top: 0px; padding-top: 45px; font-size: 700%; color: #FF0000; }