@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(/UserFiles/Image/Templates/Reskin/2.jpg); background-repeat:repeat-x;
	margin-top:20px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #wrapper {
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(/UserFiles/Image/Templates/Reskin/pier39_transparent_border8.PNG); background-position:top; background-repeat:repeat-y;
	margin: 0 auto;
}
.oneColFixCtr #container {
	width: 999px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #main {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtr #navTop {
	margin:0 auto; background-color:#2c61ae; color:#FFF;  width:1000px; height:33px; text-align:left; vertical-align:middle;
}
.oneColFixCtr #logoBanner {
	background-color:#FFF; color:#990000; height:69px; text-align:left;
}
.oneColFixCtr #slides {
	/*
	background-image:url(/UserFiles/Image/Templates/Reskin/ss_photo1.jpg); background-repeat:no-repeat; 
	*/
	background-color:transparent; 
	height:339px; 
}
.oneColFixCtr #header {
	background-color:transparent; height:171px; 
}


.oneColFixCtr #mainNav {
	background-image:url(/UserFiles/Image/Templates/Reskin/nav_bg.png); background-repeat:repeat-x; height:32px;
}
/* .navMain { color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
} */
.oneColFixCtr #mainContentHome {
	margin:0 auto; background-color:#FFF; padding-top:10px; height:auto; 
} /* padding of some kind in the above style is imperative for FF 3.5.9 */
.oneColFixCtr #footer{
		margin: 0 auto; color:#666; font-size:smaller; height:auto; text-align:center; text-decortion:none;
}
a {text-decoration:none;
}
a.professional { margin-left:10px; margin-right:10px; color:#FFF; text-decoration:none; font-size:smaller; vertical-align:middle;
}
.profRight { margin-left:10px; margin-right:10px; height:20px; color:#FFF; text-decoration:none; font-size:smaller; vertical-align:middle; text-align:right; float:right;
} 
.oneColFixCtr #introText {margin:20px 30px 20px 20px; font-size:12px;}
.whatsnewText { padding-top:13px; padding-left:10px; padding-right:20px; width:308px; float:right; }
.oneColFixCtr #homeFeatures { position:relative; top:0px; left:623px; background-color:transparent; width:376px; height:339px; z-index:999;
}
.oneColFixCtr #sponsorflash { margin:20px 0 20px 0;
}
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 0px solid #000000;
     position: relative;
     width: 450;
}

div.box_contents {
     background-color:transparent;
     height: 339px;
     position: relative;
     width: 450;
     z-index: 101;
}

div.box_background {
background-color: white; 
/* background-image:url(/UserFiles/Image/Templates/Reskin/boxT1.png); */
     height: 339px;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

/* added by JPM for homepage notices */
td.homepageNotice {
	background:url(/UserFiles/Image/Templates/Reskin/pier39_item_bg.png); 
	background-repeat:no-repeat; 
	font-size:12px; 
	padding-left:20px; 
	padding-right:20px;
}

img.homepageNotice {
	border-color:#FFF; 
	border-style:solid; 
	border-width:5px; 
	float:left; 
	width:93px;
}
strong {font-size:14px;}
h1 {color:#2b4170; font-size:20px; margin-top:-7px;}
.subHeading {color:#000; font-size:16px;}
.twoColFixRtHdr #wrapper {
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(/UserFiles/Image/Templates/Reskin/pier39_transparent_border8.PNG); background-position:top; background-repeat:repeat-y;
	margin: 0 auto;
}
.twoColFixRtHdr #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background: #55a59b; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #navTop {
	margin: 0 auto; background-color:#2c61ae; color:#FFF;  width:1000px; height:33px; text-align:left; vertical-align:middle;
}
.twoColFixRtHdr #logoBanner {
	background-color:#FFF; color:#990000; height:69px; text-align:left;
}
.twoColFixRtHdr #headerPhoto {
	background-color:transparent; height:249px;
}
.twoColFixRtHdr #mainNav {
	background-image:url(/UserFiles/Image/Templates/Reskin/nav_bg.png); background-repeat:repeat-x; height:32px;
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 221px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#FFF;  /* #EBEBEB;the background color will be displayed for the length of the content in the column, but no further */
	margin-top:37px; /*** this needs to be 57px for FireFox and 37px for IE ***/
	padding-right:10px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 220px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #fullContent { 
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #profContent { 
	margin: 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixRtHdr #footer { 
	margin: 50px auto; 
	background-color:#FFF; 
	color:#666; 
	font-size:smaller; 
	height:auto; 
	text-align:center; 
	text-decortion:none;
	padding: 20px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixRtHdr #breadcrumb {
	background-color:transparent; 
	height:26px; 
	font-size:11px; 
	padding:20px 0px 20px 30px; 
}
.twoColFixRtHdr #breadcrumb a {
	text-decoration:underline;
}

/* calendar styles */
.dateCell { font-size:11px; background-color:#0033FF; text-align:right; color:#FFFFFF; font-weight:bold; }
.timeCell { font-size:11px; vertical-align:middle; background-color:#000099; text-align:left; height:100px; color:#FFFFFF; font-weight:bold; border: solid 1px #0033FF; border-top: 0px; border-right: 0px; border-left:0px; white-space:nowrap; }
.perfCell { font-size:11px; background-color:#FFFFFF; color:#000000; font-weight:normal; height:100px; vertical-align:middle; text-align:center; border: solid 1px #0033FF; border-top: 0px; border-right: 0px; border-left:0px;}
.dowCell { font-size:11px;  background-color:#000099; vertical-align:middle; text-align:center; color:#FFFFFF; font-weight:bold; }

/* subnav styles */
ul.subnav { margin-left:-40px; line-height:20px; font-size:11px; }
ul.tertsubnav { margin-left:-30px; line-height:20px; font-size:11px; }
div.subnav { margin:0px; line-height:20px; font-size:11px; }
div.tertsubnav { margin-left:10px; line-height:20px; font-size:11px; }
li.subnav { list-style:none; line-height:20px; padding-bottom:5px; }
li.subnavOn { list-style-image: url(/UserFiles/Image/Templates/Reskin/arrow_teal.gif); line-height:20px; padding-bottom:5px; }
a.subnavOn { color:#5eb4aa; text-decoration:none; }
a.subnav { color:#1d4373; text-decoration:none; }
a.subnav:active { color:#5eb4aa; text-decoration:none; }
a.subnav:hover { color:#5eb4aa; text-decoration:none; }
a.subnav:visited { color:#551A8B; text-decoration:none; }

td.itemBox { background-image:url(/UserFiles/Image/Templates/Reskin/secondary_main_bg_bottom.gif); background-position:bottom; background-repeat:no-repeat; }
td.itemWideBox { background-image:url(/UserFiles/Image/Templates/Reskin/secondary_main_bg_bottom.gif); background-position:bottom; background-repeat:repeat-x; }

div.itemContent { width:458px; padding:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
div.itemWideContent { width:670px; padding:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
img.itemLogo { border-style:solid; border-width:thick; border-color:#FFF; margin-right:16px; }

h2 {font-size:18px; color:#1d4373; font-weight:bold; }

strong.title {font-size:15px; color:#1d4373; font-weight:bold; }
strong.pagetitle {font-size:18px; color:#1d4373; font-weight:bold; }

#breadWrapper {
	width: 1000px;
	padding: 0; margin: 0px;
}

#sharethis {
	position: relative;
	left: 800px;
	top: 0px;
}
#sharethis-int {
	position: relative;
	left: 800px;
	top: -55px;
}
#sharethis-prof {
	position: relative;
	left: 780px;
	top: -55px;
}



/***************************************/
/* popup container styles added by JPM */
/***************************************/
#overlay { display:none;
z-index:3200;}

/* Overlay */
#simplemodal-overlay {background-color:#000; }
/* Container */
#simplemodal-container {height:470px; width:320px; color:#000; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#00F;}
#simplemodal-container h3 {color:#84b8d9;}