/* CSS Document */
body{
	background-color:#037286;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	font:12px/15px Verdana, Arial, Helvetica, sans-serif;
}
div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#header_container{height:320px; position:relative; margin:0 auto; padding:0px; background-image:url(images/header_slice-grn2.gif); background-repeat:repeat-x; background-position:top;}

#header{width:755px; height:310px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;}

#header img{
	height:80px;
	width:450px;
	position:absolute;
	top:0;
	left:165px;
	padding:0px;
}

#header ul{
	width:120px;
	height:145px;
	padding:23px 30px 20px 20px;
	position:absolute;
	top:112px;
	left:20px;
	background:url(images/nav1-ul_gray.gif) 0 0 no-repeat;
	background-image: url(images/nav1-ul_gray.gif);
}

#header ul li{border-bottom:#929292 dotted 1px; font:12px/24px "Optima", Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}

#header ul li.contact{border:none;}

#header ul li a{font-family:"Optima", Verdana, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#006699;}

#header ul li a:hover{color:#fff; text-decoration:none;}

#header h1{
	padding:137px 0px 0px 33px;
	background:url(images/banner1.jpg) 0 0 no-repeat #fff;
	width:500px;
	height:51px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #037286;
	position:absolute;
	top:112px;
	left:230px;
}

/* Header support pages */

#header .aboutus{
	padding:137px 0px 0px 33px;
	background:url(images/banner-aboutus.jpg) 0 0 no-repeat #fff;
}

#header .dvds{
	padding:137px 0px 0px 33px;
	background:url(images/banner-dvds.jpg) 0 0 no-repeat #fff;
}

#header .cepkgs{
	padding:137px 0px 0px 33px;
	background:url(images/banner-cepkgs.jpg) 0 0 no-repeat #fff;
}

#header .contacts{
	padding:137px 0px 0px 33px;
	background:url(images/banner-contacts.jpg) 0 0 no-repeat #fff;
}

#header .terms{
	padding:137px 0px 0px 33px;
	background:url(images/banner-terms.jpg) 0 0 no-repeat #fff;
}


/*----BODY MIDDLE PANEL-not used---*/
#bodymiddlePan{width:602px; position:relative; margin:0 auto; padding:0 88px; clear:both;}
#bodymiddlePan h2{width:400px; height:68px; display:block; background:#037286; color:#FBD61A; font:14px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#bodymiddlePan p.lasttext{padding:0 0 25px 0;}
#bodymiddlePan p span{background:#037286; color:#fff;}
/*----BODY MIDDLE PANEL----*/

/*----BODY BOTTOM PANEL----*/
#bodyBottomPan{width:780px; background:url(images/body_shadow-grn.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:0; clear:both;}

/*----Info Panel----*/
#infoPan{width:330px; height:500px; float:left; padding:12px 0 0 0; margin:0 90px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#infoPan h2{color:#ffffff; font:18px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:12px 0 14px 0;}
#infoPan h3{background:url(images/infopaneltop.jpg) 0 0 no-repeat #037286; color:#ffffff; font:14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 10px;}

#infoPan p{padding:6px 0 0 0; line-height:17px; color:#ffffff;}

#infoPan ul{float:left; width:320px; padding:10px 0 0 0; color:#ffffff;}
#infoPan ul li{margin:0;}
#infoPan ul li a{font:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:0; color:#ffcc00;}
#infoPan ul li a:hover{color:#0033cc; text-decoration:none;}
/*----/Info Panel----*/

/*----Services Panel----*/
#servicesPan{width:330px; height:500px; color:#212121; float:left; padding:12px 0 0 0; margin:0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#servicesPan h2{color:#ffffff; font:18px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:12px 0 14px 0;}
#servicesPan h3{background:url(images/servicespaneltop.jpg) 0 0 no-repeat #037286; color:#ffffff; font:14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 10px;}

#servicesPan p{padding:6px 0 0 0; line-height:17px; color:#ffffff;}

#servicesPan ul{float:left; width:320px; padding:10px 0 0 0; color:#ffffff;}
#servicesPan ul li{margin:0;}
#servicesPan ul li a{font:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:0; color:#ffcc00;}
#servicesPan ul li a:hover{color:#339900; text-decoration:none;}
/*----/Services Panel----*/

/*----Schedule Panel-Not used---*/
#schedulePan{width:187px; height:192px; background:url(images/schedulepanelbg.jpg) 0 100% no-repeat #037286; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#schedulePan h2{width:163px; height:40px; background:url(images/schedulepaneltop.jpg) 0 0 no-repeat #037286; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#schedulePan p{padding:10px 0 0 24px; line-height:17px;}
#schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#schedulePan p.view a{width:66px; height:18px; display:block; background:url(images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#schedulePan p.view a:hover{background:url(images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
/*----/Schedule Panel----*/

/*----BOTTOM PANEL----*/
#bottomPan{height:180px; background:url(images/bottombg-grn.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:50px 0 0; clear:both;}

#bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
#bottomBorderPan{width:778px; float:left; background:url(images/bottomborder-bg1.gif) 0 0 repeat-y;}
#bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; color:#0C0C0C; font:18px/30px Optima, Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:250px; color:#0C0C0C; font:18px/30px Optima, Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h4{width:280px; height:40px; position:absolute; top:28px; left:510px; color:#0C0C0C; font:18px/30px Optima, Georgia, "Times New Roman", Times, serif;}

#bottomBorderPan ul{float:left; width:258px; padding:25px 0 0;}
#bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{
	width:200px;
	height:22px;
	display:block;
	background:url(images/arrow-normal.gif) 0 8px no-repeat #ccc;
	color:#ffffff;
	font:10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 0 0 16px;
}
#bottomBorderPan ul li a:hover{background:url(images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}

/*---- Sidebar Left ----*/

#sidebar {
	background:#000033;
	width:160px;
	padding:10px 20px 20px 20px;
	float:left;
	color:#666;
	border-top:2px solid #000;
	border-bottom:10px solid #000;
}

#sidebar h2 {
	font:160% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:10px 0 10px 0;
	background:url(images/sidebarh2.jpg) right no-repeat;
	border:none;
}

#sidebar h3 {
	color:#ffcc00;
	font:90% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
}

#sidebar p {
	margin:15px 0;
	font:90% Verdana, Arial, Helvetica, sans-serif;

}

#sidebar p.news {
	background:none;
	color:#000000;
}

#sidebar p.news a.more {
	color:#ccc;
	display:block;
	text-align:right;
	font:80% Verdana;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:6px 0;
}

#sidebar p.news a:hover {
	color:#98D158;
}

#sidebar .subnav {
	border-top:1px solid #2C2C2C;
}

#sidebar .subnav li {
	list-style:none;
	padding:5px;
	border-bottom:1px solid #2C2C2C;
}

#sidebar .subnav li a {	
	color:#ccc;
	text-decoration:none;
	display:block;
}

#sidebar .subnav li a:hover {
	color:#98D158;
}

#sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}

#sidebar .subnav li a:hover b {
	display:inline;
}


/*----  Right Column ----*/

#contentnorightbar {
	background:url(images/content.jpg) top left no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#contentnorightbar ul {
	line-height:25px;
	list-style-type: square;
}


.indent li { 
	padding-left:2px; 
	padding-top:8px;
	overflow:visible; 
	list-style-position: inside;
}


#contentnorightbar li a {
	text-decoration:none;
	color:#ffcc00;
}

#contentnorightbar li a:hover {
	text-decoration:none;
	color:#003300;
}

#contentnorightbar ul span {
	color:#ffcc00;
}

#contentnorightbar h2 {
	font:140% Verdana;
}


p {
	margin:15px 0;
	line-height:22px;
	color:#FFFFFF;
}

p a {
	color:#ffcc00;
	text-decoration:none;
}

p a:hover {
	color:#003300;
}

h1 {
	font:120% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFCC00;
}

h2 {
	font:16/18pt "Optima", Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFCC00;
	border-bottom:2px solid #f6f6f6;
}

h2 a {
	color:#FFCC00;
	text-decoration:no-underline;
}



h2 a:hover {
	color:#FFFFFF;
		text-decoration:none;
}

h3 {
	font:14/18pt "Optima", Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFCC00;
}

h3 a {
	color:#FFCC00;
	text-decoration:no-underline;
}



h3 a:hover {
	color:#FFFFFF;
}

h4 a {
	color:#ffcc00;
	text-decoration:none;
}

h4 a:hover {
	color:#FFFFFF;
}


/* New Menu with popup tabs */

.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(media/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(media/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/*--- Rounded Box (simple) ---*/

.bl {background: url(media/bl.gif) 0 100% no-repeat #cccccc;}
.br {background: url(media/br.gif) 100% 100% no-repeat}
.tl {background: url(media/tl.gif) 0 0 no-repeat}
.tr {background: url(media/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


/*----  Extra stuff ----*/


label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;
}

p img {
	margin:0;
}

blockquote p {
	font:140% Georgia;
	color:#FFFFCC;
	padding:0 10% 0 0;
	line-height:30px;
}

/*----FOOTER PANEL----*/
#footermainPan{height:120px; background:url(images/footerbg-grn.gif) 0 0 repeat-x #037286; position:relative; margin:0 auto;  color:#fff; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:20px 0 0;}

#footer {
	width: 760px;
	position:relative;
	margin: 0 auto;
	padding: 20px 0;
	color : #CCCCCC;
}
#footer p {
	text-align: center;
font-size: 80%;
}

#footer a {
color: #73bd25;
}

#footer a:hover {
	color:#ffcc00;
		text-decoration:none;
}

#footer h4 {
	text-align: center;
	font-size: 100%;
	text-decoration:none;
}




/*additions*/


.viewcartSpacer {
	height: 50px;
	width: 535px;
	float: left;
	padding-top: 50px;
}