/*--Style sheet for the revised HTML of the original Smartways Design by Ian Gatherar 14th May 2009. This has been tested ok in Internet explorer 7, Internet explorer 8, Firefox 3.0.8, Opera 9.64, Safari 4 beta, Google chrome 1.0.154.65 - IE6 renders some of the margins wrongly and the transparancy of the logo isnt rendered properly. The CSS still corrects many of the errors caused by the fact the original CSS was made before IE6.--*/

BODY, HTML
	{
	margin: 0px auto 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;	
	}
	/* height: 100%; */
	
BODY 
	{
	background-image: url(../images/template/salmonverticalgrad.jpg);
	background-repeat: repeat-x;
	background-color:#D8810D;
	}

#pageBorder
	{
	width: 772px;
	padding: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	height: 100%;
	/*	background-position: center; */
	background-color: #FFFFFF;
	}

#pageContainer
	{
	width: 770px; /* 778px; */
	border: 1px solid #E2DCC5;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	}

#header
	{
	height: 60px;
	background-color: #0074B8;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 35px;
	padding-top: 3px;
	}
	
a img {
Border-style:none;
}
	
/*--------photo--------------------*/
#photo {
	width: 770px;
	height: 100px;
	/*background-color:#FF0000;--'un'comment to see the div when there is no photo in place--*/
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}
	
/* -------- search-----------------*/
#search {
	float:right;
	padding-right:25px;
	padding-top:20px;

		}

/* ------- top navigation --------- */
/*#topnav {
	height:30px;
	width:770px;
	border-bottom:1px solid #000000;
	}*/

a.nav, a.nav:link, a.nav:visited {display:block; float:left; margin-right:0px; margin-left: 4px; width:79px; height:25px; background:#0074B8; border:1px solid #000000; margin-top:2px; margin-bottom: 40px;text-align:center; text-decoration: none; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFFFFF; line-height:25px; overflow:hidden;}

a.nav:hover {color:#0074B8; background:#FFFFFF; border:1px solid #000000;} 

a.nav:active {color:#fff; background:#c00;} 

	
/* ------- left menu --------- */
	
#leftMenu
	{
	float: left;
	width: 160px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	text-align: center;
	}

#leftMenu ul
	{
	margin: 0px;
	padding: 0px;
	}

#leftMenu li
	{
	list-style: none;
	}

#leftMenu li a:link, #leftMenu li a:visited
	{
	display: block;
	height: auto;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	background-color: #0074B8;
	border: 1px solid #000000;
	margin: 4px 0px 4px 0px;
	padding: 2px 5px 2px 2px;
	}

#leftMenu li a:hover
	{
	height: auto;
	color: #0074B8;
	background-color: #F0F3F9;
	border: 1px solid #000000;
	}

/*---------left image--------*/

.leftimage
	{
	float: left;
	width: 160px;
	height:100px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	/*background-color:#00FF00;*/
	border:1px #000000 solid;
	}

.leftimagetext
	{
	float: left;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	text-align: left;
	font-size:75%;
	border-bottom:1px #000000 dotted;
	}

/* ------- main col --------- */

#mainCol
	{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	}

.wrapper
{
background-color:#E4E4E4;
background-image:
}

/* ------- right menu --------- */
	
.rightMenu
	{
	float: left;
	width: 160px;
	/*margin-right: 5px;*/
	margin-left: 24px;
	padding: 0px;
	}

.rightPanel
	{
	margin: 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F0F3F9;
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	}

.rightPanel p
	{
	color: #000000;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	}

.rightPanelMore
	{
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 2px 5px;
	background-color: #F0F3F9;
	background-image: url(/images/template/rightPanelBGBtm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}

.rightPanelMore p
	{
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 2px 5px 4px 0px;
	}
	
/*--------right repeating photo and text--------------*/

.rightimage
	{
	float: right;
	width: 160px;
	height:100px;
	margin-top: 5px;
	margin-bottom:10px;
	margin-left: 3px;
	margin-right:6px;
	/*background-color:#00FF00;*/
	border:1px #000000 solid;
	}

.rightimagetext
	{
	float: right;
	width: 160px;
	margin-left: 3px;
	margin-right:6px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	text-align: left;
	font-size:75%;
	border-bottom:1px #000000 dotted;
	}

/* ------- footer--------- */
	
#footer
	{
	clear: both;
	border-top: 1px dotted #cccccc;
	margin: 5px 0px 0px 0px;
	padding: 15px 15px 10px 15px;
	}

#footer p
	{
	font-size:70%;
	padding: 0px;
	text-align:center;
	color:#666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

/* ------- fonts--------- */

P 
	{
	font-size: 75%;
	color: #000000;
	}

a:link, a:visited
	{
	color: #CC3300;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

/* ------- font headings --------- */	
	
H1
	{
	color: #000000;
	font-size: 115%;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #cccccc;
	}

H2
	{
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px dotted #cccccc;
	}

H3
	{
	color: #BFCCE5;
	font-size: 115%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	}

H4
	{
	height: 18px;
	color: #FFFFFF;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/template/h4BGMAY09.gif);
	margin: 0px;
	padding: 5px 2px 0px 14px;
	}

.clear
	{
	clear: both;
	}
.style1 {
	color: #FF9900;
}

/*list style for main content*/
#pageBorder #pageContainer #mainCol ul {
	
	font-size: 75%;
	color: #000000;
	list-style-type: disc;	
}
#pageBorder #pageContainer #mainCol ul li ul li {
	color: #000000;
	font-size: 135%;
	padding-top:3px;
	padding-bottom:3px;
}

/*image float for main content*/
.imgtext {
	float: left;
	padding: 2px;
	border:1px solid #000000;
	margin:10px;
}
#pageBorder #pageContainer #mainCol #donate {
	padding-top: 15px;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-bottom: 15px;
}

/*Photo text layer- - add <div id="Layer1"></div> at line 32 of can.dwt and uncomment this rule to implement--
--------------------------------------------------------------------------------------
#Layer1 {
	height: 35px;
	width: 490px;
	position: relative;
	left: 0px;
	top: -38px;
	margin-bottom: -38px;
	background-image: url(/images/template/phototag.gif);
	background-repeat:no-repeat;
	z-index: 1;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/

#wrapper {
width:400px;

}
#pageBorder #pageContainer #mainCol .wrapper .imageHolder {
	
	width: 400px;
}
#pageBorder #pageContainer #mainCol .wrapper .imageHolder img {
	border: 3px solid #000000;
margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 8px;
}
#pageBorder #pageContainer #mainCol .wrapper .imageHolder img:hover {
	border: 3px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left:8px;
}