/* CSS Document */

* {margin: 0; padding: 0;}
img {border: none;}
body, html {font-family: Arial, Helvetica, sans-serif; background-color: #fff; line-height: 110%;}
/*h1, h2, h3, h4, h5, h6 {font-family: Helvetica, "Arial Narrow";}*/
h2 {color: #006c68; font-size: 150%;}
p {margin: 1em 0; color: #616161}
li { color: #616161 }
span.err  { color: #CC0000; font-weight: bold }


/* Header Styles */
#header {width: 100%; background: url(../images/main/header_bg.gif) repeat-x 0 0; height: 196px;}
#headerContent {width: 950px; margin: 0 auto;}
#headerNav {height: 48px; }
*html #headerNav {height: 44px; margin-top: 6px;}
#headerNav ul {list-style: none; padding: 16px 0 0 0;}
*html #headerNav ul { padding-top: 14px; }
#headerNav li {display: inline; }
#headerNav a {float: left; background: url(../images/main/headerNav_bg.gif) no-repeat left top; text-decoration: none; width: 115px; height: 13px; color: #fff; font-size: 13px; padding: 14px 0 5px 5px; font-weight: bold;}
*html #headerNav a { padding-top: 10px; }
#headerNav a.home:hover {background-image: url(../images/main/home_bg_on.jpg)}
#headerNav a.news:hover {background-image: url(../images/main/news_bg_on.jpg)}
#headerNav a.about:hover {background-image: url(../images/main/about_bg_on.jpg)}
#headerNav a.program:hover {background-image: url(../images/main/progs_bg_on.jpg)}
/*#headerNav a.events:hover {background-image: url(../images/main/events_bg_on.gif)}
#headerNav a.resources:hover {background-image: url(../images/main/resources_bg_on.gif)}
#headerNav a.contact:hover {background-image: url(../images/main/contact_bg_on.gif)}*/
#headerNav a.controlpanel { width: 100px}


#siteAdmin {height: 28px; background: url(../images/main/siteAdmin_bg.jpg) no-repeat 0 0; margin: 0 0 0 0;}
#CommonHeaderUserWelcome {text-align: right; margin-right: 48px; color: #fff; font-weight: normal}
#CommonHeaderUserWelcome a {color: #fff; font-size: 100%; line-height: 28px; padding: 0 5px;}
 

/* Content */
div.Common {width: 950px;}
#container {background: #fff url(../images/main/container_bg.jpg) repeat-x 0 0; clear: both;}
#CommonContent, .commonContentArea {width: 640px; float: left;}
.CommonContent {width: 518px; padding: 0 16px;}
.CommonTitle {font-size: 200%;}

/* Form page styles */

#divFormHeader { width: 640px; margin: 0 auto; padding-top: 10px}
.divContact { width: 600px; margin: 0 auto; padding: 20px; background-color: #EFEFEF}
.divContact table { width: 480px; }
.divContact table th { text-align: left; vertical-align: top; color: #006c68; padding: 3px;  }
.divContact table th.thSection { padding-bottom: 5px; padding-top: 10px; text-transform: uppercase; font-weight: normal;}
.divContact table td { vertical-align: top; padding: 3px;}
.divContact table td span { margin-left: 0px; padding-left: 0px;}
.divContact table input { margin-right: 6px; }


/* Blog Sidebar */
#SideBarBlogHeader { width: 180px; color: #FFF; font-size: 110%; padding: 4px 0 4px 10px; background-image: url(../images/main/menuHead.gif);}
#SidebarBlogLeft {margin-left: 40px; margin-top: 20px; width: 189px; float: left; background-color: #FFF}
*html #SidebarBlogLeft {margin-left:20px }
#SidebarBlogLeft ul.BlogPostList { margin-top: 0px; }
#SidebarBlogLeft ul.BlogPostList li {padding: 3px; margin: 0; background: #fff url(../images/main/sidebarMenuArrow.gif) no-repeat 0% 10px; }
#SidebarBlogLeft ul.BlogPostList li a {color: #7c7c7c; text-decoration: none;}
#SidebarBlogLeft ul.BlogPostList li a:hover {text-decoration: underline;}
#SidebarBlogLeft ul.BlogPostList li h4  {margin: 0; padding: 5px 5px 5px 20px; font-weight: lighter; font-size: 105%;border-bottom: 1px dashed #d0d0d0; }

#SidebarBlogLeft ul.BlogSubPostList { margin-top: 0px; list-style-type: none}
#SidebarBlogLeft ul.BlogSubPostList li {padding: 3px; margin-left: 20px; background: #fff url(../images/main/sidebarMenuArrow.gif) no-repeat 0% 10px;  }
#SidebarBlogLeft ul.BlogSubPostList li a {color: #7c7c7c; text-decoration: none;}
#SidebarBlogLeft ul.BlogSubPostList li a:hover {text-decoration: underline;}
#SidebarBlogLeft ul.BlogSubPostList li h4  {margin: 0; padding: 5px 5px 5px 20px; font-weight: lighter; font-size: 95%;}

 /*Blog Content */
/*.BlogPostContent {width: 685px;}*/
.BlogPostContent { margin-left: 10px; margin-right: 10px; float: left }
.BlogPostContent img {float: left; vertical-align: text-top; padding: 0 10px 5px 0; }
.divBlogContent { float: left; width: 640px; margin-left: 32px; margin-top: 20px;  }
.divBlogContent ul {list-style: none; padding: 0; margin: 0; display:table}
*html .divBlogContent ul { display:inline-block }
*:first-child+html .divBlogContent ul { display:inline-block }
.BlogPostContent .pplogo { float: none; padding: none; vertical-align: top; margin-left: 30px;}

.divBlogContent h2 { font-size: 120%; margin-top: 15px; margin-bottom: 0; padding-bottom: 8px; line-height: 110%; margin-left: }
.divBlogContent p {  }
.divBlogContent p img { margin-right: 8px; margin-bottom: 8px;  }
*html .divBlogContent p img { margin-right: 12px }
.divBlogContent li { margin-bottom: 1em; border-bottom: 1px dashed #CCCCCC;  }
.divBlogContent ul h2 { font-size: 110%; margin-top: 10px; }
.divBlogContent ul .BlogListContent { margin-top: 8px; padding-bottom: 15px; border-bottom: 1px dashed #CCCCCC }
.divBlogContent a { color: #006c68; }
.divBlogContent a:hover { text-decoration: none; }
.divBlogContent a:visited { color: #666666 }
.divBlogContent li span.clear { clear: both; display: block }

.divBlogContent ul.BlogPostList li { padding-bottom: 6px }
.divBlogContent ul.BlogPostList li ul { margin-bottom: 10px }
.divBlogContent ul.BlogPostList li ul li { margin-bottom: 0; border-bottom: none; margin-left: 30px; list-style-type: disc}
.divBlogContent ul.BlogPostList li .ppPara { clear: both; }
.divBlogContent ul.BlogPostList li .pplogo { margin-left: 30px; vertical-align: top; }

.divBlogContent .BlogPostContent ul { margin-bottom: 10px; border-bottom: none;}
*html .divBlogContent .BlogPostContent ul { margin-left: 20px; padding-left: 10px }
.divBlogContent .BlogPostContent li { padding-bottom: 10px; border-bottom: none; }
.divBlogContent .BlogPostContent li { margin-bottom: 0;  margin-left: 30px; }
.divBlogContent .BlogPostContent ul li { list-style-type: disc}

/* Search Nav Styles */

#divSearchNav { margin-top: 20px; margin-bottom: 15px; }
#divSearchNavPages { width: 70px; float: left; }
#divSearchNavLinks { width: 500px; float: left; text-align: center;}

#divArchive { padding-top: 20px; clear: both; }
#divArchive h3 {color: #006c68; margin-bottom: 10px; }


/* Sidebar */
.CommonSidebarArea {overflow: visible;}
#CommonSidebarRight .CommonSidebar {width: 370px; float: left;}

/* Puff Sidebar */
#divPuffColumn { float: left; width: 190px; margin-top:20px; margin-left: 30px; }
*html #divPuffColumn { margin-left: 10px; }
.divPuffTop { background: url(../images/main/puff_bg_top.gif) no-repeat 0 0; height: 9px; margin-top: 30px;}
*html .divPuffTop { line-height: 0.1em; font-size: 0.1em; }
.divPuffBot { background: url(../images/main/puff_bg_bot.gif) no-repeat bottom left; padding: 6px 15px 15px 15px }
.divPuffBot b, .divPuffBot a { color: #616161 }
.divPuffBot ul { list-style-type: none; margin-top: 5px; }
.divPuffBot li { padding: 3px 3px 3px 12px; margin: 0; background: #fff url(../images/main/puffMenuArrow.gif) no-repeat 0% 6px; border-bottom: none}
.divPuffBot a { text-decoration: underline; }
.divPuffBot a:hover { text-decoration: none; } 
.divPuffBot ul li a { text-decoration: none; }
.divPuffBot li a:hover  {text-decoration: underline; }

/* Homepage Styles */
#divHomeWelcome { width: 520px; padding-bottom: 15px; margin-bottom: 0;}

#divHomeWelcome p {padding: 5px 25px;}
#divHomeWelcomeTop { background: url(../images/main/homeWelcome_bg_top.gif) no-repeat 0 0; height: 11px; font-size: 0.1em; line-height: 0.1em}
#divHomeWelcomeBot { background: url(../images/main/homeWelcome_bg_bot.gif) no-repeat bottom left; padding-bottom: 15px } 
#divHomeWelcomeBot h2 { padding: 10px 25px 0px 25px; font-size: 150%; }

.ContentAreaHome { width: 520px; float: left; margin-top: 20px; margin-left: 30px; }
#divHomePostList { margin-top: 15px; }
#divHomePostList .BlogPostList ul { margin-top: 20px; margin-right: 10px; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC }
#divHomePostList .BlogPostList li { margin-bottom: 0; border-bottom: 1px dashed #CCCCCC; list-style-type: none }
#divHomePostList .BlogPostList h2 { font-size: 110%; margin-top: 10px; }
#divHomePostList .BlogPostList li a { color: #006c68; }
#divHomePostList .BlogPostList li a:hover { text-decoration: none; }
#divHomePostList .BlogPostList li img { margin-right: 6px; margin-bottom: 6px; }
#divHomePostList .BlogPostList li span.clear { clear: both; display: block }

.SidebarHome { width: 325px; float: left; margin-left: 30px; margin-top: 12px; }
.SidebarHomeOff { width: 325px; float: left; border: none; }
.SidebarHomeOn { width: 325px; float: left; border: 1px dashed #CCCCCC }


/* Blog Homepage Styles */
#divBlogDescTop { width: 640px; background: url(../images/main/grey_main_topper.gif) no-repeat 0 0; padding-top: 8px; font-size: 0.1em; line-height: 0.1em; }
#divBlogDescBottom {width: 600px; background: url(../images/main/grey_main_bot.gif) no-repeat bottom left; padding: 5px 20px 20px 20px; margin-bottom: 20px; }
#divBlogDescBottom ul { margin-top: 10px; margin-bottom: 0; }
#divBlogDescBottom ul li { margin-left: 30px;  }
#divBlogDescBottom .rsslink img, #ProgrammesLower .rsslink img { vertical-align: bottom; margin-bottom:1px; margin-right: 5px}
#ProgrammesLower .rsslink img { margin-right: 0px; }
#divBlogDescBottom a.rsslink, #ProgrammesLower a.rsslink  { text-decoration: none; font-weight: bold}

/* Programme Homepage Styles */
.SidebarHome div.prog1 {background-color: #ee8a1d; width: 322px; margin: 10px auto; color: #fff;}
.SidebarHome div.prog2 {background-color: #005695; width: 322px; margin: 10px auto; color: #fff;}
.SidebarHome div.prog3 {background-color: #a1b69a; width: 322px; margin: 10px auto; color: #fff;}
.SidebarHome div.prog4 {background-color: #b45340; width: 322px; margin: 10px auto; color: #fff;}
.SidebarHome div.prog5 {background-color: #c0b02c; width: 322px; margin: 10px auto; color: #fff;}

.SidebarHome .progThumb {float: left; width: 65px; margin: 6px 0 6px 6px; text-align: left;}
*html .SidebarHome .progThumb { margin-left: 3px; }
.SidebarHome .progInfo { margin-left: 10px; float: left; width:240px }
*html .SidebarHome .progInfo { width: 210px }
.SidebarHome .progInfo h4 {color: #fff; font: bold 105% Arial, Helvetica, sans-serif; border-bottom: none; margin-top: 4px; margin-bottom: 0px }
.SidebarHome .progInfo p { color: #fff; font-size: 80%; margin-top: 0px;  }
.SidebarHome ul {list-style: none; margin: 5px auto; clear: both; padding-left: 80px; padding-bottom: 2px }

div.prog1 ul {background-color: #f3ad61;}
div.prog2 ul {background-color: #4d89b5;}
div.prog3 ul {background-color: #bdccb8;}
div.prog4 ul {background-color: #cb877a;}
div.prog5 ul {background-color: #d3c86c;}
.SidebarHome li {display: inline; font-size: 80%;}
.SidebarHome a, .SidebarHome a:visited, .SidebarHome a:visited { color: #fff; text-decoration: none; }
.SidebarHome a:hover { color: #fff; text-decoration: underline; }



/* Programmes */
#divProgsWelcome {width: 415px; padding-bottom: 15px; margin: 10px 0 10px 40px; float: left}
#divProgsWelcomeTop { height: 11px; background: url(../images/main/progs_welcome_top.gif) no-repeat top left; font-size: 0.1em; line-height: 0.1em; }
#divProgsWelcomeBot { background: url(../images/main/progs_welcome_bot.gif) no-repeat bottom left; padding-bottom: 28px; padding-right: 8px; }
#divProgsWelcome h2 {color: #006c68; padding: 15px 25px 0 25px; font-size: 150%; }
#divProgsWelcome p {padding: 5px 25px;}
#divProgsWelcome li { margin-left: 40px }

#programmes .BlogPostArea {padding: 0 5px; margin: 0 0 0 80px;background-image: none; padding: 0;border: none;}
#programmes .BlogPostHeader {font-size: 100%;}
#programmes .BlogPostContent { margin-top: 6px; margin-bottom: 6px; margin-left: 0 }
#programmes .BlogPostList {background: #fff; list-style-type: none}
#programmes div.program1 {background-color: #ee8a1d; width: 415px; margin: 10px auto 0px auto; color: #fff; text-align: left;}
#programmes div.program2 {background-color: #005695; width: 415px; margin: 10px auto 0px auto; color: #fff; text-align: left;}
#programmes div.program3 {background-color: #a1b69a; width: 415px; margin: 10px auto 0px auto; color: #fff; text-align: left;}
#programmes div.program4 {background-color: #b45340; width: 415px; margin: 10px auto 0px auto; color: #fff; text-align: left;}
#programmes div.program5 {background-color: #c0b02c; width: 415px; margin: 10px auto 0px auto; color: #fff; text-align: left;}

.tblProgHome { height: 160px; border-collapse: collapse; border: none; }
.tblProgHome td { vertical-align: top; }

#citizen, #edemo, #hansardScot, #govern, #study {float: left; width: 415px; padding-bottom: 10px; margin-left: 40px;}
#programmes .progThumb {float: left; width: 65px; margin: 6px 0 6px 6px; text-align: left;}
*html #programmes .progThumb { padding-bottom: 4px; }
#programmes .progInfo { float: left; width: 300px; margin: 6px 6px 6px 20px; text-align: left; }
#programmes .progInfo p { color: #FFF; margin-bottom: 0; }
#programmes select { margin: 0 0 0 28px; color: #666; font-weight: normal;}
#programmes li { margin-bottom: 6px; }
#programmes li a { color: #666666; }
#programmes li a:hover { text-decoration: none; }
#programmes li a:visited { color: #666666 }
#programmes li p img { margin-right: 6px; margin-bottom: 0; }
#programmes li span.clear { clear: both; display: block }

div.program1 a, div.program2 a, div.program3 a, div.program4 a, div.program5 a { color: #FFFFFF; font-size: 100%; text-decoration: none; }
div.program1 a:visited, div.program2 a:visited, div.program3 a:visited, div.program4 a:visited, div.program5 a:visited { color: #FFFFFF; font-size: 100%; text-decoration: none; }
div.program1 a:hover, div.program2 a:hover, div.program3 a:hover, div.program4 a:hover, div.program5 a:hover { color: #FFFFFF; font-size: 100%; text-decoration: underline; }
div.program1 ul, div.program2 ul, div.program3 ul, div.program4 ul, div.program5 ul {padding: 5px auto; clear: both; list-style: none;}
div.program1 li, div.program2 li, div.program3 li, div.program4 li, div.program5 li {padding: 4px 6px 1px 4px; font-weight: bold;}

div.program1 ul {background-color: #fbe5cd; color: #ee8a1d; border-bottom: 1px dashed #CCCCCC}
div.program2 ul {background-color: #c8d9e9; color: #005695; border-bottom: 1px dashed #CCCCCC}
div.program3 ul {background-color: #eaefe9; color: #a1b69a; border-bottom: 1px dashed #CCCCCC}
div.program4 ul {background-color: #eed9d4; color: #b45340; border-bottom: 1px dashed #CCCCCC}
div.program5 ul {background-color: #f1edd0; color: #c0b02c; border-bottom: 1px dashed #CCCCCC}
div.bottom1 {background-color: #ee8a1d; padding-bottom: 10px; height: 0;}
div.bottom2 {background-color: #005695; padding-bottom: 10px; height: 0;}
div.bottom3 {background-color: #a1b69a; padding-bottom: 10px; height: 0;}
div.bottom4 {background-color: #b45340; padding-bottom: 10px; height: 0;}
div.bottom5 {background-color: #c0b02c; padding-bottom: 10px; height: 0;}


/* Programmes Lower */
#ProgrammesLower .BlogPostArea {padding: 0 5px; margin: 0;background-image: none; padding: 0;border: none;}
#ProgrammesLower .BlogPostHeader {font-size: 100%;}
#ProgrammesLower .BlogPostContent { margin-top: 6px; margin-bottom: 6px; }
#ProgrammesLower .BlogPostList {background: #fff;}
#ProgrammesLower div.program1 {background-color: #ee8a1d; width: 640px; margin: 0 auto; color: #fff; text-align: left; clear: both;}
#ProgrammesLower div.program2 {background-color: #005695; width: 640px; margin: 0 auto; color: #fff; text-align: left;}
#ProgrammesLower div.program3 {background-color: #a1b69a; width: 640px; margin: 0 auto; color: #fff; text-align: left;}
#ProgrammesLower div.program4 {background-color: #b45340; width: 640px; margin: 0 auto; color: #fff; text-align: left;}
#ProgrammesLower div.program5 {background-color: #c0b02c; width: 640px; margin: 0 auto; color: #fff; text-align: left;}

#ProgrammesLower .progInfo {float: left; width: 438px; margin: 10px 10px 10px 20px; text-align: left;}
#ProgrammesLower .progInfo h4 a,  #ProgrammesLower .progInfo p {color: #fff;}
#ProgrammesLower .progThumb {float: right; width: 65px; margin: 10px 10px 10px 6px; text-align: left;}

#ProgrammesLower div.bottom1 {background-color: #fbe5cd; height: 10px;}
#ProgrammesLower div.bottom2 {background-color: #c8d9e9; height: 10px;}
#ProgrammesLower div.bottom3 {background-color: #eaefe9; height: 10px;}
#ProgrammesLower div.bottom4 {background-color: #eed9d4; height: 10px;}
#ProgrammesLower div.bottom5 {background-color: #f1edd0; height: 10px;}

#ProgrammesLower div.dashes { border-bottom: 1px dashed #CCCCCC; padding-top: 10px; }

#ProgrammesLower .BlogPostContent {clear: both;}
#ProgrammesLower .BlogPostContent .progImg {float: left; width: 200px;}
#ProgrammesLower .BlogPostContent .progContent {float: left; }
#ProgrammesLower .BlogPostContent .progContent p {padding: 0 10px;}
#ProgrammesLower .BlogPostContent .progContent li { border-bottom: none; list-style-type: disc; margin-left: 40px; color: #616161 }




/* Form Styles */
form table td {padding: 5px 5px 0 5px; color: #026c6a;}


/* Footer Styles */
#footer {width: 950px; margin: 20px auto; border-top: 1px dotted #CCCCCC; }
/*#footer {width: 100%; background: url(../images/main/footer_bg.gif) repeat-x bottom left; border: 1px solid #CC0000}*/

#footerContent {width: 910px; margin-top: 20px; padding: 0 20px 0 20px; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
#footerPuffs {clear: both;}
#footerPuffs h3 {padding: 0; color: #006c68; margin-top: 0px; color: #616161}
#footerPuffs ul {list-style: none;}
#footerPuffs li {float: left; padding-right: 20px;}
#footerPuffs li a {text-decoration: none; color: #006c68; font-size: 90%;}
#footerLeft {width: 480px; float: left; padding-right: 20px; border-right: 1px dotted #CCCCCC;}
#footerLeft p img {float: left; padding: 5px 5px 5px 0;}
#footerRight {width: 380px; float: left;margin-left: 20px }
#footerRight img, #footerLeft img { margin-right: 10px; }
#copyright {clear: both; height: 31px; background-color: #006c68; }
#copyright p {text-align: center; padding: 5px 0; color: #fff; font-size: smaller;}
#baseNav {height: 44px;}
#baseNav p {text-align: center; padding: 5px 0; color: #006c68; font-size: smaller;}
#baseNav p a {color: #006c68; text-decoration: none;}

.footer { border: none; }
.footerOn { border: 1px solid #CC0000 }


/* .blogPostList { width: 200px } */