/* Annan Shore Walk Style Sheet :: May 2006 */


body { margin: 0; color: #000000; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 100%; color: #000033; background-image: url(_images/background-main.gif); background-repeat: repeat-y;}

a:link		{ color: #000066; text-decoration: none }
a:visited	{ color: #000066;  text-decoration: none }
a:hover		{ color: #000066; text-decoration: underline; background-color: #F0EBDB; }
a:active	{ color: #000066; text-decoration: underline; background-color: #F0EBDB; }


/*to centre wrapper in the browser we set a width and give it an auto margin setting*/
#wrapper {background-color: transparent; width:100%; margin:0 auto; padding: 0; text-align:left; }

#toppic {width: 100%; height: 80px; background-image:url(_images/main.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#tophome {width: 100%; height: 80px; background-image:url(_images/multiheader_hires2.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#topcontact {width: 100%; height: 80px; background-image:url(_images/main3.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#topmerse {width: 100%; height: 80px; background-image:url(_images/main4.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#topwalk {width: 100%; height: 80px; background-image:url(_images/mountainpic.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#topv {width: 100%; height: 80px; background-image:url(_images/twilightpic.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

#topfish {width: 100%; height: 80px; background-image:url(_images/main8.jpg); background-repeat:repeat-x; border-bottom: 4px solid #F0EBDB; border-top: 4px solid #F0EBDB; }

 /* side bar */
 
#infobar {float:left; width: 150px; margin: 0 0 10px 10px; text-align: center; color: #FFFFFF; font: 70%  verdana, arial, sans-serif }

#infobar a {color:white; text-decoration:underline; background-color: transparent;}
#infobar a:hover {color:white; text-decoration:none; background-color: transparent;}

#sidelink {padding: 5px 0 0 0; font-weight: bold; }
 

 /* main content */
 
#content {position: relative; margin-left: 250px; width: 65%; font-size: 80%; line-height: 135%; }

 /* formatting */
 
h1	{ color: #003468; font-family: "Times New Roman", Times, serif;font-size: 28px; font-weight: normal; line-height: 34px;}

h2	{ color: #77765B; font-family: Arial, sans-serif; font-size: 18px ; font-weight: normal; text-transform: none; letter-spacing: 0.025em; line-height: 130%;}

.biglink 	{ font: 120%  arial, sans-serif; font-weight: bold; text-decoration: none; }
 
.biglink:hover 	{ text-decoration: underline; }

.caps {text-transform:uppercase;}

strong {font-weight: bold; }

blockquote {margin-left: 40px;}

 /* highlights */
 
#highlight {float:right; margin-left: 25px; width: 175px; font-size: 85%; line-height: 135%; border: 0px solid #683B00; background-color:#F0EBDB; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 10px; color: #333300; }

#highlight a {text-decoration:underline; background-color: transparent;}
#highlight a:hover {text-decoration:none; background-color: transparent;}


/* START THE CODE FOR THE MENUS */
 
#nav {background-image: url(_images/background-menu.gif); background-repeat:repeat-x; width: 100%; text-align: right;}

.menu	{ font-family: arial, verdana, helvetica, sans; font-size: 13px;  padding: 3px 6px 3px 6px; cursor: hand;  font-weight: bold; text-align: center; line-height: 22px; border-right: #F0EBDB 1px solid; text-transform: lowercase;}


a.menu:link {background-image: url("_images/button2.gif"); background-color:#003468; color: #FFFFFF;}
a.menu:visited {background-image: url("_images/button2.gif"); background-color:#003468; color: #FFFFFF;}
a.menu:hover {background-image: url("_images/buttonon2.gif"); background-color:#F0EBDB; color: #003468; text-decoration: none;}
a.menu:active {background-image: url("_images/buttonon2.gif"); background-color:#F0EBDB; color: #003468; }

.menuon { font-family: arial, verdana, helvetica, sans; font-size: 13px;  padding: 3px 6px 3px 6px; font-weight: bold; text-align: center; line-height: 22px; text-transform: lowercase; background-image: url("_images/buttonon2.gif");  color: #003468; }

 /* FOOTER */

#footer {clear: all; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 5px 0 2px 0; text-transform: lowercase;}

 /* COPYRIGHT */

#copyright {text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 5px 0; color:#999999; border-top: 1px solid #999999; width: 90%; }


.submitbuttonon { font: 11px verdana, arial,  sans-serif; font-weight: bold; color: #FFFFFF;
		border: #000000 1px solid;	padding-top: 2px;padding-bottom: 2px;	background-color:#77765B; text-transform: uppercase; }


 /* not used yet */
 
.picturecomments{ COLOR: #666666; FONT: 12px geneva, verdana, arial, sans-serif }
.picturehilight	{ COLOR: #3366FF; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }
.picturetitle 	{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.list 		{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: normal }

.button-popups { 	
		background-color:#44260C;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-popups { 	background-image: url("_images/buttonon-popup.gif");
		background-color:#77765B;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("_images/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}


.dropdown {	COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("_images/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.submitbutton { FONT: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #000000;
		BORDER: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#FFFFFF; }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }



.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton {	background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 18px;
		width: 40px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }