/* GLOBAL TAG DEFINITIONS */
html,body { width:100%; height:100% }
body,div,dl,dt,dd,ul,ol,li,hr,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset,img,hr { border: none }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal }
caption,th { text-align: left }
ul { list-style: disc }
ol { list-style: decimal; margin-left:23px; }
h1 { font-size: 20px; font-weight: normal; color: black; }
h2 { font-size: 16px; font-weight: normal; color: black; }
h3 { font-size: 14px; font-weight: bold; color: black; }
h4 { font-size: 12px; font-weight: bold; color: black; }
h5 { font-size: 12px; font-weight: normal }
h6 { font-size: 11px; font-weight: bold }
q:before,q:after { content: "" }
abbr,acronym { border: none }
hr { border-bottom: 1px solid #000; height: 1px; }

/* PAGE LAYOUT */

body {
	text-align: center;
	font: 13px arial, sans-serif;
	background-color: white;
	color: #575757;
}

p {
	margin-bottom: 15px;
}

em {
	font-style: italic;
}

a {
	color: #094790;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #c7c5b9;
}

div#wrapper {
	width: 975px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#header {
	margin-bottom: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f1bb7a;
}
div#header div#logo {
	float: left;
	width: 195px;
}
div#header div#search {
	position: relative;
	float: right;
	width: 290px;
	height: 29px;
	margin: 3px 4px 0px 2px;
/*	background: url(../images/bg_searchbox.gif) left top no-repeat; */
}
div#header div#search input#searchTerm {
	background-color: #f0f0f0;
	font-size: 12px;
	margin-top: 2px;
	width: 145px;
	border: 1px solid #bdbdbd;
	padding: 0;
	float: left;
}
div#header div#search input#searchSubmit {
	background: url(../images/btn_search_sml.jpg) no-repeat;
	float: right;
	width: 58px;
	height: 18px;
	border: 0px;
	padding: 0px;
	margin-top:1px;
}
div#header .social-icons {
	text-align:right;
	width: 80px;
	float: left;
	padding: 0px;
	margin-left: 0px;
}
div#header .social-icons img {
	margin-left: 6px;
}
div#header .social-icons ul li a {
	outline: none;
	overflow: hidden;
	display: block;
	text-decoration: none;
}
div#header div#primaryNav {
	float: right;
	width: 350px;
	margin-top: 28px;
	text-align:right;
}
div#header div#primaryNav .social-icons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#header div#primaryNav .social-icons ul li {
	float: left;
	padding: 0;
	margin: 0;
}
div#header div#primaryNav .primary-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#header div#primaryNav .primary-links ul li {
	float: left;
	padding: 0;
	margin: 0;
}

div#header div#primaryNav .primary-links ul li a {
	position: relative;
	outline: none;
	overflow: hidden;
	display: block;
	height: 16px;
	text-decoration: none;
}
div#header div#primaryNav .primary-links ul li a img {
	border: none;
	position: relative;
	top: 0;
	left: 0;
	height: 32px;
}
div#header div#primaryNav ul li a:hover, div#header div#primaryNav ul li a.active {
	padding-top: 0;
}
div#header div#primaryNav ul li a:hover img {
	top: -16px;
}
div#header div#primaryNav ul li a.active img {
	top: -16px;
}
div#header div#primaryNav ul li.spacer {
	width: 21px;
}

div#breadcrumb {
	color: #d88b1d;
	font-size: 12px;
	margin-bottom: 14px;
}
div#breadcrumb a {
	color: #3c68af;
}

div#footer {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #f1bb7a;
	padding-bottom: 15px;
}
div#footer div#copyright {
	color: #404040;
	font-size: 10px;
	margin-top: 15px;
	text-align: center;
}	
div#footer div#secondaryNav, div#footer div#tertiaryNav {
	color: #3d69b2;
	font-size: 12px;
	text-align: center;
}
div#footer div#secondaryNav a, div#footer div#tertiaryNav a {
	color: #3d69b2;
	text-decoration: underline;
}
div#footer div#secondaryNav a:hover, div#footer div#tertiaryNav a:hover {
	color: #223553;
}

/* SUB / ACCORDIAN NAVIGATION MENU */
div#subNav {
	float: left;
	width: 195px;
}
div#subNav div.item {
	margin-bottom: 10px;
}
div#subNav div.subNavHeadline {
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	color: #6c87bc;
	cursor: pointer;
	background: url(../images/bg_title_videoblock.gif) left top no-repeat;
	padding-top: 5px;
	padding-left: 9px;
}
div#subNav div.active {
	background: url(../images/bg_title_videoblock.gif) left -26px no-repeat;
}
div#subNav div.subNavHeadline.new {
	background: url(../images/bg_title_videoblock_new.gif) left top no-repeat;
}
div#subNav div.new div.active {
	background: url(../images/bg_title_videoblock_new.gif) left -26px no-repeat;
}
div#subNav div.elActive {
	display: block;
}
div#subNav div.elInactive {
	display: none;
}
div#subNav div.subNavLinks {
	background: #e2f2f7 url(../images/bg_subnav.gif) left top repeat-x;
}
div#subNav div.subNavLinks ul {
	display: block;
	overflow: auto;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 350px;
	border-left: 1px solid #b9dae5;
	border-right: 1px solid #b9dae5;
	border-bottom: 1px solid #b9dae5;
}
div#subNav div.subNavLinks ul.heightLimit {
	height: 350px;
}
div#subNav div.subNavLinks ul li.active a {
	color: #f29a1f
}

/* MAIN BODY CONTENT */
div#body {
	float: left;
	width: 524px;
	margin: 0 20px;
}
div#body .spacer {
	height:15px;
}
div#bodyContent div.padding {
	padding: 8px;
}
div#bodyContent .pageTitle {
	margin-bottom: 15px;
}
div#bodyContent img.pageHead {
	margin-bottom: 10px;
}
div#bodyContent ul {
	margin-left: 1.5em;
	margin-bottom: 15px;
}
div#bodyContent a {
	text-decoration: underline;
}
div#icons {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
div#icons img {
	margin-left: 3px;
	margin-right: 3px;
}
div#icons div.padding {
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}

/* HOME PAGE */
div#teasers {
	margin-bottom: 15px;
}
div#teasers div.padding {
	padding: 4px 8px;
}
div#calloutImage {
	margin-bottom: 15px;
}
div.home div.padding {
	padding: 8px;
	background: #faecd7 url(../images/bg_gradient_tall.gif) left top repeat-x;
}
div.bodyCallout {
	float: left;
	width: 235px;
}
div.bodyCallout h1 {
	margin-bottom: 10px;
}
div.home div.last {	
	margin-left: 15px;
	border-left: 1px solid #afa89c;
	padding-left: 15px;
}

/* VIDEO PAGES */
div.video {
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}
div.lastVideo {
	border: none;
	margin: 0;
	padding-bottom: 5px;
}
div.videoThumb {
	float: left;
	width: 150px;
	margin-right: 10px;
	border: 1px solid #b9b9b9;
}
div.videoThumb img {
	display: block;
	border: 3px solid white;
}
div.videoCopy {
	float: left;
	width: 225px;
	margin-right: 10px;
}
div.videoCopy a {
	text-decoration: underline;
}
div.videoCopy a.title {
	font-size: 18px;
}
div.videoLink {
	float: left;
	width: 105px;
}

div#videoSummaryHeader {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;	
}
div.videoImage {
	float: left;
	width: 265px;
}
div.videoDescription {
	float: left;
	width: 240px;
}

/* BIO PAGES */
div.bio {
	padding-bottom: 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
}
div.bio.last {
	margin-bottom: 0px;
	border-bottom: none;
}
div.bioPhoto {
	float: left;
	width: 110px;
	margin-bottom: 5px;
}
div.bioBlurb {
	float: left;
	width: 395px;
}
div.bioBlurb.full {
	float: none;
	width: 100%;
}
div.bioBody {
}

/* RELATED CONTENT */
div#related {
	float: left;
	width: 215px;
}
div#related h1 {
	margin-bottom: 5px;
}
div.contentBlock {
	margin-bottom: 15px;
}
div.contentBlock div.link {
	margin-top: 10px;
	text-align: right;
}
div.contentBlock div.padding {
	padding: 1px 5px;
}
div.snippet {
	background: #faecd6 url(../images/bg_gradient_short.gif) left top repeat-x;
	padding: 5px;
}
div.snippet.bioSnippet {
	background: #faecd6 url(../images/bg_gradient_short_blue.gif) left top repeat-x;
}
div.snippet p {
	margin-bottom: 5px;
}
div.snippetThumb {
	float: left;
	width: 74px;
	border: 1px solid #b9b9b9;
	margin-right: 5px;
}
div.snippetThumb img {
	display: block;
	border: 2px solid white;
}
div.snippetText {
	float: left;
	width: 112px;
	color: #4e4e4e;
}
div.snippetLink {
	text-align: right;
}
div#related div.callout {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
div#related div#newsletterCallout p {
	margin: 0;
	padding: 0;
}
div#related div#newsletterCallout div.padding {
	padding-top: 43px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 3px;
}
div#related div#newsletterCallout input.text {
	width: 120px;
}
div#related div#newsletterCallout div.formField {
	text-align: center;
}

div.contentBlock div.title {
	padding-bottom: 1px;
	border-bottom: 1px solid #b9dab3;
	margin-bottom: 15px;
}
div.contentBlock div.title h2 {
	background-color: #d3eccf;
	font-weight: bold;
	font-size: 14px;
	padding: 2px;
}
div.contentBlock div.item {
	float: left;
	width: 49%;
}
div.contentBlock div.last {
	float: right;
}

/* SEARCH RESULTS */
div#searchOptions {
	background-color: #d7edf4;
	padding: 8px;
	margin-bottom: 10px;
}
div#searchOptions p {
	margin: 0;
}
div.pager span.current {
	color: #f09b20;
}
div.pager span.pageNumbers a {
}
div#searchOptions div#options { 
	float: left;
	width: 130px; 
	color: black;
}
div#searchOptions div#options a {
	font-weight: bold;
}
div#searchOptions div#options a.active {
	color: #f09b20;
	text-decoration: none;
}
div#searchOptions div#pager { 
	float: right;
	text-align: right;
	width: 350px; 
}
div#searchResultsPager {
	border-top: 4px solid #d7edf4;
	padding-top: 5px;
	text-align: right;
}
div.searchResultItem {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
div.searchResultItem.last {
	margin-bottom: 5px;
	border-bottom: none;
}
div.searchResultItem p {
	margin-bottom: 5px;
}
div.searchResultItem div.head {
	margin-bottom: 5px;
}
div.searchResultItem div.thumb {
	float: left;
	width: 59px;
	border: 1px solid #b9b9b9;
}
div.searchResultItem div.thumb img {
	display: block;
	border: 2px solid white;
}
div.searchResultItem div.icon {
	float: left;
	width: 46px;
	text-align: center;
}
div.searchResultItem div.title {
	float: left;
	width: 225px;
	margin-right: 10px;
}
div.searchResultItem div.title a {
	text-decoration: underline;
	font-size: 18px;
}
div.searchResultItem div.full {
	float: none;
	width: 100%;
	margin-right: 0;
}
div.searchResultItem div.button {
	float: right;
	text-align: right;
	width: 113px;
}

/* VIDEOS PAGE */
div#browseOptions {
	background-color: #d7edf4;
	padding: 8px;
	margin-bottom: 10px;
	color: black;
	text-align: center;
}
div#browseOptions p {
	margin: 0;
}
div#browseOptions span.current {
	color: #f09b20;
}
div#browseOptions a {
}
div#browseOptions a.active {
	color: #f09b20;
	text-decoration: none;
}
div.browseTopic {
	margin-bottom: 15px;
}
div.browseTopic div.video div.videoThumb {
	width: 81px;
}
div.browseTopic div.video div.videoCopy {
	width: 295px;
}
div.browseTopic div.video div.videoCopy p {
	margin: 0;
}
div.browseTopic div.video div.videoCopy a.title {
	display: block;
	margin-bottom: 5px;
}

/* FORM CLASSES */
div.formBox {
	padding: 10px;
	padding-bottom: 0;
	overflow: hidden;
	border: 10px solid #e7e4db;
	background-color: #f7f3e8;
	margin-bottom: 10px;
}
div.formRow {
	margin-bottom: 10px;
}
div.formRow.submit {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
div.formField {
	float: left;
	vertical-align: middle;
}
div.formField.center {
	float: none;
	text-align: center;
}
div.formField.right {
	float: right;
	margin-right: 0;
}
div.formField.last {
	margin-right: 0;
}
label {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	vertical-align: middle;
	color: black;
}
input, textarea, select {
	font: 12px arial, sans-serif;
	vertical-align: middle;
	border: 1px solid #c7c5b9;
	padding: 2px;
}
input.radio, input.chk {
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0;
}
span.checkboxLabel {
	vertical-align: middle;
}
input.full { width: 500px; }
input.xlarge { width: 325px; }
input.large { width: 235px; }
input.medium { width: 160px; }
input.small { width: 100px; }
input.xsmall { width: 30px; }
input.button {
	margin: 0;
	border: none;
}
select.large { width: 240px; }
textarea { display: block; }
textarea.full {
	width: 500px;
	height: 120px;
}
textarea.short {
	height: 75px;
}
textarea.large {
	width: 799px;
	height: 100px;
}
div.warning {
	border: 3px solid #ffaeae;
	padding: 10px;
	background-color: #fafafa;
	color: black;
	margin-bottom: 10px;
}
div#bodyContent div.warning h2, div.warning h2 {
	color: #ee0000;
	font-size: 12px;
	border: 0;
	border-bottom: 1px dotted #cccccc;
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 10px;
}
div#bodyContent div.warning ul {
	list-style: disc;
	background: transparent;
	list-style-image: none;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
div.warning ul {
	padding-left: 1.5em;
	margin-top: 10px;
}
span.required {
	color: red;
}

/* GENERAL CLASSES */
.subtitle { margin-bottom: 15px; }
.floatLeft { float: left }
.floatRight { float: right }
.alignLeft { text-align: left }
.alignRight { text-align: right }
.padRight { margin-right: 35px; }

span.small { font-size: 10px; }

.hide { display: none; }

div.code {
	border: 1px dashed black;
	background-color: #efefef;
	padding: 10px;
	font-family: courier;
	overflow: auto;
	white-space: nowrap;
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/* EZPUBLISH EDITOR CLASSES */
div.object-right {
	text-align: right;
}
div.object-left {
	text-align: left;
}
div.object-center {
	text-align: center;
}
div.object-center img {
	display: inline;
}
div.center {
	text-align: center;
}
div.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
table.fancy {
	border: 1px solid #6c87bc;
	margin-bottom: 15px;
	margin-top: 15px;
}
table.fancy p {
	margin: 0;
}
table.fancy th {
	background-color: #d4ecf3;
	color: #6c87bc;
	padding: 5px;
	border-right: 1px solid #6c87bc;
	border-bottom: 1px solid #6c87bc;
}
table.fancy td {
	padding: 5px;
	border-right: 1px solid #6c87bc;
	border-bottom: 1px solid #6c87bc;
}

/* ROUNDED BOXES */

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	padding-top: 4px;
}
/* Normal styling */
.cb { margin: 0; }
/* Top corners and border */
.bt {
	height: 4px;
	margin: 0 0 0 4px;
	background:url(../images/box.gif) no-repeat 100% 0;
}
.bt div {
	position: relative;
	left: -4px;
	width: 4px;
	height: 4px;
	background: url(../images/box.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}
/* Bottom corners and border */
.bb {
	height: 4px;
	margin: 0 0 0 4px;
	background:url(../images/box.gif) no-repeat 100% 100%;
}
.bb div {
	position: relative;
	left: -4px;
	width: 4px;
	height: 4px;
	background: url(../images/box.gif) no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
}
/* Left border */
.i1 {
	padding: 0 0 0 1px;
	background-color: #d2d2d2;
}
/* Right border */
.i2 {
	padding: 0 1px 0 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display: block;
	margin: 0;
	padding: 0;
	background: white;
}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

div.home .bb {
	height: 4px;
	margin: 0 0 0 4px;
	background:url(../images/box_gradient.gif) no-repeat 100% 100%;
}
div.home .bb div {
	position: relative;
	left: -4px;
	width: 4px;
	height: 4px;
	background: url(../images/box_gradient.gif) no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
}

/* Widget List Table
================================================*/
#body_widget_list {
	width: 738px;
	float: left;
	margin: 0 20px;
}
#widget_list {
	width: 100%;
	border: 1px dotted #000;
}
#widget_list th {
	background-color: #e6eeee;
	font-weight: bold;
	padding: 5px;
	color: #000;
}
#widget_list td {
	padding: 6px;
	width: 150px;
}
#widget_list tr.row-highlight {
	background-color: #f0f0f6;
}