/* -------------------------------------------------------------- 
   
   styles.css
   * Our website styles
      
-------------------------------------------------------------- */

body { /* customisable per page */
	background-color: #74b37c;
	background-image: url('../images/background.jpg');
	background-position: left top;
	background-repeat:repeat-x; 
	margin:0;
	padding:0;
} 

.background { /* customisable per page */

	background-image: url('../images/background.jpg');
	background-position: left top;
	background-repeat:repeat-x; 

} 

.wrapper { width:950px; margin:0 auto 0 auto; padding:0; }
.innerwrapper  { background: #fff url('../images/leftcolumn.background.jpg') left top repeat-y; border:1px solid #1f1e21; }

.breadcrumbs { margin:50px 0 10px; }
.breadcrumbs ul { margin:0; padding:0; list-style:none; }
.breadcrumbs ul li { float:left; margin-right:4px; }
.breadcrumbs ul li a { color: #000; font-weight:normal; }
.breadcrumbs ul li a:hover { color: #000; }
.breadcrumbs ul li a.parent { text-decoration:underline; }

.column-left   { float:left; width:219px; background: #e0ebdf;}
.column-center { margin-left:219px; margin-right:164px; }
.column-right  { float:right; width:164px; margin-right:0px;}

.logo { text-align:center; background: #fff; font-family:"Times New Roman", Times, serif; font-size:1.2em; }
.logo p { margin:0; padding:0; }
.logo a { color: #000; text-decoration:none; font-weight:normal; }
.logo a:hover { text-decoration:underline; color: #000; }

.navigation               { background: url('../images/navigation.header.jpg') top left repeat-x; }
.navigation ul            { margin:0px 0 0 0; padding:16px 0 0 0; list-style:none; }
.navigation ul li         { margin:0; padding:0; }
.navigation ul li:test         { margin:10; padding:10; }
.navigation ul li a       { display:block; padding:5px 15px; color: #000; font-weight:bold; text-decoration:none; border-bottom:1px solid #fff; }
.navigation ul li a:hover { font-weight:bold; text-decoration:underline; }
.navigation ul li a.selected { color: #9b9ba0; }

.navigation ul li ul { margin:0; padding:0; border-bottom:1px solid #fff; padding-bottom:5px; font-size:0.8em; }
.navigation ul li ul li a { padding:0px 0px 0px 35px; font-weight:normal; text-decoration:none; border:0; }
.navigation ul li ul li a:hover { font-weight:normal; }
/*The below alters the library item for news*/
/*.navigation li.newsList { padding-left: 5px;}*/
.navigation li.subnav { padding-left: 15px; line-height: 0.8em;}
.navigation ul li.subnav a { display:block; padding:5px 15px;  font-weight:normal; text-decoration:none; border-bottom:0px solid #fff; font-size:0.8em;}
.navigation li.subsubnav { padding-left: 30px; line-height: 0.8em;}
.navigation ul li.subsubnav a { display:block; padding:5px 15px;  font-weight:normal; text-decoration:none; border-bottom:0px solid #fff; font-size:0.8em;}

.clock { width:100%; height:100px; height:118px; background: #fff; }

.sidepanel-heading { background: #fff; font-weight:bold; text-transform:uppercase; padding: 8px 17px; }
.sidepanel         { background: #e0ebdf; padding:9px; }
.sidepanel a       { font-weight:normal; color: #000; text-decoration:underline; }

.sidepanel-loginform input { width:98%; }


.pagebody { margin: 20px 20px; }
.pagebody p { font-size:0.95em; }
.pagebody-withcolumn { margin-right: 174px; }

.pagebody-sidepanels { float:right; width:164px; margin-left:15px; }
.pagebody-sidepanels a { margin-bottom:3px; }

.footer { text-align:center; background: #eff5ef; font-size:0.75em; color: #000; padding:10px; }
.footer a { color: #000; text-decoration:none; font-weight:normal; }
.footer a:hover { color: #000; text-decoration:underline; }
hr { width: 100%; height: 1px; color: #3d9759;}


.bigpic{
	width:300px;
	/*height:30px;*/ /*Add back in if optimised perfectly*/
	border:0px black solid;
}
.smallpic{
	/*width:80px;*/
	height:80px;
	margin:10px 10px 0px 10px;
}