/*==========================YUI 2.4.1 RESET===================== */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
:focus{outline: 0;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*==========================GLOBAL===================== */
body
{
	color: #000;	
	line-height: 18px;
	text-align: center;
	font-family: verdana,arial,helvetica,sans-serif;
	text-align: center;
	font-size: 62.5%;
}
body.contentBody
{
	min-width: 961px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	min-height: 500px;
	background: #eaeaea url(../images/backgroundBg.jpg) repeat-x;
}
body.noBody
{
	background-color: #fff;
	background-image: none;
	text-align: left;	
}
#layout
{
	margin: 0px 2px auto;
}

/* TEXT FORMATTING */
p
{
	margin: 0px 35px;
	padding: 0;
	font-size: 1em;
}
.bold
{
	font-weight: bold;
}
.normal
{
	font-weight: normal;
}
.em
{
	font-style: italic;
}
.underline
{
	text-decoration: underline;
}
.nobr
{
	white-space: nowrap;
}
.positionRelative
{
	position: relative;
}
.displayNone
{
	display: none;
}
.separator
{
	margin: 0px 5px 0px;
}
.zIndex100
{
	z-index: 100;
}

/*==========================FLOATS/CLEAR FLOATS===================== */
.fLeft
{
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;	
}
.fRight
{
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;	
}
.floatUp
{
	margin-top: -20px;
}
.clear 
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.clearLeft 
{
	clear: left;
	height: 1px;
	overflow: hidden;
}
.clearRight
{
	clear: right;
	height: 1px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.break 
{
	clear: both;
}

/* TITLES AND HEADINGS */
h1
{
	font-size: 2.4em;
	font-weight: bold;
	color: #000000;
	margin: -10px -11px 0 0;
	padding: 25px 10px 10px;
	background: transparent url(../images/upperRight.gif) no-repeat top right;
}
.mainPage
{
	position: relative;
	z-index: 1000;
}	
h2
{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}
.h3
{
	font-weight: bold;
	font-style: italic;
	font-size: .5em;
	line-height: 30px;
	color: #144589;
}
.paddingTop10
{
	padding-top: 10px;
}

/* USED BY SITE LINKS */
a
{
	color:  #144589;
	text-decoration: underline;
}	
a:hover
{
	color:  #144589;
	text-decoration: none;
}

/*==========================LAYOUT HOME===================== */
#layoutHome
{	
	margin: 10px auto;	
	text-align: left;
	font-size: 1.1em;
	background-color: #fff;
	clear: left;
}
#homeLogo
{
	float: left;
	text-align: left;
	width: 800px;
	height: 72px;
	margin-left: 10px;
	margin-top: 10px
}
#contentContainer
{
	background:transparent url(../images/upperLeft.gif) no-repeat scroll top left;
	padding: 10px 10px 0px;
	position: relative;
}
#content
{
  position: relative;
}
.contentLeft
{
	background: transparent url(../images/leftBorder.gif) repeat-y left center;
	margin-left: -10px;
	min-height: 400px;
	padding-left: 10px;
	width: 76%;
	min-width: 740px;
}
.contentLeftHome
{
	background: transparent url(../images/leftBorder.gif) repeat-y left center;
	margin-left: -10px;
	min-height: 400px;
	padding-left: 10px;
	width: 78%;
	min-width: 740px;
}
.contentLeft h3
{
	font-size: 1.2em;
	line-height: 30px;
	padding-left: 35px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
}
.contentLeft p
{
	padding-bottom: 10px;
}
.contentLeft p.noBottomSpacing
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.contentLeft .figureText
{
	font-style: italic;
	font-size: 1.0em;
}
.contentLeft ul
{
	margin-left: 35px;
	margin-right: 35px;
	padding-left: 20px;
}
.contentLeft ol
{
	margin-left: 34px;
	margin-right: 35px;
	padding-left: 20px;
}
.contentLeft ol ul
{
	margin-left: 12px;
	padding-left: 0px;
}
ol li, ol ul li
{
	list-style-type: inherit;
}
.contentLeft ul.bulletPoints li
{
	list-style-type: square;
}
.contentLeft ul.bulletPoints li ul li
{
	list-style-type: circle;
}
.contentLeft ul.bulletPoints li ul li ul li
{
	list-style-type: lower-roman;
}
.contentLeft ul.bulletPoints li ul li ul li ul li
{
	list-style-type: lower-alpha;
}
.contentRight
{
	position: absolute;
	width: 24%;
	top: 12px;
	right: 0;
	border-left: 2px solid #ccc;
	height: 100%;
}
.contentRight h3
{
	font-size: 1.2em;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 20px;
}
.contentRight p
{
	margin: 0px 20px 0px;
}
.contentRight p.futureRelease
{
	padding-top: 10px;
}
.contentRight ul
{
	padding: 5px 35px;
	margin-right: 10px;
	border-bottom: 2px dashed #ccc;
}
.contentRight li
{
	list-style-type: disc;
}
.contentRight li.last
{
	padding-bottom: 15px;
}
.content
{
	background: transparent url(../images/rightBorder.gif) repeat-y top right;
	margin-right: -11px;
	padding-right: 11px;
}
.contentBottom
{
	height: 21px;
	background: transparent url(../images/bottomLeft.gif) no-repeat bottom left;
}
.contentBottom p.blank 
{
	background: transparent url(../images/bottomRight.gif) no-repeat bottom right;
	margin: 0px -1px;
	padding-top: 3px;
}
.title
{
	display: block;
	width: 74%;
	margin-bottom: -7px;
	text-align: center;
	position: relative;
	z-index: 100;
}
.homePageLogo
{
	margin-top: -10px;
}
.avoidHomePageImage
{
	color: #000;
	font-weight: bold;
	text-align: left;
}
.anchor
{
	text-decoration: none;
}

/*==========================FOOTER===================== */
#footer, #footer a
{
	color: #000;
	font-size: 1em;
	display: inline;
	padding-bottom: 20px;
}
#footer a
{
	text-decoration: none;
}

/*==========================GLOBALLINKS===================== */
#globalLinks
{
	height: 26px;
	width: 100%;
	background-image: url(../images/globalLinksBg.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-size: 1em;
	line-height: 26px;
}
#globalLinks a
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/*==========================NAVBUTTONS===================== */
#nav
{
	margin: 0px 10px auto;
}
#navButtons
{
	float: left;
	font-size: 1em;
	line-height: normal;
	margin: -10px 0 5px;
	clear: left;	
}
#navButtons ul
{
	margin: 0;
	padding: 10px 0px 0 0px;
	list-style: none;
}
#navButtons li
{
	display: inline;
	font-size:11px;
	margin: 0;
	padding: 0;	
}
#navButtons a
{
	float: left;
	background: url("../images/leftNavBg.png") no-repeat left top;
	margin: 0px 2px 0px;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#navButtons a span
{
	float: left;
	display: block;
	background: url("../images/rightNavBg.png") no-repeat right top;
	padding: 5px 13px 10px 9px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navButtons a span {float:none;}
/* End IE5-Mac hack */
#navButtons a:hover, #navButtons li.active a
{
	background-position: 0% -30px;
	color: #000;
}
#navButtons a:hover span, #navButtons li.active span
{
	background-position: 100% -30px;
	color: #000;
}

.DAM #navButtons a.DAMLink,
.Backdrop #navButtons a.BackdropLink,
.Collaborator #navButtons a.CollaboratorLink,
.Builder #navButtons a.BuilderLink,
.Catalog #navButtons a.CatalogLink
{
	background-position: 0% -30px;
	color: #000;
}
.DAM #navButtons a.DAMLink span,
.Backdrop #navButtons a.BackdropLink span,
.Collaborator #navButtons a.CollaboratorLink span,
.Builder #navButtons a.BuilderLink span,
.Catalog #navButtons a.CatalogLink span
{
	background-position: 100% -30px;
	color: #000;
}

/* SEPARATING PIPE | LINE IN NAV */
.separator, #legalLinks.separator
{
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

/* FORM VALIDATION */
.requiredLabel
{		
	color: #BA6252;
	font-weight: bold;	
	vertical-align: middle;
}
.errorField
{
	width: 238px;
	border: 1px solid #80A3B7;	
	vertical-align: middle;		
}
.errorTextarea
{
	width: 238px;
	height: 60px;
	border: 1px solid #80A3B7;
	background-color: #FFF;
}
.errorCheckbox
{
	border: 1px solid #80A3B7;
	background-color: #FFF;
}
.errorList 
{
	border: 1px solid #80A3B7;
	background-color: #FFF;
}
.errorLabel
{
	background-color: #80A3B7;
	color: #000;
	border-color: #80A3B7; 	
}
.errorCell
{
	background-color: #80A3B7;
	color: #ffffff;
	font-weight: bold;		
}

/* FORM STYLES */
#contactForm 
{
	border:1px dotted #999999;
	margin:0 1.75em 5em;
	padding:0 1em;
	width:48%;
	float:left;
}
#contactForm ol
{
	margin: 0;
	padding: 0;
}
.contactForm 
{
	margin-bottom:1em;
}
.contactForm li 
{
	clear:both;
	list-style-type:none;
	margin:1em 0;
	position:relative;
}
.contactForm li label, 
.contactForm li span.label 
{
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding-top:0.5ex;
	text-align:right;
	width:18%;
}
.contactForm li input 
{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	width:75%;
}
.contactForm li input.checkbox
{
	margin-top:8px;
	width:auto;
	background-color: transparent;
	border: none;
}
.contactForm li input#submit 
{
	background-color:#DDDDDD;
	border:1px solid #000000;
	color:#666;
	font-weight:bold;
	margin-left:20%;
	padding:1px;
	position:relative;
	width:auto;
}
.contactForm li textarea 
{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	height:225px;
	margin:0;
	padding:2px;
	width:75%;
}
.contactForm li label.error
{
	color:red;
	display:block;
	float:none;
	font-size:0.9em;
	margin-left:20%;
	padding:0;
	text-align:left;
	width:auto;
}
.notes 
{
	color:#999999;
	display:block;
	font-size:84%;
	font-weight:normal;
	margin-left:20%;
}
.coloredBold 
{
	color:#1A54A5;
	font-weight:bold;
}

/* IMAGES STYLES */
.thumbWrapper
{
	margin: 5px 25px;
}
.thumbImage
{
	padding: 4px 5px;
	border: 1px solid #000;
}
.caption
{
	font-size: .8em;
	text-indent: 0px;
	margin: 0px;
	text-align: center;
	font-style: italic;
}
.marginRight35px
{
	margin-right: 35px;
}
.marginLeft35px
{
	margin-left: 35px;
}

/* TOOLTIP STYLES */
.tooltip
{
	border-bottom: 2px dotted #80a3b7;
}
.tooltipheader
{
	background:#dbe5eb;
	font-family: Trebuchet, Franklin Gothic, Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	border:1px solid #80a3b7;
	padding: 5px;
	width: 200px;
	text-align: left;
}
.tooltipbody
{
	background:#fff;
	font-family: Trebuchet, Franklin Gothic, Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	border-left:1px solid #80a3b7;
	border-right:1px solid #80a3b7;
	border-bottom:1px solid #80a3b7;
	padding: 5px;
	width: 200px;
	text-align: left;
}

/* Helps Clear Floats Better */
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}