/* MAIN SHEETS */
@import "reset.css";
@import "common.css";
@import "navigation.css";
@import "subNavigation.css";
@import "contentStyles.css";
/* MODULES */

/*  ADD INTO pages/calendar/events

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
    <link id="Link1" rel="stylesheet" runat="server" type="text/css" href="/css/events.css" media="screen,print,projection" />    
</asp:Content>
*/

/* GENERIC SHEETS */
@import "form.css";
@import "widgets.css";
@import "share.css";
@import "quicklinks.css";
@import "search.css";
@import "scrollableBox.css";
@import "contentSwitcher.css";

.clear { clear:both;}

/** DELETE ALL THIS **/
#rightCol, #centreCol, #leftCol, #leftColWide { height:auto !important; height:550px; min-height:550px; }

.imageRight
{
    padding: 0px 0 10px 10px; text-align: right; float:right;
}

.imageLeft
{
    padding: 0px 10px 10px 0; text-align: left; float:left;
}

/** LAYOUT **/
body {padding:0; position:relative; background:url(../images/shd/bg.jpg) top center no-repeat;}
#wrapper { float:none;width:970px; max-width:970px; min-width:770px;overflow:hidden;margin:0 auto;}
#container { width:100%; background:url(../images/shd/contentBg.png) bottom left no-repeat; float:left;}
#containerPadding {padding:10px 10px 0 10px;}
#leftCol { width:230px; float:left;}
#leftColWide { width:711px; margin:0 6px 0 0; float:left; padding:0;}
#centreCol { width:470px; float:left; margin:0 10px;}
#rightCol { width:230px; float:left;}
#content { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#embededMPMap { border-right:1px solid #333333; border-bottom:1px solid #333333;}

/****** HEADER ******/
#header { width:970px; max-width:970px; min-width:770px; display: block; position:relative;}
.logo { margin:0 0 0 10px; float:left;}
#pressLink { float:right; margin-right:15px; margin-top:12px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 22px 3px 0; background:url(../images/shd/headerArrow.gif) top right no-repeat; font-size:1em; text-transform:uppercase; text-decoration:none;}
#pressLink:hover { color:#594397; text-decoration:none;}
#memberLink { float:right; margin-right:15px; margin-top:12px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 22px 3px 0; background:url(../images/shd/headerArrow.gif) top right no-repeat; font-size:1em; text-transform:uppercase; text-decoration:none;}
#memberLink:hover { color:#594397; text-decoration:none;}
#textResize { float:right; margin-top:12px; display:inline; margin-right:13px; margin-left:1px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0 3px 0; font-size:1em; text-transform:uppercase; text-decoration:none;}
#textResize span { display:block; float:left; margin-right:2px; }
#textResize a { color:#FFFFFF; display:block; float:left; text-decoration:none; margin-left:7px; cursor:pointer; padding-top:18px; height:0; overflow:hidden;background-repeat:no-repeat; background-position:0 0;}
#textResize a:hover { color:#594397; text-decoration:none; background-position:0 -18px; }
#textResize a:active { background-position:0 -36px; }
#textResize #textSmall { width:15px;  background-image:url(/images/shd/textresize/reset.gif); }
#textResize #textMedium { width:17px;  background-image:url(/images/shd/textresize/textlarge.gif); }
#textResize #textLarge { width:25px;  background-image:url(/images/shd/textresize/textlarger.gif); }
#home #textResize {display:none;}

/****** BREADCRUMBS ******/
#breadcrumbs { width:460px; float: left; padding:8px 0px 7px 10px; background:url(../images/shd/breadcrumbsBg.gif) no-repeat; border-bottom:1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
#breadcrumbs #here { float:left; margin-right:2px; padding:0px; font-size:1.2em; color:#666666;}
#breadcrumbs ul#breadcrumb { float:left;}
#breadcrumbs ul#breadcrumb li { float:left; display:block; margin-right:6px; font-size:1.2em; color:#666666; font-weight:bold;}
#breadcrumbs ul#breadcrumb li a { background:url(../images/shd/breadcrumbArrow.gif) right 3px no-repeat; padding:0 12px 0 0; font-weight:normal; color:#666666;}
#breadcrumbs ul#breadcrumb li a:hover { color:#3e99dc;}


/****** IMAGE BANNER ******/
#innerHeaderImage { position:relative; clear: both;}
#imageBanner { width:470px; height:48px; position:absolute; top:206px; left:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#imageBanner .imagePadding { padding:0px 10px 10px 10px;}
#imageBanner #printPage { position:absolute; top:6px; left:355px; color:#FFFFFF; text-decoration:none; background:url(../images/shd/printIcon.gif) right 1px no-repeat; padding:0 16px 0 0; font-size:1.0em;}
#imageBanner #textResize { position:absolute; top:15px; left:355px; color:#FFFFFF; font-size:1.0em !important; width:120px;}



/****** CONTENT AREA ******/
#content #contentArea { background:url(../images/shd/contentAreaBg.gif) 0 0 repeat-x; padding:10px; height:auto !important; height:290px; min-height:290px;}
#content #contentArea.textSmall .textSize { font-size:1.2em; line-height:inherit;}
#content #contentArea.textMedium .textSize { font-size:1.4em; line-height:inherit;}
#content #contentArea.textLarge .textSize { font-size:1.6em; line-height:inherit;}


/****** STATIC FOOTER BOXES ******/
#staticFooterBoxes { width:950px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
#staticFooterBoxes #seoBox { width:460px; height:137px; background:url(/images/db_HomeNewsHeadlines.image?id=16139&crop=false&width=460&height=137) 0 0; float:left; margin-right:9px;}
#staticFooterBoxes #seoBox .seoPadding { padding:3px 10px 10px 164px; color:#602671;}
#staticFooterBoxes #findUsBox { width:481px; height:137px; float:left; background:url(/images/db_HomeNewsHeadlines.image?id=16138&crop=false&width=481&height=137) 0 0;}
#staticFooterBoxes #findUsBox .findUsPadding { padding:3px 15px 10px 236px; color:#333333;}
#staticFooterBoxes #findUsBox a { color:#333333; text-decoration:none;}
#staticFooterBoxes #findUsBox a:hover { color:#3e99dc; text-decoration:none;}

	
/****** FOOTER ******/
#footer { width:970px; clear:both; background:#b9c4ce url(../images/shd/footerBg.gif) 0 0 repeat-x; height:auto !important; height:155px; min-height:155px; border-left:1px solid #e3e5e8; border-right:1px solid #e3e5e8; padding-bottom:15px;}
#footer #col0 { width:214px; padding:10px 14px 14px 14px; background:url(../images/shd/footerDivider.gif) top right no-repeat; float:left;}
#footer #col1 { width:214px; padding:10px 14px 14px 14px; background:url(../images/shd/footerDivider.gif) top right no-repeat; float:left;}
#footer #col2 { width:214px; padding:10px 14px 14px 14px; background:url(../images/shd/footerDivider.gif) top right no-repeat; float:left;}
#footer #col3 { width:214px; padding:10px 14px 14px 14px; float:left;}
#footer #col3 #frontiersLogo { float:right; margin:24px 0 0 0;}
.footerList li { float:left; width:105px; padding:2px 0 1px 0;}
.footerList li a { color:#666666 !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.footerList li a:hover {color:#3e99dc !important;}
#footer ul li h4 a { color: #595B5D; text-decoration: none; }

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
#modalWindow
{
	font-size:1.2em;
	}
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 6%;
    left: 50%;
    width: 600px;
    height: auto;
    background: url(../images/lightbox/lightboxHeader.gif) top left no-repeat;
    overflow: hidden;
    background-color: transparent;
    color: #333;
    margin-left: -300px;
}

.insideJqm {
    width: 680px;
    background: transparent url(../images/lightbox/lightboxFooter.gif) left bottom;
    padding: 10px;
    margin-top: 68px;
    position: relative;
}

.jqmClose 
{
    background:transparent url(../images/lightbox/close.gif) no-repeat scroll left top;
    cursor:pointer;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:31px;
    position:absolute;
    right:10px;
    top:-60px;
    width:31px;
}

.jqmClose:hover
{
    background-position: 0px -31px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* AUDIO LIBRARY STYLES */
ul#audioLibrary{ margin: 0;}
ul#audioLibrary, ul#audioLibrary li{ list-style-type:none;}
ul#audioLibrary li{ background: url(/images/shd/audioIcon.gif) no-repeat left 7px; padding: 0 0 17px 60px; margin: 0 0 13px 0; border-bottom: 1px dashed #CCCCCC; float:left; clear:both; width:388px; }
ul#audioLibrary h2{ font-size:1.7em; color: #333333; margin:0; }
ul#audioLibrary span.date{ clear:both; float:left; margin-bottom:10px;}
ul#audioLibrary span.label{ clear:both; font-weight:bold; float:left; width: 71px; margin: 0 0 3px;}
ul#audioLibrary span.detail{ float:left; margin: 0 0 3px; width:315px;}

ul#audioLibrary a.playButton{ padding:0 0 0 23px; text-decoration:none; width: 115px; height:18px;  outline:0; background: url(/images/shd/audioPlayButton.gif) no-repeat; float:left; clear:both; margin: 10px 0 0 0; cursor: pointer; }
ul#audioLibrary a.playButton:hover{ background-position: left -18px; text-decoration:underline;}

ul#audioLibrary a.downloadNotesButton{ color: #666666 !important; padding:0 0 0 23px; text-decoration:none; width: 365px; outline:0; background: url(/images/shd/downloadNotesButton.gif) no-repeat; float:left;  margin: 10px 0 0 0px; cursor: pointer; }
ul#audioLibrary a.downloadNotesButton:hover{ background-position: 0 -168px; text-decoration:underline;}