/*** General CSS rules ***/

/* set millions of background images */
.rbroundbox { background: url(http://www.barnetlink.org/images/nt.gif) repeat; }
.rbtop div { background: url(http://www.barnetlink.org/images/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.barnetlink.org/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.barnetlink.org/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.barnetlink.org/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; font-size:12px; }


* {
margin:0;
padding:0;
}

h1 {
font-size:23px;
}
h2 {
font-size:16px;
}


.required {
padding-right:10px;
background:transparent url(http://www.barnetlink.org/images/asterisk_red.gif) no-repeat scroll right top;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
background:#555555;
color:#333;
}
a {
text-decoration:none;
color:#006633;
}
a:hover {
text-decoration:underline;
color:#2E8B57; 
}

.translate {
padding:5px;
}

/*** Design CSS rules ***/
#bigWrap {
width:940px;
margin:30px auto 0 auto;
padding-top:20px;
padding-left:20px;
padding-right:20px;
background:url(http://www.barnetlink.org/images/top_header.jpg) no-repeat right top #fff;
}
#header {
font-size:90%;
height:130px;
}
#header img {
margin:20px 0 0 0px;
border:none;
}
.headerContactDetails {
font-size:85%;
margin:50px 0 0 0px;
}
#header ul li {
float:left;
margin:0 0 10px 25px;
list-style-type:none;
}

#header #topRightCol {
width:247px;
float:right;
margin:0 0 0 0px;
text-align:right;
}
#header #searchForm {
width:246px;
margin:0 0 5px 0;
}
#header #searchForm fieldset {
border:none;
}


.searchForm {
width:246px;
margin:0 0 5px 0
}
.searchForm fieldset {
border:none;
}





#searchButton {
background:url(../images/searchBtnBg.gif) top repeat-x;
padding:3px;
color:#fff;
border:1px solid #0acbc8;


}

#header input#searchBox {
padding:2px 0px 2px 0px;
border:1px solid #0acbc8;
}



#navigation {
background:url(../images/mainNav.gif) top left no-repeat;
height:40px;
position:relative;
margin:0 0 10px 0;
z-index:20;
}
#navigation ul {
margin:0px 0 0 200px;
position:absolute;
background:url(../images/mainNav-mid2-bg.gif) top no-repeat-x;
padding:0 0 0 0;
}
#navigation ul li {
float:left;
margin:0 0 0 10px;
list-style-type:none;
font-size:90%;
}
#navigation a {
color:#fff;
font-weight:bold;
display:block;
padding:12px 10px 12px 10px;
}
#navigation li a:hover {
/*background:url(../images/mainNavHover-bg.gif) repeat-x top;*/
background-color: #024524;
text-decoration:none;
}


#content {
position:relative;
z-index:10;
}
#leftCol {
float:left;
}
#leftCol h3 {
background:url(../images/rounded_corder.gif) no-repeat top left;
padding:5px 0 0 10px;
height:27px;
color:#fff;
width:192px;
}
#leftCol ul {
width:178px;
font-size:80%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
margin:0 0 20px 0;
}
#leftCol ul li {
padding:5px 5px 5px 10px;
border-bottom:1px dotted #555;
list-style-type:none;
}
#midCol {
font-size:80%;
width:420px;
margin:0px 0 0 17px;
float:left;
}

#midCol li {
margin: 0 0 0 34px;
padding-bottom:10px;

}


#midCol #introBlurb{
background:#F0FFF0;
padding:10px;
margin:2px 0 10px -10px;
width:400px;

}

#sub_content {
background:#FCFCFC;
padding:10px;
margin:2px 0 10px -10px;
width:400px;
border-bottom: 1px dashed #CCCCCC;
}

#midCol p {
margin:0 0 20px 0;
}
#midCol img {
margin:0;
padding:0;
}
#rightCol {
font-size:85%;
width:265px;
margin:-5px 0 0 10px;
float:left;
}
#rightCol p {
margin:0 0 10px 0;
}
#rightCol ul li {
list-style-type:none;
}
#rightCol #PollForm a {
color:#fff;
}
#newsItem {
font-size:90%;
}
#rightCol #newsItem li:hover {
background:#e3eeee;
}
#footer a {
	color:#666;
	
}

#footer {

font-family:verdana;
font-size:60%;
height:89px;
background: #f0fff0;
margin:0 auto 20px auto;
position:relative;
padding:20px;
width:940px;


}
#footer ul {
}
#footer ul li {
list-style-type:none;
float:left;
margin:0 10px 0 0;
}

/*** Extra CSS rules (Bits and pieces)***/
.clearBox {
clear:both;
}
.floatLeft {
float:left;
}
.sideInfoBox {
background:#F0FFF0;
margin:30px 0 10px 0;
width:282px;
font-size:90%;
}

.sideInfoBox img {
border:1px solid #eee;

}

.sideInfoBox p, .sideInfoBox h2 {
padding-left:5px;
padding-bottom:4px;
padding-right:5px;
}
.contactInfoBox {
margin:40px 0 0 0px;
padding:0px 0 0 8px;
border-left:1px dotted #ccc;
}
.contactInfoBox h3 {
margin:0 0 10px 0;
}

#date {
float:left;
color:#fff;
margin:7px 0 0 10px;
font-size:75%;
font-weight:bold;
}
.bigAsize {
font-size:130%
}
.smallAsize {
font-size:70%;
}
.welcomeTitle {
background:url(../images/welcomeTitle.gif) left no-repeat;
text-indent:-5000px;
}
.howToGetInvolvedTitle {
background:url(../images/howToGetInvolved.gif) left no-repeat;
text-indent:-5000px;
}
.newsAndEventsTitle {
background:url(../images/newsEvents.gif) left no-repeat;
text-indent:-5000px;
}
.aboutTitle {
background:url(../images/aboutTitle.gif) left no-repeat;
text-indent:-5000px;
margin:0 0 20px 0;
}
.contactTitle {
background:url(../images/contactTitle.gif) left no-repeat;
text-indent:-5000px;
margin:0 0 20px 0;
}
.dashed_line {
text-indent:-5000px;
border-top:1px dashed #ccc;
padding-top:5px;
}
.aMoreBg {
background:url(../images/somethingMore-bg.gif) repeat-x top;
padding:3px;
color:#fff;
border:1px solid #8a8989;
font-size:90%;
}
.currentPage {
background:url(../images/mainNavHover-bg.gif) top repeat-x;
}
.footerTopMargin {
margin:20px 0 50px 0;
color:#FFF;
}
.footerRightMargin {
margin-right:75px;
}
#logoSlideshow ul, #logoSlideshow ul li {
border:none;
}
#logoSlideshow img {
padding:0;
margin:0;
}

#mycarousel img, #logoSlideshow {
padding:0;
}

/*** Cancelling borders for each side of an element ***/
.noBorderTop{
border-top:none;
}
.noBorderRight{
border-right:none;
}
.noBorderBottom{
border-bottom:none;
}
.noBorderLeft{
border-left:none;
}

/*** Form styling ***/
#contactForm {
}
#contactForm ul input, #contactForm ul textarea {
border:1px solid #00CCCC;
margin:2px 0 0 0;
}
#contactForm ul input {
height:20px;
}
#contactForm ul li {
margin:0 0 5px 0;
list-style-type:none;
}
.sendBtn {
background:url(../images/somethingMore-bg.gif) top repeat-x;
color:#fff;
padding:4px;
border:1px solid #999999;
margin:5px 0 0 0;
}

.back_top{
background:url(../images/upArrow.gif) left no-repeat;
padding:13px;
}

.favourite{
background:url(../images/footer_icon_favorites.gif) left no-repeat;
padding:13px;
}

.home_page{
background:url(../images/footer_icon_home.gif) left no-repeat;
padding:13px;
}

.links {
font-size:11px;
color:#666666;

}

.links a {
font-size:11px;
color:#666666;
text-decoration:underline;
}

#mContainer {
	position:relative;
	width:420px;
	height:127px;
margin: 0px 0 0 -10px;
}
.mPhoto {
	border: 1px solid #eee;
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
}

.current_date {
background:transparent none repeat scroll 0 50%;
color:#FFFFFF;
float:left;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:9px 0px 0 5px;
padding:3px 0 10px 5px;

}

.form_field {
padding-top:20px;
}

.poll_question {
color:#555555;
font-size:1.3em;
padding:0px 0 0 5px;
font-weight:bold;

}



#poll {
margin: 0px 0 0 0;
padding:0px 0 0 5px;
color: #555;
font-size:1.2em;
width:250px;
}

.shadowed {  
float:left;
background: url(http://www.barnetlink.org/images/drop-shadow.png) no-repeat bottom right !important;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.shadowed img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #999;
margin: -6px 6px 6px -6px;
padding: 4px;
} 

img {
border:0px;
}

.language {
padding-top:10px;
}

.language li {
margin: 0 0 0 20px;
list-style:none;
font-size:11px;
padding:5px;
}


.list li {
margin: 0 0 0 20px;
}


.sideInfoBox_promo {
background:#e3eeee;
margin:30px 0 10px 110px;
width:150px;
}
.sideInfoBox_promo p, .sideInfoBox_promo h2 {
padding:10px;
}


.letter{
font-size:12px;
}


/************************************ 
Rounded Corner effect 
*************************************/
.poll_box {
background: url(http://www.barnetlink.org/images/poll_box.gif) no-repeat;
color:#000000;
font-size:80%;
padding-left:15px;
padding-top:10px;
height:156px;
width:275px;
}



.rnd-cont {
background: url(http://www.barnetlink.org/images/lan_box.gif) no-repeat;
color:#000000;
font-size:80%;
padding-left:3px;
padding-top:10px;
height:119px;
width:190px;
}
.rnd-cont table{
margin:0 0 0 5px;
}
.rnd-cont a{
color:#006c6c;
}
.rnd-cont h4{
border-bottom:1px dotted #006c6c;
margin:0 10px 8px 10px;
padding:0 0 4px 0;
font-size:12px;
}
.rnd-cont p {
margin: 0 10px;
}
.rnd-cont img {
/**Some code here**/
}
.rnd-top {
background: url(../images/top-right.gif) no-repeat top right;
}
.rnd-bot {
background: url(../images/bot-right.gif) no-repeat top right;
}
img.corner {
width:10px;
height:10px;
border:none;
display:block !important;
}