/* Mary Ann Fernandes www.fernandesmedia.com 2007 Vertical Navigation*/

/* some browsers put in their own margins and padding or borders, this makes sure everything is 0'd out */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#0000CC;
}

#maincontainer {
	width: 670px; /*Width of main container*/
	margin: 50px auto; /*Center container on page*/
}

#NavMaincontainer{
	width: 670px; /*Width of main container*/
	margin: 50px auto; /*Center container on page*/
	text-align:left;
	background:#32989A url(assets/frame.jpg) repeat-y center top;
	}
	
#contentwrapper {
float: left;
width: 670px;
background:#32989A url(assets/frame.jpg) repeat-y center top;
margin-top: -3px;
}
  
#NavContentWrapper {
margin-left: 175px;
}

#contentcolumn {
margin-right: 43px;
}

#contenttext {
margin-left: 200px;
width: 425px;
}

.Navcontainer {
/* add <div class="container"> before each header and a </div> after each paragraph to clear. */
width:98%;
float: right;
margin-right: 40px;
}

.rightimage{
float: right;
margin: 0 0 40px 10px;
width: 244px;
}

.righttext{
float: right;
margin: 0 0 10px 10px;
width: 150px;
}

.rightpic{
float: right;
margin: 10px 5px 5px 5px;
width: 190px;
}

#leftcol #nav {
border-bottom: 1px solid #000000;
}

/* This is another failsafe to make sure browsers aren't adding their own padding or margins.  "ul" is what holds the list elements */
	#leftcol #nav  ul{
	padding: 0;
	margin: 0;
	background-color:#339A99;
}

/* li is "list item element.  navigation defaults to vertical w/ bullets, by adding display: inline; I make it horizontal w/out bullets */
		#leftcol #nav ul {
	margin: 0;
	padding: 0;
	background-color: transparent;
	list-style-type: none;
	border: 1px dashed #7E887F;
}
			#leftcol #nav  ul li a{
			color: #FFFFFF;
			background-color: #B9C7BB;
			border-bottom: 1px dashed #7E887F;
			display: block;
			padding: 4px 0 4px 4px;
			text-decoration: none; 
			height: 1%;
			font-style: italic;
} 

/* hover is when mouse goes over background, color will change to this */
			#leftcol #nav  ul li a:hover, #leftcol #nav  ul li a:focus{
			background-color: #339A99;
			/* The next 3 lines are just to make it look like your depressing a button when you hover */
			border-right: 1px dashed #ffffff;
			border-bottom: dashed #ffffff;
			color: #ffffff;
}

#leftcol{
/* make the padding the same as the h1 padding so they will start aligned */
  margin-top: 20px;
  margin-left: 15px;
	/* float is neccessary to have content sit beside it */
  float: left;
  width: 130px;
  color: #FFFFFF;
  background: #EBFDED center;
  }
  
#footer {
	clear: left;
	width: 100%;
}

#Navfooter {
	clear: both; 
}

/* Font Properties */
p {
	line-height: 1.2em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000CC;
}

br {
	line-height: 1.5em;
}
td {
	line-height: 1.4em;
}
a {
	font-style: normal;
	font-weight: bold;
}
#plinkdescription {
	color: #000000;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 7px;
}
h2 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: auto;
	height: 0px;
	margin: 5px;
	padding: 1px;
	border: thin solid #009999;
	color: #0000CC;
	background-position: center center;
	text-align: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
h4 {
	line-height: 1.2em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0000CC;
}
ul {
margin-left: 20px;
}
.tile {
	background-repeat: repeat-y;
	background-position: top;
}


.clearfix {display: inline-block;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html #contentwrapper {
  margin-right: -7px;
  }
* html .Navcontainer {
  margin-right: 20px;
  }
  * html #leftcol {
  margin-left: 7px;
  }