/*-----------------------------------------------------------------------------
[overlander] Screen Stylesheet

version:   1.0
date:      30/08/07
author:    [Jakob Brown]
email:     [admin@noirdesign.co.uk]
website:   [http://www.noirdesign.co.uk]
version history: [location of file]
-----------------------------------------------------------------------------*/


/*------------ Remove padding and margin -------------*/
*
{
font-size:100%;
padding: 0;
margin: 0;
}

/*-------Global Stuff-----------*/

html {
	min-width:770px;
	}

body {
	font:85%/150% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#666;
/* align ie5 center screen */
	text-align:center;
	background:#FFF url(fading_backgrounds/fading_background_20.png) repeat-x;
	}



/*---------------- Typography ----------------*/

/* links */

#main-content h2 {
	font-size:110%;
	text-decoration:underline;
	}

#main-content h2 a {
	color:#59600E;
	font-size:100%;
	text-decoration:underline;
	background:transparent;
	}

#sub-content a {
	color:#8CAE26;
	}

a:hover,
#sub-content a:hover,
#main-content h2 a:hover,
#foot a:hover {
	color:#000000;
	}


/* -------Main Site container--------*/

#container {
width: 900px;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
background-color: #ffffff;
padding: 2px;
border: 1px solid #666666

}

/* ------Header background settings----- */

#header
{
width: 900px;
background: #fff;
margin: 0 auto;
}

#header a
{
text-decoration: none;
display: block;
width: 900px;
height: 185px;
background: url(logo2.jpg) no-repeat;
}

#header span
{
visibility: hidden;
}

/* -----logo on top of header background settings----- */


/*- Main Horizontal Menu--------------------------- */

#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
width:900px;
height:35px;
background-image:url(bg.gif);
background-repeat:repeat-x;
margin:0px auto 0px auto;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

#menu ul {
list-style: none;
}

#menu a {
height:27px;
padding-top:8px;
float:left;
text-align:center;
width:179px;
color:#000000;
text-decoration:none;
list-style:none;
}

#menu a:hover {
height:25px;
margin-top:2px;
background-image:url(sel.gif);
background-repeat:no-repeat;
background-position:center bottom;
}

#menu ul a:focus {
height:25px;
margin-top:2px;
background-image:url(sel.gif);
background-repeat:no-repeat;
background-position:center bottom;
}




/*- Column Definitions--------------------------- */
  

#main-content {
	display: inline;
	width:750px;
	float:left;
	min-height:430px;
      margin-left:150px;
      margin-top:20px;
	background:transparent url(contentbg.gif) 0 0 no-repeat !important;
	}

#main-content-copy {
	width:550px;
	margin:100px 0px 90px 90px;
	}


    #navigations{
    display: inline;
    width:120px;
    float:left;
    margin-left:-894px;
    margin-top:20px;
    }


    #foot{
    clear:both;
    }

/*- Vertical Context Sensitive Menu--------------------------- */

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 120px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
background-color:#FFFFFF;
font-size: 100%;
padding: 3px 0 5px 3px;
border: 1px solid #ffffff;
color: #333333;
margin: 0px;
width:119px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 100%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:120px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #EEEEEE;
}