/* STANDARDS
----------------------------------------------- */

html, body {
 margin: 0 auto 0px auto;
 text-align: center;
 padding: 0;
 background: #E3E3E3 url(images/body-bg2.gif) repeat-x top left;
 font-family: verdana, arial, helvetica;
 font-size: 11pt;}

table {
 margin-top: 0;
 margin-bottom: 0;
 font-size: 13px;
 padding: 0;
 text-align: left;
 border-collapse: collapse;}

td {
 vertical-align: top;}

a, a:link, a:active, a:visited, a:hover {
 color: #00407D;
 font-weight: bold;
 text-decoration: none;}

a:hover {
 color: red;}


/* TEXT ELEMENTS
----------------------------------------------- */

h1 {
 font-family: georgia;
 font-size: 22px;
 text-align: center;
 font-weight: normal;
 line-height: 150%;}

h2 {
 background: #000;
 color: #fff;
 font-size: 16px;
 text-align: center;
 margin: 0;
 padding: 0;}

h3 {
 font-family: verdana;
 font-size: 12px;
 margin: 0 0 10px 0;
 font-style: italic;}

h4 {}

h5 {}

h6 {}

img {
 border: 0;}

div, span {
 line-height: 125%;
 font-family: verdana, arial, helvetica;
 font-size: 11pt;}

strong, b {
 font-weight: bold;}

p {
 margin: 10px 0;
 padding: 0;}

/* LAYOUT
----------------------------------------------- */
/* for mozilla browsers to center table */

form {
 margin: 0 auto;
 padding: 0;
 width: 100%;}

input, select, textarea {
 border: 1px solid #D9D9D9;
 background: #F8F8F8;
 font-size: 11px;
 margin: 1px;
 padding: 0 1px;}

fieldset {
 margin: auto;}


/* Esh Styles
----------------------------------------------- */

table#page-container {
 background: #fff;
 width: 780px;
 margin: 0 auto;
 background-image: url('images/bg_image.jpg');
 background-repeat: repeat-x;
	overflow:hidden;
}

table#page-container td {
 padding: 0;}

table#page-container2 {
 background: #fff;
 width: 780px;
 margin: auto;
 border: 1px solid #000;
 background-image: url('images/bg_image2.jpg');
 background-repeat: repeat-x;
}

#page-container #header {
 border: 1px solid #000;
 text-align: center;
 margin: 0px auto;
 padding: 0;
 height: 101px;
 background: url(images/newheader.jpg) no-repeat bottom right;}

#page-container .menu {
 padding: 0;
 width: 780px;
 margin: 0 auto;
 height: 27px;
 color: #fff;
 text-align: center;
 background: #0377E6 url(images/menu-bg2.jpg) repeat-x top left;
 font-family: verdana;
 font-size: 12px;
	overflow:hidden;}

#page-container .menu table td, table#menu td {
 padding: 0;
 text-align: center;
 font-family: verdana;
 font-size: 11px;
 font-weight: bold;
 height: 24px;
 color: #fff;
 vertical-align: middle;}

table#menu {
 margin: 0 auto;
 width: 99%;}

table#menu a, table#menu a:link, table#menu a:active, table#menu a:visited {
 color: #fff;
 height: 22px;
 padding-top: 2px;
 font-size: 11px;
 font-weight: bold;
 width: 100%;
 display: block;}

table#menu a:hover {
 background: #0376E9 url(images/menu-hover.gif) no-repeat top center;
 color: #fff;}

td#left, td#right {
 padding: 0 5px 5px 5px;
 width: 170px;
 color: #fff;
 border-bottom: 2px solid #000;
 background: #005BB2;}

td#left {
 border-right: 2px solid #000;}

td#left a, td#left a:link, td#left a:active, td#left a:visited {
 color: #fff;
 font-weight: bold;}

td#left a:hover {
 color: #000;
 text-decoration: underline;}

td#left p {
 text-align: center;}

td#center {
 border-bottom: 2px solid #000;
 padding: 5px 10px;
 width: 510px;}

td#right {
 border-left: 2px solid #000;}

td#footer {
 background: #000;
 color: #fff;
 text-align: center;}

ul.side {
 margin: 0 0 5px 0;
 font-size: 13px;
 padding: 0;
 list-style: none;}

ul.side2 {
 margin: 0 0 5px 0;
 font-size: 13px;
 padding: 0;
 list-style: none;}

ul.side li {
 background: url(images/ul-arrow.gif) no-repeat 7px left;
 padding-left: 10px;}

ul.side2 li {
 padding-left: 10px;
 list-style-image: url("/images/blank.gif");
 font-size: 12px;
 margin-left: 7px;
 background: url("images/bullet.jpg") no-repeat;
 background-position: 0px 6px;
 overflow:visible;
}

.buttonBorder {
 border: 1px solid black;}

p#note {
 font-size: 10px;
 line-height: 130%;
 color: #fff;}

table#form {
 width: 100%;
 background: #fff;
 border: 1px solid #000;}

table#form th {
 background: #B2D2F1;
 color: #000;}

table#form th, table#form td {
 padding: 2px 5px;}

td#special {
 text-align: center;
 padding: 10px 5px;
 color: #000;
 line-height: 120%;
 font-weight: bold;
 background: #FAF400;
 border-bottom: 1px solid #000;}

td#special b {
 font-size: 18px;
 color: #ff0000;}

table#form .btn {
 text-align: right;
 padding: 0 5px;
 background: #B2D2F1;}

table#featured-box {
 margin: 5px 0;
 width: 100%;
 border: 3px solid #000;
 background: #FCFB99;}

table#featured-box th {
 background: #000;
 padding: 5px 0;}

table#featured-box td {
 padding: 5px;}

table#featured-box td img, table#plain-box td img {
 margin: 3px;}

table#plain-box {
 width: 100%;}

table#plain-box td {
 font-size: 12px;
 padding: 5px;}

table#list td {
 vertical-align: top;
 width: 50%;}

p#more {
 background: #ECECEC;
 text-align: center;}

div#more {
 text-align: center;
 background: #000;}

div#more a, div#more a:link, div#more a:active, div#more a:visited {
 color: #F9F833;
 text-decoration: underline;}

div#more a:hover {
 color: red;}

p.i {
 font-style: italic;
 margin: 0 0 10px 0;}

/* SHADOW
--------------------------------------------------- */

.blur{
 z-index:0;
 width: 800px;
 margin: 0 auto;
 text-align: center;
 background-color: #F0F0F0; /*shadow color*/
 color: inherit;

}

.shadow{
  margin: 0 auto;
  text-align: center;
  width: 785px;
  background-color: #D0D0D0; /*shadow color*/
  color: inherit;
}
.blur2{
 width: 788px;
 margin: 0 auto;
 text-align: center;
 background: transparent url(images/bg_shadow3.gif) repeat-y;
}

.shadow2{
}

.shadow3{
  z-index:0;
  width: 800px;
  margin: 0 auto;
  text-align: center;
  background-image: url('images/bg_shadow_grey.jpg');
  background-repeat: repeat-y;
}

/* CUSTOM STYLES
------------------------------------------------- */
#testimonial_pic {
 float:left;
	margin: 10px;
	padding: 5px;
	border: 1px #00FFFF solid;
	width: 125px;
	background: #fff;
}
#notepad {
	position:relative;
	width:90%;
	border: 2px #eee solid;
	background: url("images/notepad_paper.jpg") repeat-y;
	margin: 0 auto;
}
#paperclip {
	position:absolute;
	z-index: 3;
	top: -15px;
	left: 25px;
	behavior: url(iepngfix.htc);
	background-image: url("images/paperclip.png");
	width: 70px;
	height: 55px;
}
#notepad_pic {
	float: none;
	position:absolute;
	z-index: 2;
	top: 0px;
	left: 25px;
	margin: 5px 18px 15px 15px;
	padding: 10px 10px 10px 10px;
	border: 2px #ccc solid;
	width: 125px;
	background: #fff;
}
#notepad_pic_underlay {
	float: left;
	position:relative;
	top: 0px;
	left: 25px;
	margin: 5px 18px 15px 15px;
	padding: 10px 10px 10px 10px;
	width: 125px;
	height: 140px;
}
#notepad_content {
	padding: 25px 40px 50px 60px;
	margin: 0 0 0 0;
}
#clear{
	clear:both;
}
.clear{
	clear:both;
}

#coupon{
 width:500px;
 text-align: center;
	background-color: #00FF00;
	padding-top:30px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border: 4px #CC0000 dashed;
	background: #FFFFCC url("images/satisfaction-guarantee.jpg") no-repeat;
	background-position: 20px 20px;
	margin: 0 auto;
}

#greybox {
	width:450px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E8E8E8;
	padding:2px;
	border: 1px #000 solid;
}

#bullets ul li{
 margin-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #00FFFF;
}

.bluecheck {
	padding-top:8px;
	padding-left:45px;
	height:34px;
	vertical-align:middle;
	list-style-image: url("images/blank.gif");
	background: url("images/blue-checkmark.jpg") no-repeat;
	background-position: 0px 0px;
	overflow:visible;
}

.bluetext {
	color: #000080;
	font-size:11pt;
}

ol.bluenum_list li{
	color: blue;
	font-size:16px;
	font-weight:900;
}

ul.sm_check {
 margin: 0 0 0 0px;
 padding:0 0 0 30px;
 list-style-image: url(images/sm_check.gif);}

ul.sm_check li {
 padding-bottom: 5px;}

.highlight {
 background-color: #ffff00;
 font-weight; bold;}

td.cell_border {
 border: 1pt solid black;}

.dates_red {
 font-family: verdana, arial;
 font-size: 13pt;
 color: #cc0000;}

.big_blue {
 font-family: verdana, arial;
 font-size: 16pt;
 text-align: center;
 color: #000080;
 line-height; 150%;}

.big_red {
 font-family: impact, arial;
 font-size: 22pt;
 color: #cc0000;
 text-align: center;
 line-height: 150%;}

.cs_header {
 background-color: #ffff00;
 font-family: "courier new", courier, arial;
 font-weight: bold;
 font-size: 14pt;}

.arial11 {
 font-family: arial, helvetica;
 font-size: 11pt;}

.arial12 {
 font-family: arial, helvetica;
 font-size: 12pt;}

.verdana12 {
 font-family: verdana, arial, helvetica;
 font-size: 12pt;}

.verdana_14_blue {
 font-family: verdana, arial, helvetica;
 font-size: 14pt;
 color: #000080;}

.big_impact_blue {
 font-family: impact, arial, helvetica;
 font-size: 16pt;
 font-weight: bold;
 color: #000080;}

.blue_quote {
 font-family: "courier new", courier, arial;
 font-size: 12pt;
 font-weight: regular;
 color: #000080;}

.indented_quotes {
 padding: 5px 15px;}

#cert_small {
 width: 690px;
	height: 403px;
 background: url("images/cert_small.jpg") no-repeat;
	}
#cert_medium {
 width: 690px;
	height: 553px;
 background: url("images/cert_medium.jpg") no-repeat;
	}
#cert_large {
	width: 690px;
	height: 662px;
 background: transparent url("images/cert_large.jpg") no-repeat;
	}

#cert_xlarge {
 width: 690px;
	height: 921px;
 background: url("images/cert_xlarge.jpg") no-repeat;
	}

#cert_xxlarge{
 width: 690px;
	height: 1022px;
 background: url("images/cert_xxlarge.jpg") no-repeat;
	}

#cert_large td, #cert_medium td, #cert_small td, #cert_xlarge td, #cert_xxlarge td {
 padding: 100px;}

#goldbox{
 margin: 0 auto;
	float: left;
	margin-top: 5px;
 width: 500px;
	height: 148px;
	overflow: hidden;
	background: url("images/goldbox.jpg") no-repeat;}

#goldbox td { padding-top: 15px; padding-left:50px; padding-right:50px; }

#bluebox{
 margin: 0 auto;
	float: left;
	margin-top: 5px;
 width: 500px;
	height: 148px;
	overflow: hidden;
	background: url("images/bluebox.jpg") no-repeat;}

#bluebox td { padding-top: 15px; padding-left:50px; padding-right:50px; }

.Verdana11pt {
font-size: 11pt;
font-style: verdana; }

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:left;
background-color: #FFEC01;
color: #000000;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-align:left;
background-color: #FFEC01;
color: #000000;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: white;
color: #000000;
}

#nonmember{display: none}
#junior{display: none}
#winner{display: none}
#varsity{display: none}
#centertest {
 margin:0 auto;
 text-align: center; }
</style>