/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, address, hr {
     margin: 0;
     padding: 0;
     border: 0;
}

h1, h2, h3, h4, h5, h6 {color:#000000;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
    margin:0;
	font-size: 1.8em;
	font-weight: normal;
}
h2 {
	margin: 1.2em 0em 0em 0em;
	font-size: 1.6em;
	font-weight: normal;
}
h3 {
	margin: 1.2em 0em 0em 0em;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 0.8em;
	font-weight: bold;
}

img {border: 0;}

ol, ul, li {
	margin:0.2em 0 0.1em 0;
	font-size: 1.0em;
	line-height: 1.8em;
}
p {
	margin: 0.8em 0em 1.2em 0em;
	font-size: 1.0em;
	line-height: 1.8em;
}

li > p {margin-top: 0.2em;}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {font-weight: bold;}

body 
{
	background: #E7E4E4;
	margin: 0; 
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
	color: #333; 
	text-align: center;
}

#container {
	border: #ccc 1px solid; 
	background: #fff;
	margin: 0 auto; 
	width: 800px; 	
	position: relative; 
	text-align: left;
	overflow:hidden;
}



/* ---------Navigation---------*/
#Navigation {
	background: transparent; 
	margin: 20px auto 0; 
	overflow: hidden; 
	width: 760px; 
	position: relative; 
	text-align: left;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
	letter-spacing:1px;
}
html #Navigation {
	height: 1%;
}
#Navigation ul li {
	float: left; 
	margin: 0 5px 0 0; 
	list-style-type: none;
}
#Navigation ul li a {
	border: #dedede 1px solid; 
	border-bottom:none;
	padding: 2px 10px; 
	display: block; 
	font-weight:bold;
	color:#666;		
	text-decoration: none;
	background:#ededed;
}

#Navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	background: #fff;
	color: #333;	
	border: #ccc 1px solid; 
	border-bottom:none;		
}
#Navigation ul li.search {
	font-size: 0.9em; 
	right: 0; 
	position: absolute; 
	top: 0;
}
#Navigation ul li.search input#searchsubmit {
	border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 0 2px; 
	color: #265e15; 
	padding: 2px; 		
}


/*------------------ Header--------------------------- */

#HeaderArea
{
    border: #dedede 1px solid; 
    width: 800px;
}

#HeaderContent
{
    height:160px;
    background-image: url('img/MasterPage/header.png');
}


/*---------------------------------------------------*/


/*------------------CONTENT AREA--------------------*/
#ContentArea
{
    width: 800px;
    height: 100%;
    overflow:hidden;
    vertical-align:top;
    background-image: url('img/masterpage/dotted-line.png'); 
    background-repeat:repeat-y;
}

#ContentPlaceHolder
{
    vertical-align:top;
}


#PageContent
{
    float:left;
    text-align: left;
    vertical-align: top;
    height: 100%;
    width: 580px;
    padding: 0 5px 5px 5px;
}

#SidebarContent
{
    vertical-align: top;
    width: 199px;
    padding: 5px 0 0 0;
    margin-left: 601px;
}

/*-----------------END CONTENT AREA-----------------*/


/*-----------------FOOTER---------------------------*/
#FooterArea
{
    overflow:hidden;
    vertical-align: bottom;
    min-width: 800px;
    width: 800px;
    margin: 0px auto;
    border: #dedede 1px solid;
}

#FooterContent {
	margin: 0 auto 0; 
	position: relative;
	text-align: left;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
	letter-spacing:1px;
}
html #FooterContent {
	height: 1%;
    width: 550px;
}
#FooterContent ul li {
    float:left;
	margin: 0 5px 0 0; 
	list-style-type:none;
}
#FooterContent ul li a {
	border: #dedede 1px solid;
	border-bottom:none;
	border-top:none;
	padding: 0 10px;
	color:#666;		
	text-decoration: none;
}

#FooterContent ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	/*background: #fff;*/
	color: #666;
	text-decoration: underline;	
}

/*-----------------------END FOOTER-----------------------------


/*  Links --------------- */
#PageContent a
{
}

#PageContent a:hover
{
    color:Black;
}