/* CSS generated by SiteManager at 10:42am 05/10/2011 - do not edit this file directly */

/*
	CSS FOR	[Ham Cam] - Default Screen Stylesheet
	AUTHOR:	Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved
	CREATED:	12/07/2010
*/



/* GLOBAL STYLES
----------------------------------------------------------------------------------------------------------------------------- */

body			{ position: relative; background: #dceff6 url(/templatefiles/bg_body.jpg) repeat-x top center; font: 80% tahoma, helvetica, arial, sans-serif; text-align: center; padding: 0; margin: 0;}

hr			{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
form, table			{ background: transparent; font-size: 1.0em;  }
	
.tablestyle			{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th		{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.colouredtable		{ width: 624px; border: 1px solid #9BBB59; border-width: 1px 0; margin: 0 auto 20px; } 
.colouredtable th		{ width: 33.333%; font-weight: bold; text-align: center; }
.colouredtable td		{ text-align: center; }
.colouredtable .odd th		{ background-color: #e6eed5; }
.colouredtable .odd td		{ background-color: #e6eed5; }
.colouredtable th p,		
.colouredtable td p		{ font-size: 1.4em; color: #76923c; margin: 0; }
.colouredtable td a,		
.colouredtable td a:visited	{ text-decoration: none; color: #76923c; }
.colouredtable td a:hover,		
.colouredtable td a:active	{ text-decoration: underline; color: #222; }




.form 			{ /*width: 560px;*/ }
.form table			{ width: auto !important; }
.form #f2_buttonlist_buttonList table	{ margin: 0 auto !important; }

.widthwrapper		{ width: 100%; }
.padding			{ padding: 20px; }
.right			{ float: right; }
.left			{ float: left; }
.clear			{ width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; }

#accessibility		{ display: none; }

#inner			{ width: 980px; position: relative; text-align: left; padding: 0; margin: 0 auto; }


/* HEADINGS
----------------------------------------------------------------------------------------------------------------------------- */

h1			{ font-weight: normal; font-size: 2.3em; text-align: left; color: #4b4b4b; margin: 0 0 20px; }
h2			{ font-weight: normal; font-size: 1.6em; text-align: left; color: #4b4b4b; margin: 25px 0 5px; }
h3			{ font-weight: normal; font-size: 1.3em; text-align: left; color: #4b4b4b; margin: 20px 0 5px; }



/* TEXT
----------------------------------------------------------------------------------------------------------------------------- */

p			{ font-size: 1.0em; line-height: 1.5em; color: #222; margin: 0 0 20px; }
li			{ font-size: 1.0em; line-height: 1.5em; color: #222; margin: 5px 0; }

ul			{ padding: 0 0 0 3.0em; }
ol			{ margin: 1.5em 0; }



/* LINKS
----------------------------------------------------------------------------------------------------------------------------- */

a,			
a:visited			{ text-decoration: underline; color: #198d94; }
a:hover, 		
a:active			{ text-decoration: none; color: #333; }
a:focus			{ text-decoration: none; color: #333; }

.button			{ width: 119px; height: 38px; display: block; background: transparent url(/templatefiles/bg_button.png) no-repeat 0 0; font-size: 1.2em; line-height: 35px; text-decoration: none; text-align: center; color: #fff; border: 0; }
.button a			{ text-decoration: none; color: #fff; }
.button a:hover		{ text-decoration: underline; color: #fff; }


/* IMAGES
----------------------------------------------------------------------------------------------------------------------------- */

img			{ border: 0; }

.imggallery			{ margin-bottom: 10px; }
.imggallery	table		{ width: 100%; }
.imggallery td		{ text-align: center; }
.imggallery td img		{ padding: 2px; border: 1px solid #eee; }


/* HEADER
----------------------------------------------------------------------------------------------------------------------------- */

#sitelogo			{ display: block; margin: 20px auto; }

p#memberlogin		{ width: 162px; height: 54px; position: absolute; top: 0; right: 0; background: transparent url(/templatefiles/bg_login.png) no-repeat 0 0; font-size: 1.3em; text-transform: lowercase; color: #fff; text-align: center; padding: 0; margin: 0; }
p#memberlogin a,
p#memberlogin a:visited	{ display: block; text-decoration: none; color: #fff; padding-top: 10px; }
p#memberlogin a:hover,
p#memberlogin a:active	{ text-decoration: underline; color: #fff; }


/* SIDECOL
----------------------------------------------------------------------------------------------------------------------------- */

#sidecol		{ width: 168px; float: left; padding-bottom: 300px; }
#sidenavtop	{ width: 168px; height: 12px; background: transparent url(/templatefiles/bg_sidecol_top.png) no-repeat 0 0; }
#sidenav		{ width: 168px; min-height: 200px; background: transparent url(/templatefiles/bg_sidecol.png) repeat-y 0 0; padding: 10px 0 10px; }
#sidenavbot	{ width: 168px; height: 12px; background: transparent url(/templatefiles/bg_sidecol_bot.png) no-repeat 0 0; }



/* NAVIGATION
----------------------------------------------------------------------------------------------------------------------------- */

ul.mainnav				{ padding: 0; margin: 0; }
ul.mainnav li			{ list-style-type: none; font-weight: normal; font-size: 1.0em; line-height: 18px; color: #333; padding: 0; margin: 0; }

ul.mainnav li a,
ul.mainnav li a:visited			{ width: 133px; height: 20px; display: block; text-decoration: none; color: #333; padding: 0 5px; margin: 0 17px 8px; }
ul.mainnav li a:hover,
ul.mainnav li a:active			{ background: transparent url(/templatefiles/bg_mainnav_hover.jpg) no-repeat 0 0; text-decoration: none; color: #fff;  }

ul.mainnav li.selectedoption a,
ul.mainnav li.selectedoption a:visited	{ background: transparent url(/templatefiles/bg_mainnav_selected.jpg) no-repeat 0 0; text-decoration: none; color: #333; }
ul.mainnav li.selectedoption a:hover,
ul.mainnav li.selectedoption a:active	{ text-decoration: none; color: #fff;  }

ul.mainnav ul			{ padding: 0 0 0 45px; margin: 0 0 10px; }
ul.mainnav ul li			{ list-style-type: square; font-weight: normal; font-size: 0.9em; line-height: 18px; color: #333; padding: 0; margin: 0; }

ul.mainnav ul li a,
ul.mainnav ul li a:visited		{ width: auto; height: auto; display: block; background: transparent none !important; text-decoration: none; color: #333; padding: 0; margin: 0; }
ul.mainnav ul li a:hover,
ul.mainnav ul li a:active		{ background: transparent none; text-decoration: none; color: #fff;  }

ul.mainnav ul li.selectedoption a,
ul.mainnav ul li.selectedoption a:visited	{ color: #fff; }
ul.mainnav ul li.selectedoption a:hover,
ul.mainnav ul li.selectedoption a:active	{ text-decoration: none; color: #333;  }