/* CSS Document */


.hidden {display:none;}

.members_slideshow {position:relative; width:220px; height:134px;}
.members_slideshow a {position:absolute; top:0px; left:0px;}


/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:960px; }

#header {position:relative; z-index:100; width:100%; height:136px; margin:0px; padding:0px; border-bottom:#003366 0px solid;}


#logo {  width:310px; height:90px; margin:0px; padding:0px; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:158px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px;}

#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;}

#content {width:300px; float:left;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#footer_top {position:relative; padding:0px 0px 0px 0px; margin-top:30px; margin-left:auto; margin-right:auto; width:960px; height:220px; background:url(../images/footer_top_bg.jpg) left bottom no-repeat;}
#footer_top_small {position:relative; padding:0px 0px 0px 0px; margin-top:30px; margin-left:auto; margin-right:auto; width:960px; height:70px; background:url(../images/footer_top_bg.jpg) left bottom no-repeat;}


#footer_wrap { width:100%; margin:-30px 0px 0px 0px; padding:30px 0px 20px 0px;background:#333; min-height:200px; height:auto !important; height:200px;}
#footer {position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:960px; }
#footer_bottom {position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:960px; border-top:1px solid #666; }

#copyright {color:#fff;}

.clear { clear:both; }

/*------------------------------------ text-page -----------------------------------------------------------*/

#sidebar { width:210px;  min-height:100px; height:auto !important; height:100px; float:left;  margin:6px 0px 18px 0px; padding:0px; }
#sidebar h1 {background:url(/images/sidebar_header_bg.jpg) left top no-repeat #D12B53; color:#ffffff; font-size:14px; font-weight:normal; padding:7px 0px 8px 10px; margin:0px 0px 1px 0px;}

#sidebar_nav {background:#e7e7e7;  padding:0px 0px 32px 0px;}
#sidebar_nav a {background:url(../images/arrowbottom.jpg) no-repeat right bottom; display:block; border-bottom:1px solid #ffffff; font-size:0.9em; color:#4b4b4b; padding:13px 10px 8px 10px; }
#sidebar_nav a:hover {background:#6EB869;  text-decoration:none; color:#ffffff; }

#sidebar_nav_inner {  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sidebar_nav_inner a {background:#cccccc;  padding:4px 0px 4px 25px; margin:0px 0px 0px 0px;}
#sidebar_nav_inner a:hover {background:#9EDF99;  text-decoration:none; color:#333333; }

.selected {font-weight:bold;}

#sidebar #adverts {border-top:1px dashed #cecece; margin:8px 0px 0px 9px; width:200px;}

#content_textpage {width:734px; float:right; margin:6px 0px 18px 0px;}
#content_textpage_left {width:511px; float:left;}


#cookie_trail {width:100%; border-bottom:1px solid #333; }
#cookie_trail p {padding:7px 0px 0px 5px; color:#333; font-size:0.9em; margin:0px 0px 5px 0px;}

#cookie_trail a {color:#333; font-size:0.9em;}

#text {width:475px; margin-left:12px;}


#content_textpage_right { float:right; width:207px; border-left:1px dashed #fff; padding:28px 0px 0px 3px;}


.news_item h2 { font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.news_item h3 { color:#33873A; font-size:1.2em }
.news_item { margin:0px 0px 30px 0px; }

/*------------------------------------ header options -----------------------------------------------------------*/


#header_options {position:absolute; top:0px; right:0px; width:270px; height:90px;}
        
#text_size {float:left; display:block;}
#text_size p, #text_size p a {color:#666;}
#text_size p a {font-weight:bold;}
#text_size p #small {font-size:12px; }
#text_size p #medium {font-size:16px;}
#text_size p #large {font-size:20px;}

#language_select {float:right; display:block; margin-left:10px; background:url(../images/language_select_bg.jpg) left top no-repeat; width:118px; height:17px; padding:13px 0px 10px 12px;}
#language_select a {color:#fff;}

#searchform {position:absolute; top:60px; right:0px; width:220px; height:24px; background:url(../images/search_bg.jpg) left top no-repeat; }
#searchform p {margin:0px;}
#searchform input {padding:4px; margin:0px; float:left; display:block; background:none; border:0px; width:147px;}
#searchform button {padding:0px; margin:2px; float:right; display:block; background:url(../images/search_btn_bg.jpg) left top no-repeat; width:55px; height:20px; border:0px; color:#fff; font-size:11px;}



#home_news {height:100px; margin-bottom:10px; border-bottom:1px solid #666;}


/*------------------------------------ twitter -----------------------------------------------------------*/

#twitter_feed {height:170px; overflow:hidden;}
#twitter_feed p {font-size:12px; margin-top:0px !important;}
#twitter_feed p a {color:#BF1D9B !important;}
.datepost_twitter {color:#52C64E !important; font-size:10px !important;}


/*------------------------------------ slideshow -----------------------------------------------------------*/


.window {height:260px; width:960px; overflow: hidden; position: relative; border:0px solid #000; margin:30px 0px 10px 0px;}
    

.image_reel {position: absolute; top: 0; left: 0; z-index: 10;}
.image_reel .slide {float:left; margin:0px 0px 0px 0px; padding:0px; }



#home_slideshow {position:relative; width:960px; height:320px;}

.slide {float:left; display:block; width:960px; height:260px;}

.slide .slide_image {float:left; display:block; width:535px; height:250px;}

.slide .slide_content {float:right; display:block; background:url(../images/slide_content_bg.jpg) left top no-repeat; width:380px; height:230px; padding:20px 0px 0px 20px;}
.slide .slide_content h1 {font-size:23px !important; color:#333 !important; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px;}
.slide .slide_content h3 {font-size:16px !important; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.slide .slide_content h3 a {color:#9E0C84;}



.gal_paging {float:right; height:21px; z-index: 100; text-align: center; display: none; }
.gal_paging a {width:27px; height:20px; margin-left:5px; padding:5px 0px 0px 0px; display:block; float:left; text-decoration:none; color:#666; background:url('/images/slideshow_link.gif') top left no-repeat;}

.gal_paging a.active {font-weight: normal; background-position:0px -25px; text-decoration:none; color:#000; }
.gal_paging a:hover {font-weight: normal; background-position:0px -25px; text-decoration:none; color:#FFF;}





/*------------------------------------ subject blocks -----------------------------------------------------------*/


.subject_block {float:left; display:block; width:200px; height:207px; padding:0px 0px 0px 20px; margin:0px 10px 0px 10px; cursor:pointer;}
.subject_block_header {}
.subject_block_header h1 {margin-bottom:0px; font-weight:normal;}
.subject_block_header h1 a {font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
.subject_block_header h1 a:hover {text-decoration:none;}

.subject_block_content {}
.subject_block_content p {margin-top:6px; color:#FFF; line-height:16px; font-size:12px;}

#connections {background:url(../images/block_network.jpg) left top no-repeat;}
#solutions {background:url(../images/block_solutions.jpg) left top no-repeat;}
#agile {background:url(../images/block_agilenation.jpg) left top no-repeat;}
#policy {background:url(../images/block_policy.jpg) left top no-repeat;}

.subject_block .hovered {background-position:-220px 0px;}


.last_block {margin:0px !important;}


.small_subject_block {float:left; display:block; width:200px; height:46px; padding:14px 0px 0px 20px; margin:0px 10px 0px 10px; cursor:pointer;}
.small_subject_block h1 {margin:0px; font-weight:normal;}
.small_subject_block h1 a {font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
.small_subject_block h1 a:hover {text-decoration:none;}

#small_connections {background:url(../images/small_block_connection.jpg) left top no-repeat;}
#small_solutions {background:url(../images/small_block_solutions.jpg) left top no-repeat;}
#small_agile {background:url(../images/small_block_agilenation.jpg) left top no-repeat;}
#small_policy {background:url(../images/small_block_policy.jpg) left top no-repeat;}






/*------------------------------- Competition page ----------------------------*/


#competition_container {background:#F1F1F1; width:714px; padding:10px;}

#competition_container #contest-entry-en-upload_photo1.required {border:1px solid #666 !important; background-color:#EBEBE4;}
#competition_container #contest-entry-en-upload_photo2 {border:1px solid #666 !important; background-color:#EBEBE4;}


#competition_title {}
#competition_title h1 {width:695px; height:28px; padding:4px 0 0 30px; margin:0; background:#6EB869; font-size:18px; color:#FFF; font-weight:bold;}
#competition_title h2 {width:261px; height:30px; padding:8px 0 0 30px; margin:0; background:url(/images/purple_rounded_bg.jpg) left top no-repeat; font-size:16px; color:#FFF; font-weight:normal;}


#competition_content {width:684px; padding:0 15px; margin:15px 0 0 0;}




#competition_slideshow {}

#comp_main_image {float:left; display:block; width:480px; height:325px; position:relative; overflow:hidden;}
#comp_main_image img {position:absolute; top:0; left:0; height:325px; display:none;}

#slideshow_mask {position:absolute; top:0; left:0; z-index:100; background:url(/images/slideshow_mask.png) left top no-repeat; width:480px; height:325px;}


#prev_link {width:23px; height:280px; display:block; background:url(/images/prev_link_bg.png) left top no-repeat; position:absolute; top:20px; left:9px; z-index:600;}
#prev_link:hover {background-position:-28px 0;}

#next_link {width:23px; height:280px; display:block; background:url(/images/next_link_bg.png) left top no-repeat; position:absolute; top:20px; right:9px; z-index:600;}
#next_link:hover {background-position:-28px 0;}

#slideshow_nav {position:absolute; bottom:15px; right:50px; z-index:300;}
#slideshow_nav a {margin:0 0 0 8px;}

#comp_thumbs {float:left; display:block; width:100px; margin:0 0 0 20px;}
#comp_thumbs ul {margin:0; padding:0;}
#comp_thumbs ul li {list-style:none; margin:0 0 11px 0; position:relative;}
#comp_thumbs img {}

.thumb_mask {position:absolute; top:0; left:0; z-index:100; background:url(/images/thumb_mask.png) left top no-repeat; width:98px; height:98px;}



#comp_entry_info {width:480px; margin:0 0 0 10px;}


p.uploaded_by {color:#9F228B; margin:10px 0 20px 0;}

span.number_comments {margin:0 0 0 40px;}

#comp_entry_info p {}




#comment_form {width:320px; margin:40px 0 0 20px; float:left; display:block;}

#comment_form p {}

#comment_form form {padding:0;}
#comment_form form p {}
#comment_form label {display:none;}
#comment_form input {font-family:arial, helvetica, sans-serif; font-size:13px; width:308px; padding:4px 6px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}
#comment_form textarea {font-family:arial, helvetica, sans-serif; font-size:13px; width:308px; height:100px; padding:4px 6px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}
#comment_form select {width:320px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}

#comment_form button {float:right; display:block; background:#E1E1E1; color:#A0238B; border:0; padding:5px 10px;}
#comment_form button:hover {background:#DDD;}



#comment_get_involved {float:left; display:block; width:230px; padding:10px 20px; margin:77px 0 0 40px; background:#E0E0E0;}
#comment_get_involved h3 {font-size:16px; font-weight:bold; color:#9F208B; margin-top:0;}

#comment_get_involved p {color:#000;}

#upload_link {position:relative; z-index:100; width:190px;}

#upload_link a {font-size:16px; color:#9F208B; background:#CBCBCB; padding:3px 20px; border-bottom:1px solid #9F208B;}
#upload_link a:hover {text-decoration:none; background:#AAA;}


#download_link {float:right; display:block; width:145px; position:relative; z-index:100; margin:-40px 0 10px 0;}



#download_link p {}

#download_link a {font-size:16px; color:#9F208B; background:#CBCBCB; padding:3px 20px; border-bottom:1px solid #9F208B;}
#download_link a:hover {text-decoration:none; background:#AAA;}

#swish {margin:-50px 0 0 -15px;}

.download_welsh {width:176px !important;}
.download_welsh p {padding:0 0 0 30px;}


#entry_form {width:320px; margin:40px 0 0 20px; float:left; display:block;}

#entry_form p {}

#entry_form form {padding:0;}
#entry_form form p {}
#entry_form label {}
#entry_form input {font-family:arial, helvetica, sans-serif; font-size:13px; width:308px; margin:0 0 10px 0; padding:4px 6px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}
#entry_form input[type="radio"] {width:15px;}
#entry_form textarea {font-family:arial, helvetica, sans-serif; font-size:13px; width:308px; margin:0 0 10px 0; height:130px; padding:4px 6px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}
#entry_form select {width:320px; background:#E0E0E0; border:0; border-right:1px solid #A0238B; border-bottom:1px solid #A0238B;}

#entry_form button {float:right; display:block; background:#E1E1E1; color:#A0238B; border:0; padding:5px 10px;}
#entry_form button:hover {background:#DDD;}

#upload_captcha label {display:none;}


#comment_form .preferred_time_label, .preferred_time_label {float:left; display:block; width:145px; color:#A0238B; font-weight:bold; margin:10px 0; }

#am_input {float:left; display:block; width:50px;}
#am_input label {margin:0 5px 0 0; color:#A0238B;}
#pm_input {float:left; display:block; width:50px;}
#pm_input label {margin:0 5px 0 0; color:#A0238B;}



#submission_box {float:left; display:block; width:230px; padding:10px 20px 20px 20px; margin:77px 0 0 40px; background:url(/images/submission_box_bg.jpg) left bottom no-repeat #E0E0E0;}
#submission_box h3 {font-size:16px; font-weight:bold; color:#9F208B; margin-top:0;}

#submission_box p {color:#000;}

#submission_box p label {display:none;}

#submission_box button {font-size:12px; color:#9F208B; background:#CBCBCB; width:200px; padding:3px 0px; border:0; border-bottom:1px solid #9F208B;}
#submission_box button:hover {text-decoration:none; background:#AAA;}


#tandc {float:left; display:block; width:230px; padding:10px 20px 20px 20px; margin:40px 0 0 40px; background:#E0E0E0;}
#tandc h3 {color:#A0238B; font-size:18px; font-weight:bold;}
#tandc p {color:#000; font-size:14px;}




/*------------------------------------ breadcrumb -----------------------------------------------------------*/


#breadcrumb { padding:0px 0px 0px 0px; border-bottom:1px solid #333;}
#breadcrumb p { font-size:11px; }
#breadcrumb p a { color:#40A94A;}






/*------------------------------------ login -----------------------------------------------------------*/


#login {background:url(/images/login_form_top.jpg) left top no-repeat #58585A; width:180px; padding:10px 0px 0px 0px;}
#login h1 {color:#fff !important; padding-left:10px; margin:0px;}
#login form {padding:0px 10px;}
#login form label {color:#fff;}
#login form button {background:#333; border:1px solid #CCC; color:#fff;}
#login form button:hover {background:#000; border:1px solid #CCC; color:#fff;}
#login p {color:#fff;}
#login p a {color:#fff; font-weight:bold;}
#login_bottom {background:url(/images/login_form_bottom.jpg) left bottom no-repeat; height:14px; width:100%; }




/*------------------------------------ footer section -----------------------------------------------------------*/

.footer_section {float:left; display:block; width:220px; margin:0px 10px;}
.footer_section_header {background:url(../images/footer_header_bg.jpg) left top no-repeat; width:204px; height:34px; padding:14px 0px 0px 16px; margin-bottom:10px;}
.footer_section_header h1 {margin:0px; font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
#twitter .footer_section_header {background:url(../images/footer_twitter_bg.jpg) left top no-repeat; width:220px; height:34px; width:144px; padding:14px 0px 0px 76px;}

.footer_section p {font-size:12px; line-height:15px; color:#FFF;}
                    
.pink {color:#BF1D9B;}
.green {color:#52C64E;}

.quick_news {float:left; display:block; margin:0px 0px 10px 0px;}
.quick_news_date {width:30px; float:left; display:block;}
.quick_news_date a {}
.quick_news_date a span {display:block;}

#pink .quick_news_date a {color:#BF1D9B;}
#green .quick_news_date a {color:#52C64E;}
#pink .quick_news_content {border-left:1px solid #BF1D9B;}
#green .quick_news_content {border-left:1px solid #52C64E;}
#pink .quick_news_content a {color:#BF1D9B;}
#green .quick_news_content a {color:#52C64E;}

.quick_news_content {width:180px; float:right; display:block; border-left:1px solid #BF1D9B; padding-left:7px;}
.quick_news_content h3 {margin-top:0px; font-size:12px; font-weight:bold;}
.quick_news_content h3 a {color:#FFF !important;}
.quick_news_content p {margin-top:0px; line-height:14px;}
                      
.quick_news_content p a { color:#FFF !important;}
.quick_news_content p a.green {color:#52C64E;} 
.quick_news_content p a.pink {color:#BF1D9B;}

/*------------------------------------ nav-----------------------------------------------------------*/


#nav { position:absolute; bottom:1px; left:0px; width:100%; height:35px; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#3FA949;}
#nav ul { margin:0px; padding:0px;}
#nav li {display:block; float:left; font-size:12px; margin:0px; position:relative; background:url(../images/nav_seperator.jpg) right center no-repeat;}
#nav li a {padding:10px 10px 10px 0px; margin:0px 5px; color:#ffffff; display:block; font-weight:normal; text-transform:uppercase;}
#nav li a:hover {text-decoration:none;  color:#ffffff; background:#25C1C1;}
#nav li a.active {text-decoration:none;  color:#ffffff; background:#25C1C1;}
#nav li a span { float: left; padding-right: 9px; display: block; margin-top: -10px; height: 31px; }

#nav ul li a:hover, #nav ul li a.active { background: url(../images/nav_link_bg.jpg) no-repeat top right;}

#nav ul li a:hover span, #nav ul li a.active span { background: url(../images/nav_link_bg.jpg) no-repeat top left;}


#nav li ul {margin:0px; padding:0px; float:none; display:none;  position:absolute; left:0px; top:35px; background:#9D2380; }
#nav li ul li {float:none;}
#nav li ul li a { border-bottom:1px solid #AA3F90; width:140px; display:block; float:none !important; z-index:100; color:#FFF !important; font-size:12px !important; text-transform:none !important;}
#nav li ul li a:hover {background:#CC2DA5; text-decoration:none; color:#fff !important;} 
#nav li ul li a.active {background:none; text-decoration:none; color:#fff !important;} 

#nav ul li:hover ul { display:block; }
#nav ul ul:hover { display:block;   z-index:1000}





/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body {border-top:4px solid #A41984; text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('../images/body_bg.jpg') left top repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { color:#333333; font-size:1.9em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family:Georgia,"Times New Roman",Times,serif; }
h2 { color:#3e3e41; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#33873A; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#3e3e41; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#999999; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }



ul {color:#595959;  font-size:1.0em;  }
ul li { color:#595959; font-size:1.0em;  list-style:disc;}
ol {color:#595959;}
ol li {color:#595959;  font-size:1.0em;  list-style:decimal;}


address {margin:0.7em; padding:0px; color:#595959;  font-size:1em;  font-style:italic;}

a { color:#a41984; text-decoration:none; }
a:hover { color:#a41984; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; color:#595959; line-height:1.3em; padding:0px 0px 0px 0px; }


#content_right h2 a { color:#3e3e41; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-decoration:none;}
#content_right h2 a:hover { color:#3e3e41; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-decoration:underline;}

#latest_events h1 a {font-size:1em; color:#3e3e41; text-decoration:none;}
#latest_events h1 a:hover {font-size:1em; color:#3e3e41; text-decoration:underline;}

#latest_news h1 a {font-size:1em; color:#3e3e41; text-decoration:none;}
#latest_news h1 a:hover {font-size:1em; color:#3e3e41; text-decoration:underline;}

#events h1 a {font-size:1em; color:#4b4b4d; text-decoration:none;}
#events h1 a:hover {font-size:1em; color:#4b4b4d; text-decoration:underline;}