/*
	Adrian Willard April 2009
	Designed by Solutions At Work Ltd.
	www.Solutionsatwork.co.uk
*/ 	

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#999999;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:white;
border: 2px solid #666666;

}				

#topsection{
background: #EAEAEA;
height: 175px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
font-family: Helvetica;

}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:white;
}

#contentcolumn h2{
font-family: Helvetica;
color: #ff0000;
padding: 20px 20px;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn h3{
font-family: Trebuchet MS;
padding: 10px;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn p{
font-family: Helvetica;
padding: 5px 20px;
font-size: 80% ;
color: black;
line-height: 1.5em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn p.crumbs{
font-family: Helvetica;
padding: 5px 5px;
font-size: 65% ;
line-height: 1.3em;
color: #c54005;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#allcolumns{
margin: 0 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:white;
}
#allcolumns p.crumbs{
font-family: Helvetica;
padding: 5px 5px;
font-size: 65% ;
line-height: 1.3em;
color: #c54005;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#allcolumns a.crumbs{
font-family: Helvetica;
padding: 5px 5px;
text-decoration: none;
line-height: 1.3em;
color: #c54005;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}


#maincolumn{
margin: 0 0 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:white;
}
.gallery li {
				font-family: Helvetica;
				font-size: 12px;
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 175px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
}
#maincolumn p{
font-family: Helvetica;
padding: 5px 20px;
font-size: 12px;
color: black;
line-height: 1.5em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#maincolumn a{
font-family: Helvetica;
padding: 5px 5px;
font-size: 12px;
color: black;
line-height: 1.5em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#maincolumn p.crumbs{
font-family: Helvetica;
padding: 5px 5px;
font-size: 10px;
line-height: 1.3em;
color: #c54005;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#maincolumn a.crumbs{
font-family: Helvetica;
padding: 5px 5px;
font-size: 10px;
text-decoration: none;
line-height: 1.3em;
color: #c54005;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#maincolumn h2{
font-family: Helvetica;
color: #ff0000;
padding: 20px 20px;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#maincolumn h3{
font-family: Helvetica;
color: #ff0000;
padding: 20px 20px;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}


#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
}

#leftcolumn p{
font-family: Helvetica;
color: black;
padding: 5px 10px;
font-size: 80% ;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn p.orange{
font-family: Helvetica;
color: #ff0000;
padding: 5px 10px;
font-size: 80% ;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn p.readmore{
font-family: Helvetica;
color: orange;
padding: 5px 10px;
font-size: 70% ;
text-align: right;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn a.readmore{
font-family: Helvetica;
color: orange;
padding: 5px 10px;
font-size: 70% ;
text-decoration: none;
text-align: right;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn a.readmore:hover{
font-family: Helvetica;
color: orange;
padding: 5px 10px;
font-size: 70% ;
text-decoration: underline;
text-align: right;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn a.news{
font-family: Helvetica;
color: black;
padding: 5px 10px;
font-size: 80% ;
text-decoration: none;
text-align: right;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn a.news:hover{
font-family: Helvetica;
color: black;
padding: 5px 10px;
font-size: 80% ;
text-decoration: underline;
text-align: right;
line-height: 1.3em;
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-left: 3px;

width: 175px;

}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
}

#rightcolumn img{
margin-left: 35px;
}

#footer{
clear: left;
width: 100%;
background: #666666;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
font-size: 100% ;
font-family: Arial;
text-decoration:None;
color: white;
}
#footer a:hover{
font-size: 100% ;
font-family: Arial;
text-decoration:underline;
color: black;
}
#footer p{
font-size: 80% ;
font-family: Arial;
text-decoration:None;
color: black;
}

.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.navtabs{
width: 100%;
overflow: hidden;
border-top: 1px solid white; /*bottom horizontal line that runs beneath tabs*/
/*background: #414141;*/	
background-image: url(images/navbg.png);
background-repeat: repeat-x;

/*background:url("images/buttonbg.png") repeat left top;*/
}

.navtabs ul{
margin: 0 30px;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 11px Arial;
list-style-type: none;
}

.navtabs li{
display: inline;
margin: 0;
}

.navtabs li a{
float: left;
display: block;
text-decoration: none;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background-image: url(images/navbg.png);
background-repeat: repeat-x;

/*background: #414141; /*background of tabs (default state)*/
}

.navtabs li a:visited{
color: white;
}

.navtabs li a:hover, .navtabs li.selected a{
background: #0033cc; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}