body
{
	background-color: #003f79;
	background-image: url('/images/bkgd-gradient.gif');
	margin: 0;
}

q { behavior:url('/fixquotes.htc'); }

ol 
{
	margin: 0;
	padding: 0;
}

li 
{
	padding-bottom: 5px;
}

img 
{
	border: 0;
}

p.attribution 
{
	margin: 0px;
	padding-left: 12px;
}

a.button
{
	display: block;
	padding-top: 2px;
	color: White;
	width: 98px;
	height: 21px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

#masthead
{
	background-image: url('/images/header.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	border: none;
	height: 70px;
	width: 752px;
	vertical-align: middle;
	margin: 0;
}

#masthead a {

}

#masthead p 
{
	clear: none;
	float: right;
	text-align: right;
	margin-top: 28px;
	margin-right: 40px;
}

#masthead .logo {
	float: left;
	margin-top: 16px;
	margin-left: 80px;
}

#masthead>.text {
	color: white;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

#storepopup 
{
	position: fixed;
	top: -190px;
	width: 238px;
	height: 189px;
	z-index: 5;
}

#poster
{
	clear: none;
	width: 581px;
	height: 160px;
	overflow: hidden;
}

#poster>h1 
{
	position: relative;
	font-family: "Times New Roman";
	font-size: large;
	font-weight: normal;
	top: -59px;
	left: 12px;
	color: White;
}

#scrolllist
{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 150px;
	overflow: hidden;
}

#scrolllist li
{
	height: 15px;
}

.yellow a.button
{
	background: url('images/buttons/btn-yellow.png');
	background-repeat: no-repeat;
}

.yellow a.button:hover
{
	background: url('images/buttons/btn-yellow_o.png');
	background-repeat: no-repeat;
}

.blue a.button
{
	background: url('images/buttons/btn-blue.png');
	background-repeat: no-repeat;
}

.blue a.button:hover
{
	background: url('images/buttons/btn-blue_o.png');
	background-repeat: no-repeat;
}

.orange a.button
{
	background: url('images/buttons/btn-orange.png');
	background-repeat: no-repeat;
}

.orange a.button:hover
{
	background: url('images/buttons/btn-orange_o.png');
	background-repeat: no-repeat;
}

.red a.button
{
	background: url('images/buttons/btn-red.png');
	background-repeat: no-repeat;
}

.red a.button:hover
{
	background: url('images/buttons/btn-red_o.png');
	background-repeat: no-repeat;
}

#page
{
	margin: 0px auto;
	width: 792px;
	min-height: 100%;
}

#leftborder
{
	background: url('images/glow-l.png');
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px;
}

#rightborder
{
	margin-left: 20px;
	width: 772px;
	background: url('images/glow-r.png');
	background-position: right;
	background-repeat: repeat-y;
	padding: 0px;
}

#pagecontent
{
	width: 752px;
	margin-right: 20px;
	padding: 0px;
}

#bottomborder
{
	margin: 0px auto;
	width: 792px;
}

#bottomborder .left
{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	right: 20px;
	background: url('images/glow-corner-l.png');
	background-repeat: no-repeat;
	background-position: top right;
}

#bottomborder .right
{
	float: right;
	width: 20px;
	height: 20px;
	background: url('images/glow-corner-r.png');
	background-repeat: no-repeat;
	background-position: left;
}

#bottomborder .center
{
	float: left;
	width: 752px;
	height: 20px;
	margin-right: -752px;
	margin-left: 20px;
	text-align: center;
	background: url('images/glow-b.png');
	background-position: top left;
	background-repeat: repeat-x;
}

#mainmenu
{
	display: block;
	float: left;
	width: 752px;
	height: 22px;
	font-family: Verdana;
	font-size: 10px;
	background: url('images/main-menu.jpg');
}

#mainmenu .left
{
	position: relative;
	float: left;
	width: 89px;
	height: 22px;
	margin-left: -89px;
	background: url('images/main-menu-l.png');
	background-repeat: no-repeat;
	background-position: right;
}

#mainmenu .right
{
	float: right;
	width: 89px;
	height: 22px;
	margin-right: -89px;
	background: url('images/main-menu-r.png');
	background-repeat: no-repeat;
	background-position: left;
}

#mainmenu .center
{
	float: left;
	width: 752px;
	height: 22px;
	margin-right: -752px;
	padding-top: 4px;
	text-align: center;
}

#mainmenu ul 
{
	padding: 0px;
	margin: 0px;
}

#mainmenu a, #mainmenu a:visited
{
	color: White;
	text-decoration: none;
}

#mainmenu a:hover
{
	color: #003f79;
}

#mainmenu .navigation
{
	display: inline;
	list-style: none;
}

#mainmenu .navigation>li:first-child 
{
	font-weight: bold;
}

#mainmenu .navigation>li
{
	display: inline;
	border: solid 1px transparent;
	margin-left: 1px;
	margin-right: 1px;
	z-index: 1;
}

#mainmenu .navigation>li>a
{
	padding-left: 5px;
	padding-bottom: 5px;
}

#mainmenu li.active>a
{
	color: #003f79;
	font-weight: bold;
}

#mainmenu .subnavigation
{
	background-color: #00609c;
	color: White;
	list-style: none;
	width: 150px;
	text-align: left;
	padding: 5px;
	padding-left: 6px;
	opacity: .96;
	filter: alpha(opacity=96);
	z-index: 1;
}

#mainmenu .subnavigation>li>a 
{
	color: White;
}

#mainmenu .subnavigation>li>a:hover 
{
	color: Orange;
}

#maincontent
{
	clear: both;
	margin: 0;
	padding: 0;
	width: 752px;
	background: url('images/sun-bkgd.gif');
	background-color: #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	font-family: Verdana;
	font-size: 10px;
	color: #003f79;
}

#maincontent>h1 
{
	font-family: "Times New Roman";
	font-size: large;
	font-weight: normal;
	line-height: 20px;
}

#leftbar 
{
	float: left;
	width: 171px;
}

#leftbar .navigation
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-height: 160px;
	font-size: small;
}

#leftbar .navigation li>a
{
	display: block;
	width: 100%;
	color: #003f79;
	text-decoration: none;
	font-size: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

#leftbar .navigation ol
{
	padding-right: 12px;
}

#leftbar .navigation li
{
	background: white;
	color: #003f79;
	font-weight: normal;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

#leftbar .navigation li:hover
{
	background: #cbcddd;
}

#leftbar .navigation li.active
{
	background: #003f79;
	color: White;
	font-weight: bold;
	text-align: left;
}

#leftbar .navigation li.active a
{
	color: White;
}

#leftbar .navigation li.active a:hover
{
	color: #cbcddd;
}

#leftbar .navigation>.active:hover
{
	color: #cbcddd;
}

#leftcontent
{
	padding: 12px;
}

#leftcontent>h1
{
	color: White;
	background: #003f79;
	font-weight: bold;
	font-size: 10px;
	margin: 100px -12px 12px -12px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#leftcontent>h2
{
	font-family: Verdana;
	font-size: 10px;
	margin-bottom: 0;
}

#leftcontent>p 
{
	margin-top: 0;
}

#leftcontent>ul 
{
	margin: 0;
}

#leftcontent>q
{
	display: block;
	margin-top: 50px;
	font-family: "Times New Roman";
	font-size: large;
}

#leftcontent>img 
{
	margin: -12px -12px 0px -12px;
}

#leftcontent a.video
{
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
}

#leftcontent a.video>img
{
	border: none;
}

#rightcontent
{
	float: right;
	width: 190px;
	padding-left: 12px;
	text-align: left;
}

#rightcontent>h1
{
	background: #11b120;
	margin: 25px 0 10px 0;
	color: White;
	font-weight: bold;
	font-size: 10px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: bottom;
}

#rightcontent>h2
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
}

#rightcontent>h3 
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}

#rightcontent p
{
	margin: 0px 12px 10px 12px;
}

#rightcontent>q 
{
	display: block;
	margin: 0px 12px 0px 12px;
}

#rightcontent q.big
{
	display: block;
	margin-top: 50px;
	font-family: "Times New Roman";
	font-size: large;
}

#rightcontent li 
{
	margin-bottom: 10px;
}

#rightcontent li>a 
{
	text-decoration: none;
	color: #003f79;
}

#rightcontent img
{
	padding-left: 12px;
}

#rightcontent a.video
{
	display: block;
	margin-bottom: 15px;
	padding-left: 12px;
	text-decoration: none;
}

#rightcontent a.video>img
{
	border: none;
	padding: 0;
}

#contact
{
	position: relative;
	clear: both;
	float: right;
	width: 190px;
}

#contact>h1
{
	background: #11b120;
	margin: 10px 0 0 0;
	color: White;
	font-weight: bold;
	font-size: 10px;
	padding-left: 12px;
}

#contact>p 
{
	padding-left: 12px;
	padding-right: 12px;
}

#centercontent
{
	margin: 12px;
	margin-left: 183px;
	line-height: 15px;
	width: 359px;
}

#centercontent p>img
{
	margin: 5px;
}

#centercontent>h1
{
	font-family: "Times New Roman";
	font-size: large;
	font-weight: normal;
	line-height: 20px;
}

#centercontent>h2
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: -10px;
	padding: 0;
}

#centercontent li>h2 
{
	display: inline;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

#footer
{
	clear: both;
	background: url('images/bottom.jpg');
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	color: #ffffff;
	height: 20px;
	width: 752px;
	padding-top: 15px;
	font-family: Verdana;
	font-size: 10px;
}

#footer .navigation
{
	list-style: none;
	display: inline;
}

#footer .navigation li
{
	display: inline;
	border-left: solid 1px white;
	padding-left: 10px;
	padding-right: 10px;
	color: White;
}

#footer .navigation a
{
	color: White;
	text-decoration: none;
}

#footer .navigation li:first-child
{
	border: none;
}

#footer a:first-child
{
	border: none;
}

#footer a:hover
{
	color: Orange;
}

#footimg 
{
	clear: both;
}

#copyright 
{
	color: White;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 20px;
}

#copyright a 
{
	padding-left: 5px;
	padding-right: 5px;
	color: White;
}

#flavortext 
{
	width: 400px;
	color: White;
	margin: 0px auto;
	font-family: Verdana;
	font-size: 10px;
}

#flavortext a 
{
	color: orange;
}

.featurebox
{
	width: 363px;
	color: White;
}

.featurebox a
{
	color: White;
}

.narrowfeaturebox
{
	width: 135px;
	margin: 12px;
	color: White;
}

.featurebox p
{
	padding: 0;
	margin: 5px 0px 5px 0px;
}

.featurebox h1
{
	font-family: Verdana;
	color: #003f79;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px 0px 6px 0px;
	padding: 0;
}

.featurebox h2
{
	font-family: "Times New Roman";
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.featurebox h3 
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom: -10px;
}

.featurebox .callout 
{
	background-color: #003f79;
	color: White;
}

.featurebox .callout>h1
{
	float: left;
	position: relative;
	width: 30%;
	text-align: center;
	color: White;
}

.featurebox .callout>p
{
	margin-left: 30%;
	padding-right: 10px;
}

.featurebox>.imgin
{
	padding-top: 10px;
}

.featurebox>.imgin img
{
	padding-left: 10px !important;
}

.featurebox>.imgout>.content
{
	padding-top: 12px;
	padding-right: 12px;
}

.featurebox .links
{
	width: 200px;
	padding: 0;
	clear: none;
}

.featurebox .noimg .content>p 
{
	margin-left: 12px;
	margin-right: 12px;
}

.featurebox .imgleft .links 
{
	position: relative;
	float: right;
}

.featurebox .imgleft .links>a
{
	float: right;
}

.featurebox .imgright .links 
{
	float: left;
}

.featurebox .imgright .links>a
{
	float: left;
}

.featurebox .titleoutside
{
	padding-top: 50px;
}

.narrowfeaturebox .titleoutside
{
	padding-top: 50px;
}

.narrowfeaturebox .links 
{
	margin-left: 10px;
}

.featurebox>.titleoutside h2
{
	padding-left: 12px;
}

.featurebox>.titleoutside h1
{
	padding-left: 12px;
	position: relative;
	top: -45px;
	margin-bottom: -40px;
}

.featurebox>.titleoutside>.imgleft h1
{
	position: relative;
	margin-left: 135px;
	left: -135px;
}

.featurebox>.titleoutside>.imgleft>.links 
{
	padding-right: 22px;
}

.narrowfeaturebox>.titleoutside h1
{
	position: relative;
	top: -165px;
	margin-bottom: -60px;
}

.narrowfeaturebox>.titleoutside h2
{
	position: relative;
	top: -100px;
}

.narrowfeaturebox>.noimg h1
{
	top: -80px;
	position: relative;
	margin-bottom: -60px;
}

.narrowfeaturebox>.noimg h2
{
	position: relative;
	top: -20px;
}

.featurebox>.titleoutside>.imgleft h2
{
	position: relative;
	left: -125px;
	margin-left: 125px;
}

.featurebox>.imgout>.imgleft img
{
	position: relative;
	margin: 0px 0px 0px -135px;
	float: left;
	padding: 0;
}

.featurebox>.imgout>.imgleft
{
	margin-left: 135px;
	margin-right: 12px;
	padding-left: 10px;
}

.featurebox>.imgout>.imgright img
{
	position: relative;
	left: 137px;
	margin-left: -125px;
	float: right;
}

.featurebox .imgleft img
{
	float: left;
}

.featurebox>.imgin .content
{
	width: 100%; /*Silly IE*/
	margin-bottom: 10px;
}

.featurebox>.imgin p
{
	margin-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
}


.narrowfeaturebox>.imgin p
{
	padding-left: 0;
	padding-top: 30px;
}


.featurebox>.imgin .imgleft p
{
	margin-left: 135px;
}

.featurebox .imgright img
{
	float: right;
}

.featurebox>.imgin .imgright p
{
	margin-right: 135px;
}

.featurebox>.imgout>.imgright
{
	margin-left: 12px;
	margin-right: 135px;
	padding-left: 12px;
	padding-right: 12px;
}

.featurebox>.orange
{
	background: #f77a00;
}

.featurebox>.orange .content
{
	background: #f99533;
}

.featurebox>.red
{
	background: #c51f07;
}

.featurebox>.red h1
{
	color: Orange;
}

.featurebox>.red .content
{
	background: #de443c;
}

.featurebox>.yellow
{
	background: #f7b900;
}

.featurebox>.yellow .content
{
	background: #e8ae00;
}

.featurebox>.blue
{
	background: #00538e;
}

.featurebox>.blue .content
{
	background: #003f79;
}

.featurebox>.revblue 
{
	background: #003f79;
}

.featurebox>.revblue .content 
{
	background: #565b92;
}

.featurebox>.revblue h1 
{
	color: White;
}

.featurebox>.blue h1
{
	color: White;
}

.featurebox .spacer 
{
	height: 35px;
}

.question
{
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}

.question:before
{
	font-weight: bold;
	content: "Q: ";
}

.answer:before
{
	font-weight: bold;
	content: "A: ";
}

.missing 
{
	display: block;
	text-align: center;
	background-color: Fuchsia;
	color: Aqua;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
}

.trademarks 
{
	color: #999999;
}