﻿/* GLOBAL STYLE FOR PATHFINDER WEBSITE */

/* =========================================================
	BODY STYLES MAIN
	========================================================  */

 html {
 	margin: 0 auto 0 auto;
 	padding: 0;
 	background-color: #000;
 	color: #000;
	line-height: 1.4em;
 	font-family: Verdana, Tahoma, Helvetica, Geneva, Sans-Serif;
	font-size: 12px;
 	max-width: 900px;
	}
 		/* Always set background color even when you have an image background.
		Set margin, padding and background color for main screen in both html and body sections.
		Some browsers read page background and margins in html and some in body. */
 
 
  		/* Body styling used by Internet Explorer */
 body {
 	padding: 0;
 	margin: 0 auto 0 auto;
 	font-family: Verdana, Tahoma, Helvetica, Geneva, Sans-Serif;
 	color: #000;
	font-size: 12px;
 	line-height: 1.4em;
	background-color: #000;
 	max-width: 900px;
 	}

#wrapper {     /* White page background */
	background-color: #fff;
	}

#wrapper2 {		/* Content Container (used for confirmation pages, disclosures, and links pg) */
	margin: 0;
	padding-left: 20px;
	}

#content {									
	margin-left: 185px;
	padding: 10px 30px 10px 30px;
	border-left: 1px solid #cacaca;
	}

/* =======================================================
	BANNER
	======================================================  */
#banner {
	height: 97px;
	background-image: url('../images/webbnr2.jpg');
	background-repeat: no-repeat;
	margin-top: 2px;
	}

/* ====================================================
	NAVIGATION
	===================================================  */ 

	/* ==========================
		GENERAL LINKS  
		========================== */

a:link { 
   color: #660066;
    }

a:visited {
      color: #009f9f;
      text-decoration: none;
      }

a:hover {
      background-color: #efdfff;
      }

	/* =============================
		TOP LINKS
		=============================  */

#toplinks1 {
	text-align: center;
	padding: 2px 0 8px 0;
	}

#toplinks1 li {
	display: inline;
	}
	            
#toplinks1 li a {
  	font-size: 13px;
    text-decoration: none;
    background-color: #006666;
    color: #fff;
    padding: 4px;
    }

#toplinks1 li a:visited {
	background-color: #f4fdfc;
	color: #009f9f;
	}
	
#toplinks1 li a:hover {
     background-color: #efdfff;
     color: #006666;
       }

#toplinks2 {
	padding: 0 0 5px 0;
	text-align: center;
	}
      
#toplinks2 li {
	display: inline;
	font-size: 11px;
 	}

	/* ==========================
		 BOTTOM LINKS
		========================= */
#links-bottom {
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
	}

#links-bottom li {
	display: inline;
	font-size: 11px;
 	}

#footer {
	text-align: center;
	font-size: 11px;
	clear: both;
	padding: 5px 0 8px 0;
	}

	/* ============================
		SOCIAL MEDIA TOP SECTION
		=========================== */

#mediablock{
	margin: 0;
	padding: 5px 0 5px 13px;
		background-color: #d7eae6;
	}

.addthis_toolbox{
	padding: 5px 0 5px 13px;
		background-color: #d7eae6;
}

	/* ============================
		SIDEBAR-LEFT LINKS
		=========================== */

#sidewrap {
	background-image: url('../images/sidestar-bg.jpg');
	background-repeat:repeat-y;
	}

	#sidebar-lft {
		position: relative;
		width: 185px;
		float: left;
		background-image: url('../images/sidestar-bg.jpg');
		background-repeat:repeat-y;
		border-right: 1px solid #cacaca;
	}

	#sidebar-lft h4 {
		background-color: #006666;
		color: #fff;
		padding: 5px 5px 5px 15px;
		}
		
	#sidebar-lft li {
    	display: inline;
		list-style-type: none;
	    }

	#sidebar-lft li a {
    	display: block;
		padding: 8px 8px 8px 15px;
    	}

	/* ============================
		BOOKMARK LINKS
		=========================== */

ul.bookmark-links {
	margin: 8px 0 0 5px;
	}

ul.bookmark-links li {
	list-style: none;
	}


/* =============================================================
	COMMON TEXT
	============================================================  */

.space-top10 {
	margin-top: 10px;
	}

.space-top15 {
	margin-top: 15px;
	}

.space-bottom10 {
	margin-bottom: 10px;
	}
	
.space-bottom15 {
	margin-bottom: 10px;
	}

.small-text {
	font-size: 11px;
	}

	/* ==========================
		HEADER TEXT
		========================= */

h2, h3, h4, h5 {
	font-family:  "Trebuchet MS", "Century Gothic", Verdana, Futura, Monaco, Helvetica, Sans-Serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	}

.title{          /* for headline switch from magenta to black */
	color: #000;
}

.special-color1 {      /* Magenta text */
	color: #660066;
	}
	
.special-color2 {       /* Teal text */
	color: #006666;
	}

h1{
	font-family:  "Trebuchet MS", "Century Gothic", Verdana, Futura, Monaco, Helvetica, Sans-Serif;
	font-weight: bold;
	text-align: right;
	font-size: 18px;
	color: #006666;
	margin: 0 20px 10px 0;
	padding-top: 10px;
	}

h2 {
	font-size: 17px;
	color: #660066;
	}

h3 {
	font-size: 16px;
	color: #660066;
	}

h4 {
	font-size: 15px;
	color: #660066;
	}

h5 {
	font-size: 14px;
	color: #660066;
	}

	/* ==========================
		LISTS - GENERAL
		========================= */
li {
	list-style-type: disc;
	list-style-position: inside;
	}

ul {
	padding:0;
	margin: 0;
	font-size: 12px;
	line-height: 1.5em;
	}

/* =============================================================
	SPECIAL LAYOUT
	============================================================  */
.width50 {        /* Use for a box 50% wide */
	width: 50%;
	margin-left: 20px;
	padding: 5px 10px 5px 10px;
	}

.width75 {         /* Use for box 75% wide  */
	width: 75%;
	margin-left: 20px;
	padding: 5px 10px 5px 10px;
	}	 

.width90 {         /* Use for a box 90% wide  */
	width: 90%;
	margin-left: 20px;
	padding: 5px 10px 5px 10px;
	}

/* ==========================
	 IMAGES - GENERAL
	========================= */
img {
	border: none;
	}

 /* ==============================
       SITE MAP PAGE
	============================== */

#sitemap table {
	border-collapse: collapse;
	width: auto;
	margin: 0 auto 0 auto;
	}

#sitemap td {
	width: auto;
	vertical-align: top;
	padding: 0 20px 8px 20px;
	}

#sitemap h3 {
	margin: 10px 0 5px 0;
	color: #000;
	}
	
#sitemap li {
	font-size: 11px;
	list-style-type: none;
}


	
