@charset "utf-8";
/* CSS Document created by Brandi Jones (bjones@4site.tv) 12/3/07 www.4site.tv */

body {
	padding:0px;
	padding-bottom:20px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	background-color:#f0f0f0;
}

#wrapper {
	width:800px;
	margin:0px auto 0px auto;
	padding:5px;
	background-color:white;
}

/*------------------------------typography, misc. elements-----------------------------*/

.clear {
	clear:both;
	height:1px;
	font-size:1px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

h1, h2, h3 {
	margin-bottom:6px;
}

.noBotMarg {
	margin-bottom:0px;
}

p {
	font-size:11px;
}

h1 {
	font-size:28px;
	line-height:30px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#266763;
}

h2 {
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#266763;
}

h3 {
	font-size:18px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#266763;
}

p.big {
	font-size:12px;
	line-height:17px;
}

p.slider {
    margin-left:10px;
}

a:link, a:visited {
	color:#266763;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.rule {
	border-bottom:1px solid #d7dbdc;
	margin:10px 0px 20px 0px;
	padding:0px;
}

.left {
	float:left;
	margin:0px 10px 0px 0px;
}

.right {
	float:right;
	margin:0px 0px 0px 10px;
}


/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

.inline_img {
    padding: 10px;
}

/*--------------------------------------page layout--------------------------------------*/

#header {
	margin-bottom:30px;
}

#search {
	height:59px;
	position:relative;
}

#search img {
	z-index:10;
}

#search form {
	width:152px;
	position:absolute;
	right:10px;
	top:18px;
	z-index:100;
}

#search input {
	float:left;
}

#search input.field {
	width:120px;
	margin-right:3px;
	border-width:0;
	height:20px;
}

#search input.submit {
	margin-top:2px;
}

#flash {
    width:800px;
    height:224px;
    background-color:#808080;
}

#nav {
	margin:0px;
	padding:0px 0px 0px 20px;
	height:40px;
	background-image:url(../images/framework/bkgr_navoff.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#266763;
}

#nav li {
	display:inline;	
	list-style-type:none;
	position:relative;
	float:left;
	width:auto;
}

#nav li a:link, #nav li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#99b3b8;
	text-transform:uppercase;
	padding:13px 21px 0px 21px;
	margin:0px;
	height:27px;
	display:block;
}

/* IE6 specific (sets block links without taking up entire width of parent or needing to set explicit widths, 
other browsers don't seem to have this issue) */
* html #nav li a:link, * html #nav li a:visited {
	display:inline-block;
}

#nav li a:hover {
	color:#e2eef0;
	background-image:url(../images/framework/bkgr_navon.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	text-decoration:none;
}

/*####### IF DROPDOWNS #######*/

/*--IE sticky menu fix--*/
#nav ul li:hover {
	background-position: 0 0;
}
/*--1st level drop downs--*/
#nav ul {
	position: absolute;
	left: -999em;
	width:16em;	
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/*--1st level dropdown list items--*/
#nav li li {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:none;
	/*--fixes z-index stacking order in second/third level fly out menus--*/
	position:static;
}

/*--1st level dropdown nested links--*/
#nav li li a:link, #nav li li a:visited, #nav li.tab li a:link, #nav li.tab li a:visited {
	display:block;
	margin:0px;
	padding:5px 0px 8px 22px;
	width:16em;
	text-align:left;
	text-transform:none;
	color:#e2eef0;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #83a8a6;
	background-color:#6e9997;
	background-image:none;
	height:auto;
}

#nav li li a:hover, #nav li.tab li a:hover {
	background-color:#5c8c8a;
}

/*--1st level dropdown flyout--*/
#nav li:hover ul, #nav li.sfhover ul {
	left:0px;
	z-index:2000;
}

/* IE6 specific (set absolute top margin to work with li a "display:inline-block" fix above) */
* html #nav li.sfhover ul {
	top:40px;
}

/*####### END DROPDOWNS #######*/

#wide {
    margin:0px 0px 50px 16px;
}

#left {
	margin:0px 260px 50px 16px;
}

.panelNav {
	border:1px solid #bebebe;
	background-color:#e8e8e8;
	height:30px;
	margin:30px 0px 0px 0px;
	color:#266763;
	font-size:12px;
}

.panelNav h4 {
	color:#266763;
	font-size:12px;
}

.panelNav h4 {
	margin:8px 0px 0px 10px;
	float:left;
}

.panelNav #panelControls {
	float:right;
	margin:5px 5px 0px 0px;
	width:21em;
}

.panelNav #panelControls #panelLinksStatic {
	float:left;
	padding-top:3px;
}

.panelNav #panelControls #panelLinksStatic a, .panelNav #panelControls #panelLinksStatic a:visited {
	font-size:11px;
}

.panelNav #panelControls #panelLinksAuto {
	float:right;
	padding-top:3px;
}

/* IE7 specific (fixes funky top margins of panel nav) */
*:first-child+html .panelNav #panelControls #panelLinksAuto {
	padding-top:0px; 
}
/* IE6 specific (fixes funky top margins of panel nav) */
* html .panelNav #panelControls #panelLinksAuto {
	padding-top:0px; 
}

.panelNav #panelControls #panelLinksAuto a, .panelNav #panelControls #panelLinksAuto a:visited {
	padding:4px 7px 4px 7px;
	display:inline-block;
	background-color:#266763;
	font-size:11px;
	color:white;
	margin:0px 0px 0px 3px;
}

.panelNav #panelControls #panelLinksAuto a:hover, .panelNav #panelControls #panelLinksAuto a.activeSlide {
	background-color:#47807e;
	text-decoration:none;
}

#panelWrap {
	border:1px solid #bebebe;
	border-top:none;
	height:230px;
	padding:20px 20px 20px 0px;
	margin:0px 0px 10px 0px;
}

#panelContainer {
	height:14em;
	width:auto;
}

.panel {
	height:14em;
	width:auto;
}

.panel h3 {
	margin:0px 0px 15px 10px;
}

.panel img {
	float:left;
	margin:0px 20px 0px 0px;
}

#critWrap {
	margin-bottom:30px;
}

ul#criteria {
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style-type:none;	
}

ul#criteria li {
	display:inline;
	padding:0px 0px 10px 35px;
	background-image:url(../images/framework/icon_bucket.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:11px;
}

ul#criteria li a, ul#criteria li a.visited  {
	font-size:11px;
	color:black;
}

.criteriaBox {
	background-color:#e8e8e8;
	padding:15px;
	font-size:14px;
	color:#777777;
	display:none;
}

#right {
	width:196px;
	float:right;
	margin:0px;
	background-color:#e8e8e8;
	background-image:url(../images/framework/right_watermark.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:32px 15px 40px 15px;
}

#right p {
	font-size:11px;
	line-height:14px;
}

.video {
	margin:0px 0px 25px 0px;
	padding:0px 0px 20px 0px;
	/*background-image:url(../images/framework/shadow_right.gif);*/
	background-position:center bottom;
	background-repeat:no-repeat;
}

.video img.still {
	border:4px solid #266763;
}

.video p.name {
	margin:5px 0px 5px 0px;
}

.video .rating {
	margin:0px;
	height:20px;
}

#footer {
	clear:both;
	padding:20px 0px 0px 0px;
}

/*--------------------------------------print styles--------------------------------------*/

@media print {
	#nav, #header, #right {display:none;}
	#wrapper, #left {width:auto; margin:0 0; padding:0; float:none !important;}
	body, p {color:black; background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	#footer {background-image:none; text-align:left;}
}