/* CSS Document */

/* margin: top right bottom left*/

body 
{
margin: 0em auto; 
padding: 0px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
background-color: rgb(216,216,216);
}

.page-container 
{
width: 770px; 
margin: 0px auto; 
padding: 0px; 
background-color: rgb(255,255,255);
}

.page-container p.pNote
{
	margin-bottom: -.75em;
	font-size: 80%;
}

.page-container p.pShare
{
	/*
	display: none! important;
	height: 0px;
	width: 0px; 
	margin: 0px ; 
	padding: 0px; 
	background:none;
	border:none;
	*/
	margin-top: 3em;
	font-size: 80;
}


.page-heading
{
	margin: 2px 60px 2px 80px;
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
	color:#000000;
	font-weight: bold;
}


.page-heading2
{
	margin: 2px 60px 2px 30px;
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
	color:#000000;
	font-weight: bold;
}

.page-heading2 p.pHeading
{
	font-size: 100%;
	color:#009900;
	font-weight: bold;
}

.page-heading2 p.pHeadingBlack
{
	font-size: 100%;
	color:#000000;
	font-weight: bold;
}

.page-heading2 p.pHeadingBlack2
{
	font-size: 100%;
	color:#000000;
	font-weight: bold;
	margin-bottom: -1em;
}

.page-heading2 p
{
	font-weight: normal;
	font-size: 80%;
}

.page-heading2 a
{
	font-weight: normal;
}

.page-heading2 h1
{
	font-size: 100%;
	color:#009900;
	font-weight: bold;
}

.page-heading2 h2
{
	font-size: 80%;
	color:#009900;
	font-weight: bold;
	margin-top: 1.5em;
}

.page-heading2 p.pTiny
{
	font-size:10% ;
}

.page-heading2 ol
{
	font-weight: normal;
	font-size: 80%;
}



.contentbox
{
	/*clear: both;*/
	/*min-height: 360px;*/
	width: 730 auto;
	margin-left:20px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: normal;
	line-height: 1.3em;
	float:left;
	/*position:relative;*/
}


.contentbox p
{
	margin-left:20px;
	margin-right:20px;
}

.contentbox p.p2
{
	margin-top: 10px;
	margin-bottom: -.75em;
}

.contentbox ul
{
	margin-left:60px;
	margin-right:20px;
	line-height: 1.3em;
}

.contentbox li
{
	padding-bottom: .5em;
}

.navbar
{
	clear: both;
	height: 27px;  
	width: 770px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:none;
	/*background-color:#ff0000;*/
	font-size: 80%;
	float:left;
	border:none;
	position:static;
}

.navbar ul 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:none;
	list-style: none ;
	display: inline  ;
}

.navbar ul li 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:none;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
	width: 100px;
}

.navbar li a {
	margin: 0 0 0 0;
	border:none;
	FLOAT: left;
	WIDTH: 110px;
	PADDING-TOP: 6px;
	HEIGHT: 27px;
	OVERFLOW: hidden;
	background-color:#333333;
	background-image:url(../images/tab_blue_l.png);
	text-decoration: none;
	color:#333333;
	text-align: center;
	font-weight: bold;	
}

	
.navbar li a:hover 
{
	color: #000000;
	background-image: url(../images/tab_blue_h.png);
	display: inline ;
	position:static;
}

	
.navbar li a.selected
{
	color: #000000;
	background-image: url(../images/tab_blue_h.png);
	display: inline ;
	position:static;
}

.page-top
{
height:auto;
width: 770px; 
margin: 0px auto; 
padding: 0px; 
background-color:#333333; 
background-image:url(../images/chalkboard.png); /* for safari, otherwise, bkg colors don't match*/
background-repeat:repeat-y;
}


img#img-screen
{
	display:inline;
	visibility: visible;
}
img#img-print
{
	display: none;
	visibility: hidden;
}


.footer
{
	height:auto;
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	/*background-color:#CCCCCC;*/
	color:#000000;
	text-align: center;
	font-size: 60%;
	border-top: solid 2px #333333 ;
}


.footer p
{
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1em;
	color:#000000;
}

.table 
{
clear: left; 
margin: 0px 0px 0px 0px; 
border: solid 1px rgb(150,150,150); 
empty-cells: show; 
border-collapse: collapse; 
background-color: rgb(255,255,255) ;
}
.table tr {margin: 0px; padding: 0px;}
.table td 
{
padding: 2px 2px 2px 2px; 
border: solid 1px rgb(150,150,150); 
text-align: left; 
font-size: 100%;
background-color:#00FFFF
}
.table th 
{margin: 0px; 
padding: 2px 7px 2px 7px; 
border: solid 1px rgb(150,150,150); 
empty-cells: show; 
text-align: left; 
font-size: 120%; 	
}

.table-3col 
{
clear: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border: solid 0px rgb(150,150,150); 
empty-cells: show; 
border-collapse: collapse; 
background-color: rgb(255,255,255);
}
.table-3col tr {margin: 0px; padding: 0px;}
.table-3col td 
{
	width: 256px;
	padding: 0px 5px 0px 5px;
	/*padding: 2px 10px 2px 2px;*/
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
}
.table-3col th 
{
margin: 0px; 
padding: 2px 7px 2px 7px; 
border: solid 0px rgb(150,150,150); 
empty-cells: show; 
text-align: left; 
font-size: 100%; 	
}
.table-3col p 
{
position:relative;
color:#000000;
text-align:left;
font-size: 70%; 	
}

.table-3col p.tinyrow
{
	font-size: 50%;
}

.table-3col h1 
{
	color:#009900;
	text-align:left;
	font-size: 80%; 	
	/*height: .15em;*/
	/*line-height: 50%;*/
	margin-bottom: -1em;
}

.table-3col h1 a 
{
	text-decoration: none;
	color:#009900;
}

.table-3col h2 
{
color:#000000;
text-align:left;
font-size: 85%; 	
height: 0em;
}


.introtext
{
height:auto;
padding:10px;
background:transparent;
}

.introtext p
{
	text-align:left;
	font-size: 75%;
	margin-left: 5px;
	margin-right: 5px;
	color:#ffffff;
	margin-top: -3px;
	margin-bottom: 7px;
}

.introtext h1
{
	text-align:center;
	font-size: 75%;
	margin-left: 5px;
	margin-right: 5px;
	color:#FF9900;
	margin-top: -7px;
	margin-bottom: 13px;
}

.introtext p.pLandingPage
{
	text-align:center;
	font-size: 130%;
	margin-left: 5px;
	margin-right: 5px;
	color:#ffffff;
	margin-top: -3px;
}


.introheading
{
height:auto;
padding:10px;
background:transparent;
	color:#FF8600;
}

.introheading p
{
	text-align:center;
	font-size: 80%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -3px;
}

/*
margin-top
margin-right
margin-bottom
margin-left
*/

.table-1col 
{
clear: left; 
margin: 0px 0px 0px 0px; 
border: solid 0px rgb(150,150,150); 
empty-cells: show; 
border-collapse: collapse; 
background-color: rgb(255,255,255);
}
.table-1col tr {margin: 0px; padding: 0px;}
.table-1col td 
{
	width: 100%;
	padding: 2px 60px 2px 80px;
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
}
.table-1col th 
{
	margin: 0px; 
	padding: 2px 7px 2px 7px; 
	border: solid 0px rgb(150,150,150); 
	empty-cells: show; 
	text-align: left; 
	font-size: 100%; 	
}
.table-1col p 
{
	position:relative;
	color:#000000;
	text-align:left;
	font-size: 80%; 	
}

.table-1col h1 
{
	color:#009900;
	text-align:left;
	font-size: 80%; 	
	margin-bottom: -1em;
}

.table-1col h2 
{
	color:#000000;
	text-align:left;
	font-size: 85%; 	
	height: 0em;
}


.table-2col 
{
	/*clear: left; */
	margin: 0px 0px 0px 0px; 
	border: solid 0px rgb(150,150,150); 
	empty-cells: show; 
	border-collapse: collapse; 
	background-color: rgb(255,255,255);
}
.table-2col tr {margin: 0px; padding: 0px;}
.table-2col td 
{
	padding: 0px 0px 0px 0px;
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
}

.table-2col th 
{
	margin: 0px; 
	padding: 2px 7px 2px 7px; 
	border: solid 0px rgb(150,150,150); 
	empty-cells: show; 
	text-align: left; 
	font-size: 100%; 	
}
.table-2col p 
{
	position:relative;
	color:#000000;
	text-align:left;
	font-size: 80%; 	
	padding-right: 60px;
	line-height: 1.2em;
	margin-bottom: -.75em;
}

.table-2col p.pRowSpacing
{
	line-height: 3em;
	margin-bottom: 0;
}

.table-2col h1 
{
	color:#009900;
	text-align:left;
	font-size: 80%; 	
	margin-bottom: -1em;
}

.table-2col h2 
{
	color:#000000;
	text-align:left;
	font-size: 85%; 	
	height: 0em;
}




.table-buy 
{
	/*clear: left; */
	margin: 0px 0px 0px 0px; 
	border: solid 0px rgb(150,150,150); 
	empty-cells: show; 
	border-collapse: collapse; 
	background-color: rgb(255,255,255);
}
.table-buy tr {margin: 0px; padding: 0px;}
.table-buy td 
{
	padding: 0px 0px 0px 0px;
	border: solid 0px rgb(150,150,150);
	text-align:left;
	font-size: 100%;
	vertical-align: top;
}

.table-buy th 
{
	margin: 0px; 
	padding: 2px 7px 2px 7px; 
	border: solid 0px rgb(150,150,150); 
	empty-cells: show; 
	text-align: left; 
	font-size: 100%; 	
}
.table-buy p 
{
	position:relative;
	color:#000000;
	text-align:left;
	font-size: 80%; 	
	/*padding-right: 60px;*/
	line-height: 1.2em;
	/*margin-bottom: -.75em;*/
}

.table-buy p.pPrice
{
	color:#000000;
	text-align:right;
	font-size: 80%;
	line-height: 1.2em;
	/*margin-bottom: -0.75em;*/
	font-weight: bold;
}

.table-buy p.pBuyBtn
{
	color:#000000;
	text-align:right;
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 15px;
	/*margin-bottom: -0.75em;*/
	font-weight: bold;
}

.table-buy p.pRowSpacing
{
	line-height: 3em;
	margin-bottom: 0;
}

.table-buy h1 
{
	color:#009900;
	text-align:left;
	font-size: 80%; 	
	margin-bottom: -1em;
}

.table-buy h2 
{
	color:#000000;
	text-align:left;
	font-size: 85%; 	
	height: 0em;
}


.table-buy  a.btnBuy
{
	display: block;
	background-color: transparent;
	background-image:url(../images/buynow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 84px;
	height: 26px;
	margin-top:14px;
	margin-left:20px;
	text-decoration: none;
	OVERFLOW: hidden;
}

/*
.table-buy  a.btnBuy:link, a.btnBuy:visited 
{
background-position: 0 -26px;
}
*/

/*
.table-buy  a.btnBuy:active 
{
background-position: 0 -26px;
}
*/

.table-buy  a.btnBuy:hover
{
	background-position: 0 -26px;
}


.brochure 
{
	color:#ffffff;
	text-align:center;
	font-size: 75%; 	
}

.brochure a
{
	/*color:#ffffff;*/
	text-align:center;
	font-size: 75%;
	/*border: solid 1px white;*/
	border: solid 1px #3399FF;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	color:#000000;
	background-color:#Aed9f1; /*#3399FF;*/
}
.brochure a:hover
{
	color:#000000;
	border: solid 1px blue;
	padding: 3px 5px 3px 5px;
	/*background-color:#50A7FF;*/
	background-color:rgb(216,216,216);
}