/***********************************************/

/* copyright 2008 Mark Stamas www.OffMedia.net */

/* This is an all css fixed width layout, using various techniques, wrapper, margin auto and etc, all of which are standard faire, a lot of these styles are carryovers from a DW template, the one based on the old Macromedia site, remind me to clear out the unused styles */
/**************************************************************/ 
body, html {
	margin:0;
	padding:0;
	color:#333;
}
body {
	min-width:740px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	background: #2A7813 url(../images/backgroundpageverticalslice.jpg) repeat-x fixed;
}
#skyscrapernav {
	position:absolute;
	left:0px;
	top:0px;
	width:247px;
	height:16px;
	z-index:2;
	padding:8px;
	color:white;
	font-size:80%;
}
#skyscrapernav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#skyscrapernav li {
	display:inline;
	margin:0;
	padding:0;
}
#skyscrapernav img {
	display: block;
}
#skyscrapernav a:link, #skyscrapernav a:visited, #skyscrapernav a:hover {
	text-decoration:none;
	color:white;
}
#skyscrapernav a:hover {
	text-decoration:underline;
}
#wrapper {
	/*wraps the whole shooting match setting the center justified content area, contains outside footers*/
	position: relative;
	margin:20px auto;
	padding:0;
	width:740px;
}
#container {
	background:#FFF url(../images/content_background_2008_3.jpg);
	margin:0;
	padding:0;
	width:740px;
	border:1px solid #FF9900;
}
#header {
	width:740px;
	height:248px;
	background: orange url(../images/header5.jpg);
	z-index:0;
}
#header h1 {
	padding:5px;
	margin:0;
}


/************* absolute positioned #globalNav styles **************/


#globalNav {
	position:absolute;
	left:40px;
	top:210px;
	width:695px;
	height:38px;
	z-index:1;
	padding:0px;
	text-align: left;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap, 
   ah the good 'ol days of DW */
#globalNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#globalNav li {
	float:left;
	margin:0;
	padding:8px;
	color: #104324;
	border-right: 1px solid #104324;
	white-space: nowrap;
}
#globalNav img {
	display: block;
}
#globalNav a {
	font-size: 120%;
	color: #104324;
}

/*end globalnav***************/
#apDiv1 {
	position:absolute;
	left:204px;
	top:270px;
	width:596px;
	height:18px;
	z-index:1;
	background: #D4D0C8 url(../images/navimage.jpg);
}
#content {
	float:right;
	width:580px;
	min-height:500px;
	/*height:auto !important;
	height:500px;*/
	margin:10px 0px;
	padding:8px;
}
/*end content*/
#footer {
	clear:both;
}
#outsidefooter {
	font-size: 70%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
}
#outsidefooter ul {
	margin:0;
	padding:0;
	list-style:none;
}
#outsidefooter li {
	display:inline;
	margin:0;
	padding:0;
}
#outsidefooter a:link, #outsidefooter a:visited, #outsidefooter a:hover {
	color:black;
	text-decoration:none;
}
#outsidefooter a:hover {
	text-decoration: underline;
}
/*end footers*/
#leftNav {
	float:left;
	width:143px;
	margin:10px 0 0;
	padding: 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#leftNav ul {
	margin:0;
	padding:0;
}
#leftNav li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#leftNav h3, #leftNav p {
	padding:0 10px;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists, border color matches background */
#leftNav li {
	border-bottom: 1px solid #CEE9FE;
}
/* fix for browsers that don't need the hack */
html>body #leftNav li {
	border-bottom: none;
}
#leftNav a:link, #leftNav a:visited, #leftNav a:hover {
	display: block;
	/*ie6 workaround for the block level hover, set the width and ie6 will hover anywhere within that width*/
	width:132px;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
	color: #21536A;
	padding:3px 2px 3px 5px;
	background: url(../images/navimage4.jpg);
}
#leftNav a:hover {
	text-decoration: underline;
	background: #FFEEBF url(../images/navimagehover.jpg);
}
#leftNav ul ul li{
	padding:0 0 0 10px;
	/*adds full column width top border to nested lists*/
	border-top: 1px solid #ffffff;
}
#leftNav ul ul a:link, #leftNav ul ul a:visited {
	/*resetting the width for anchors within the nested navigation unordered list at 190px minus the 10px of left padding for the indent saves breaking the layout in IE6, be careful to also include visited links without shorthand, hover was covered by the parent list properties but I had to take out the top border cause IE6 bounced around, freaking width is only needed here for the block level hover in IE6 to work*/
	width:133px;
	font-size:80%;
	/*takes out the white top border in parent list's anchors to allow the nested list top border to be full width, so they don't double up to 2px*/
	border-top:none;
}
#leftNav ul ul a:hover {
	background-color: #DDEEFF;
	background-image:  url("../images/header_background.jpg");
	font-weight: normal;
	text-decoration: underline;
	border-top:none;
}
/*repeat for the third level nested menus*/
#leftNav ul ul ul li{
	padding:0 0 0 10px;
	/*adds full width top border, well, let's say at the third level it apparently doesn't, indented 10px, some sort of inheritance thing*/
	border-top: 1px solid #fff;
}
#leftNav ul ul ul a:link, #leftNav ul ul ul a:visited {
	/*resetting the width for anchors within the nested navigation unordered list at 190px minus the 10px (third level minus another 10px) of left padding for the indent saves breaking the layout in IE6, be careful to also include visited links without shorthand, hover was covered by the parent list properties but I had to take out the top border cause IE6 bounced around, freaking width is only needed here for the block level hover in IE6 to work*/
	width:170px;
	font-size:80%;
	/*takes out the white top border in parent list's anchors to allow the nested list top border to be full width
	border-top:none;*/
}
#leftNav ul ul ul a:hover {
	background-color: #DDEEFF;
	background-image:  url("../images/header_background.jpg");
	font-weight: normal;
	text-decoration: underline;
	border-top:none;
}
/*****************************/
a:link, a:visited, a:hover {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links */

#leftbox {
	float:left;
	width:260px;
	margin:10px 10px 10px 0;
	padding:0;
	border: 5px ridge #00CC00;
}
#homesidebar {
	float:left;
	width:120px;
	margin:10px 0 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#homesidebar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#homesidebar li {

}
#homesidebar h2 {
	margin:0;
	padding:0;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	background:#6DB551;
	color: #333333;
}


.center {
	text-align:center;
}
img {
	border:none;
	margin:0;
	padding:0;
	vertical-align: bottom;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.right {
	text-align:right;
}
.pad15 {
	margin:0;
	padding:15px;
}
.pad15Right {
	padding:0 15px 0 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Gulim, Verdana, "Trebuchet MS", Arial;
	color: #104324;
	font-size: 125%;
	padding-left: 20px;
	background: url(../images/navimage.jpg);
}
h2 {
	margin:25px 0 0;
	padding:0 0 0 22px;
	color: #C4F0B5;
	font: 125% Georgia, "Times New Roman", Times, serif;
	background: #00CC00;
}
h3 {
	font-size: 110%;
	color: #65AD49;
	margin:5px 0 25px;
	padding-left: 15px;
}
h4 {
	color: #FF9900;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 25px;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 100%;
	color: #0066CC;
	text-align: left;
	padding-left: 5px;
}

.heading5 {
	font-size: 100%;
	color: #0066CC;
	text-align: left;
	padding-left: 35px;
}

.black {
	color:black;
}
.subLinks {
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}
.subLinks2 {
	padding: 0px 0px 0px 20px;
	font-size: 80%;
}
.skyscraper {
	font-family: "Times New Roman", Times, serif;
	color: #0294F9;
	font-size: 175%;
	background-image:  url("../images/header_background.jpg");
	padding-left: 20px;
	float: none;
	text-align: center;
}
.emphasisHeading {
	font-size: 125%;
	color: #00CC33;
	padding-left: 2px;
	text-transform: capitalize;
	padding-right: 5px;
}
ul {
	list-style-position: outside;
	bottom: 5px;
	list-style-type: circle;
}
ul ul {
	list-style-type: disc;
}
ul ul ul {
	list-style-type: none;
}
label {
	font: bold 100% Arial, sans-serif;
	color: #334d55;
}
/***********************************************/

/* Layout Divs                                 */

/***********************************************/
#masthead {
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background-color: #FFFFFF;
}
#navBar {
	margin: 0 79% 0 0;
	padding: 0px;
	border: 1px solid #ccc;
}
/*#content {
	float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}*/
/***********************************************/

/*Component Divs                               */

/***********************************************/
#siteName {
	margin: 0px;
	padding: 0px 0px 10px 10px;
}
/*************** #pageName styles **************/
#pageName {
	padding: 0px 0px 10px 10px;
}
/************* #breadCrumb styles *************/



#breadCrumb {
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}
/************** .feature styles ***************/



.feature {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 95%;
	list-style-type: circle;
	text-align: justify;
}
.feature h2 {
	font-size: 125%;
	color: #006699;
	text-indent: -10px;
	text-transform: capitalize;
}
.feature h3 {
	padding: 30px 0px 5px 0px;
	text-align: center;
	font-size: 95%;
	text-transform: capitalize;
}
.feature img {
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}



/* adjust margins to change separation between the feature image and text flowing around it */

/************** .story styles *****************/
.story {
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}
.story p {
	padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/

#siteInfo {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */

#siteInfo img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
/************* #search styles ***************/

#search {
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#search label {
	display: block;
	margin: 0px;
	padding: 0px;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {
	border-bottom: 1px solid #EEE;
}
/* fix for browsers that don't need the hack */

html>body #navBar li {
	border-bottom: none;
}

/*********** .relatedLinks styles ***********/

.relatedLinks {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}
.relatedLinks h3 {
	padding: 10px 0px 2px 0px;
}
/************** #advert styles **************/

#advert {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}
#advert img {
	display: block;
}
/************** #headlines styles **************/

#headlines {
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}
#headlines p {
	padding: 5px 0px 5px 0px;
}
.navBorder {
	border: 2px solid #0099FF;
}
#mainTable {
	background-color: #FFFFFF;
	border: 1px solid #0099FF;
}
.footer {
	font-size: 70%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box {
	border: 2px solid #EAEAEA;
	padding: 15px;
}
/*p {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	list-style-type: circle;
}*/
#mainTableColors {
	background-color: #CEE9FE;
}
.smallText {
	font-size: 90%;
}
.smallerText {
	font-size: 70%;
}
.110 {
	font-size: 110%;
	color: #333333;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
}
.hotlink {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 110%;
	font-weight: 300;
	text-transform: capitalize;
}
.indent10 {
	padding-left: 10px;
}
.emphasis {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 80%;
	font-weight: lighter;
	font-style: italic;
}
.navHeading {
	margin-left: 4px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 65%;
}
.smallTextPad {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
}
.bigText {
	font-size: 200%;
}
.big150 {
	font-size:150%;
}
.big125 {
	font-size:125%;
}
.navHeading1 {
	margin-left: 4px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 65%;
	margin-top: 15px;
}
.border1pixel {
	border: 1px solid #000000;
}
#border1px {
	border: 1px solid #000000;
}
.redbolder {
	font-weight: bolder;
	color: #FF0000;
}
.bold {
	font-size: 100%;
	color: #333333;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
}
.bottomBorder {
	border-bottom: 2px solid #EAEAEA;
}
.leftBorder {
	border-left: 2px solid #EAEAEA;
}
.marginZero {
	margin:0;
}
#downloadsTable ul{
	margin:0;
	padding:0;
	list-style: none;
}
#downloadsTable td {
	margin:20px;
	padding:7px;
	width: 33%;
	vertical-align: top;
	font-size:80%;
}
#50persenttd  td{
	margin:20px;
	padding:7px;
	width:50%;
	vertical-align:top;
}
.marginAuto {
	display: block;
    margin: auto;
}


/* Table Blue*/
table.Blue {
	margin:15px auto;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.Blue th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #687EAB;
    color: #FFFFFF;
}
table.Blue td {
    text-align: left;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    background: #DBE2F1;
}

table.Blue thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
}
table.Blue th.Corner {
    text-align: left;
}
/* Table BlueLeft Left Column Header Row*/
table.BlueLeft {
    margin:auto;
	border-spacing: 0px;
    border-collapse: collapse;
}
table.BlueLeft th {
    text-align: left;
    font-weight: normal;
	color:#FFF;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
    background: #687EAB;
}
table.BlueLeft td {
    text-align: left;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
/* Table Plain*/
table.Plain {
	margin:auto;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Plain th {
	text-align: left;
	font-weight: 500;
	padding: 0.1em 0.5em;
	border-bottom: 2px solid #DBE2F1;
}
table.Plain td {
    text-align: left;
    border-bottom: 2px solid #DBE2F1;
    padding: 0.1em 0.5em;
}
/* Table PlainLeft*/
table.PlainLeft {
	margin:auto;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.PlainLeft th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #DBE2F1;
}
table.PlainLeft td {
    text-align: left;
    border-bottom: 2px solid #DBE2F1;
    padding: 0.1em 0.5em;
}
.col250 {
	width:250px;
	float:left;
}
.col250R {
	width:250px;
	float:right;
}
.col350 {
	width:350px;
	float:left;
}
.col700 {
	width:700px;
	margin:auto;
}
.bgcolor {
	background: #FFFFEC;
}
.verticalresponse {
	font-family: verdana;
	font-size: 11px;
	padding-left: 30px;
	border: none;
}
.button {
	background: #fff;
	border: 1px solid blue;	
}
.sitemap ul {
	list-style: none;	
	margin:0;
	padding:0:	
}
.sitemap ul ul{
	padding-left:20px;
}
/*.sitemap li {
	padding-left:15px;
}*/
.margintop10 {
	margin-top:10px;
}
.margin10 {
	margin:10px;
}