/*
-----------------------------------------------
main.css

Main stylesheet for screen media
Site:		www.lewishighlandgames.co.uk
Author:  reefnet <www.reefnet.co.uk>
-----------------------------------------------
*/

/**
 * import additional stylesheets
 */
@import url('reset.css');
@import url('edit.css');


/* =typography & layout
******************************************************************************/

html {
	height: 100%;
}

body {
	font: 12px/1.5em verdana, arial, sans-serif;
	color: #707070;
	background : #ffffff url(/images/back.png) repeat-x top center;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

a		{color: grey; text-decoration: underline; font-weight: normal;}
a:link		{color: grey; text-decoration: underline; font-weight: normal;}
a:visited	{color: grey; text-decoration: underline; font-weight: normal;}
a:hover		{color: green; text-decoration: underline; font-weight: normal;}

div#wrapper {
	background: url(/images/wrapback.png) repeat-y top center;
  	width: 843px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

div#header {
	background: url(/images/wraptop.png) no-repeat top center;
  	width: 802px;
   height: 69px;
	padding: 41px 0 0 41px;
}

ul#mainnav {
	background: url(/images/navback.png) no-repeat top left;
  	width: 798px;
   height: 24px;
	margin: 0 0 2px 24px;
	text-align: center;
	padding-top: 4px;
}


ul#mainnav li{
	display: inline;
	list-style: none;
        padding: 0 6px 0 14px;
        background: url(/images/navbullet.png) no-repeat left center;
}

ul#mainnav li.first{
        background: none;
}

ul#mainnav li a{
        font-family: verdana, arial, sans-serif;
        font-size: 1.1em;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

ul#mainnav li a:hover{
	color: #005b7f;

}


div#montage {
	padding: 0px;
   width: 798px;
   height: 177px;
   margin-left: 24px;
}

div#content {
	padding: 20px 36px 20px 40px;
}

div#content h1{
	color: #005b7f;
   font-size: 1.6em;
   font-family: arial, verdana, sans-serif;
   margin-bottom: 6px;
}

div#content h2{
	color: #005b7f;
   font-size: 1.2em;
   font-family: verdana, arial, sans-serif;
   margin: 6px 0 6px 0;
}

div#content p{
	padding: 4px 0 4px 0;
        font-family: verdana, arial, sans-serif;
}

div#content img{
	border: 4px solid #ebebeb;
   margin: 4px;
}

div#content img.noborder{
	border: none;
}

div#content ul{
	display: block;
        list-style-type: square;
        padding: 4px 40px 4px 40px;
}

div#content .support img{
	border: 0px;
}

div#content .events td{
	padding: 3px;
        vertical-align: top;
}



div#content a           {color: #707070; text-decoration: underline; font-weight: normal;}
div#content a:link      {color: #707070; text-decoration: underline; font-weight: normal;}
div#content a:visited   {color: #707070; text-decoration: underline; font-weight: normal;}
div#content a:hover     {color: #89c704; text-decoration: underline; font-weight: normal;}


div.teaser {
	float: right;
   width: 178px;
   background: #ebebeb;
   border: 1px solid #d7d7d7;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   margin: 0px 0px 8px 8px;
   padding: 6px;
}

div.teaser h2{
   font-size: 1.2em;
   color: #85ba13;
   font-family: verdana, arial, sans-serif;
   font-weight: bolder;
   background: url(/images/underline.png) bottom left no-repeat;
   padding: 0 0 4px 0;
}

div.teaser ul{
   padding: 0 !important;
   margin: 0 0 0 20px !important;
}

div.teaser li{
   padding: 1px 0 1px 0;
   color: #005b7f;
   font-weight: bold;
   list-style-type: square;
    font-family: verdana, arial, sans-serif;
}

div#footer {
	width: 843px;
	height: 75px;
	background: url(/images/grass.jpg) no-repeat top left;
	text-align: right;
}
div#footer p {
	padding: 200px;
	padding-right: 33px;
	padding-top: 45px;
	color: white;
	font-weight: bold;
}
div#footer p a { 
	color: white;
	font-weight: bold;
}