﻿body 
{
	background-color:#001d39;
	background-image:url("Images/Background.jpg");
	background-position:top center;
	background-attachment:scroll;
	background-repeat:no-repeat;
}
a.hidden
{
	display:none;
}
form
{
	position:relative;
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	
}
form div#formTop
{
	background-image:url("Images/FormBackgroundTop.gif");
	background-attachment:inherit;
	background-repeat:no-repeat;
	width:658px;
	height:12px;
	
}
form div#formContents
{
	background:#fff;
	background-repeat:repeat-y;
	background-attachment:inherit;
	width:658px;
	float:left;	
}
form div#formBottom
{
	background-image:url("Images/FormBackgroundBottom.gif");
	background-attachment:inherit;
	background-repeat:no-repeat;
	width:658px;
	height:23px;
	float:left;
	
}
/*
=====================
Site Main Header
=====================
*/
div#siteHeader
{
	padding:10px;
	padding-top:0px;
	height:163px;
	width:630px;
	background-image:url("Images/FormHeaderBG.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	
}
div#siteHeader img.MasterLogo
{
	position:absolute;
	top:10px;
	
	
}



/*
============================
Site Master Column Layout
============================
*/

div#leftCol
{
	width:180px;

	/* height:800px; */
	float:left;
	background-image:url("Images/SideBarBG.jpg");
	background-repeat:no-repeat;
	background-attachment:inherit;
	background-color:#fff;
	
	
}
div#rightCol
{
	width:453px;
	padding:5px;
	padding-left:10px;
	float:right;
	

}

/*
=========================
Left Column Elements 
=========================
*/

	/*Main Navigation*/

div#leftCol div#MainNavigation
{

	width:147px;
	
	margin-left:20px;
	background-image:url("Images/MainNavBGTop.gif");
	background-repeat:no-repeat;
	background-attachment:inherit;	
	
}
	
div#leftCol div#MainNavigation div#navBottom
{
	background-image:url("Images/MainNavBGBottom.gif");
	width:147px;
	height:9px;
	background-repeat:no-repeat;
	margin-top:9px;
}

div#leftCol div#MainNavigation ul.AspNet-Menu
{
	
	padding-right:10px;
	background:#f7f2f8;
	margin-bottom:1px;
	top:9px;
	
}
div#leftCol div#MainNavigation ul.AspNet-Menu li.LastChild
{
	margin-bottom:10px;
}

div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected a
{
	background-image:url("Images/NavigationSelectedBG.gif");
	background-attachment:inherit;
	background-repeat:no-repeat;
	/*IE6 specific rule has the background images set on the .selected list item
	and then sets the background to none here.  That gets rid of the flicker and formats correctly
	in IE for us.*/
	
}

div#leftCol div#MainNavigation ul.AspNet-Menu li ul
{
	display:none;
	
	
}

div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected ul
{
	display:block;
		
}



div#leftCol div#MainNavigation ul.AspNet-Menu li
{	
	text-align:right;
	
	
}

div#leftCol div#MainNavigation ul.AspNet-Menu li a
{
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	display:block;
	width:100%;
	
}
div#leftCol div#MainNavigation ul.AspNet-Menu li a:hover
{
	background-color:#e5d6e9;
}


	


/*level2 navigation links*/
div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected ul li a
{
	background:none;
	background-color:#F4EBBF;
	padding-top:4px;
	padding-bottom:0px;
	border-bottom:dashed 1px #e8d577;
}
div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected ul li.Selected a
{
	background-color:#e5d170;
}

div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected ul li.Selected a:hover
{
	background-color:#e5d170;
}

div#leftCol div#MainNavigation ul.AspNet-Menu li.Selected ul li a:hover
{
	background-color:#f0e29e;
}

/*end of main navigation*/


	/*email this site contents*/
	div.sendPageControl,
	div.ContactPageControl
	{
		width:147px;
		margin-left:20px;
		margin-top:20px;
		
	}
	div.sendPageControl div.sendContents,
	div.ContactPageControl div.contactContents
	{
		background-image:url("Images/SideColumnGrowableBG.gif");
		width:147px;
		background-repeat:no-repeat;
		background-attachment:inherit;
		padding:10px 5px 0px 5px;
		
	}
	div.sendPageControl div.sendBottom,
	div.ContactPageControl div.commentBottom
	{
		width:147px;
		height:19px;
		background-image:url("Images/SideColumnBottomBG.gif");
		background-repeat:no-repeat;
		background-attachment:inherit;
	}
	div.sendPageControl img.sideBarRibbon
	{
		z-index:10;
		width:62px;
		height:35px;
		
		position:relative;
		left:-10px;
		top:0px;
	}
	
	div.sendPageControl input.sendBtn
	{
		position:relative;
		left:75px;
		margin-bottom:-5px;
		
	}
	/*end of the send page control's styles*/
	
	div#leftCol label
	{
		font-size:.8em;
		margin-left:4px;
		
	}
	input.SideColInputField,
	input.contactTextBox,
	textarea.contactTextBox
	{
		background-color:#f6eece;
		color:#8d7798;
		padding:0px 5px 2px 5px;
		width:75%;
		margin:0px 0px 10px 4px;
	}
	textarea.contactTextBox
	{
		height:100px;
	}
	div.ContactPageControl input.SendCommentBTN
	{
		position:relative;
		left:18px;
	}
	
	
	
/*
===============================
Section Title Styles
===============================
The section title is contained at the top of each
content page but is a universal element to all the pages.
It isn't in the master page because the contents
of that div change pretty dramatically depending on the section
of the site.  So it was simpler to have a style that positions it 
in the main layout section.
*/
div#SectionTitle
{
	
	width:460px;
	position:absolute;
	top:20px;
	left:178px;
	
}

div#SectionTitle div#TitleImages
{
	
	position:relative;
	top:60px;
	left:20px;
	
	
}

/*
==================================
Studio News User Control
Events Control Styles
==================================	
*/
div.panelCap
{
	background-image:url("Images/ControlTopCap.gif");
	background-attachment:inherit;
	background-repeat:no-repeat;
	width:434px;
	height:20px;
	padding-left:10px;
	padding-top:4px;
	margin-top:25px;	
}
div.panelContents
{
	background-color:#f7f1cf;
	width:434px;
	padding-top:5px;
	
}
div.panelBottom
{
	background-image:url("Images/ControlPanelBottom.gif");
	width:434px;
	height:12px;
	background-repeat:no-repeat;
	background-attachment:inherit;
	margin-bottom:20px;
}

div.panelContents ul
{
	list-style-type:disc;
	padding:5px 15px 10px 25px;
	margin:0;
	
}
div.panelContents ul.NewsList li
{
	margin-bottom:10px;
}
div.panelContents ul.bottomBorder li
{
	
	margin-left:-5px;
	
	border-bottom:dashed 1px #e8d577;
	
}

div.panelContents ul.hoverItems
{
	margin-left:-5px;
	list-style:none;
}
div.panelContents ul.hoverItems li a
{
	
	padding: 3px 0px 3px 7px;
	
	display:block;
	width:100%;

}
div.panelContents ul.hoverItems li a:hover
{
	background-color:#e6d7ea;
}
span.underline
{
	text-decoration:underline;
}

/*
======================
Content Footer
======================
*/
div#rightCol div#ContentFooter
{
	width:100%;
	text-align:center;
	
	
}
div#ContentFooter div#FooterLinks
{
	
	margin-bottom:5px;
}

div.PageCopy
{
	padding-right:25px;
}
.pdfLink,
.pdfLink:hover
{

	list-style-image:url("../Main/Images/pdfImg.gif");	
	display:list-item;
	list-style-position:inside;
	margin-bottom:5px;
}
.success
{
	display:block;
	width:90%;
}
.ErrorMessage
{
	display:block;
	width:85%;
	float:left;
	
}

.floatLeft { float: left; }

td.paddLeft
{
	padding-left:10px;
}
table input.LogInInputs
{
	width:150px;
}
div#ErrorCopy
{
	padding:10px;
}

body #PreviewContent
{
    width: 80%;
    background-color: #fff;
}

body #PreviewContent div.PreviewPageCopy
{
    background-color: #fff;
    padding: 20px 20px 50px 20px;
}