/* ============ HAC StyleSheet ================= */

html, body { border: 0; margin: 0; padding: 0;}

body 
{
	top:5em;
	padding: 0 480px 0 480px;
	margin: 0;
	text-align: center;
	background-color: #678; /* outside background color */
	border-bottom-style:groove;
	border-right-style:groove;
	
}
h1, h2, h3, h4, h5, h6 {color:#015cad;/* old color #573922;*/}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin:0;
	font-size: 1.6em;
	font-weight: bold;
	text-align:center;
}

h1.special 
{
	margin:0;
	font-size: 1.0em;
	font-weight: bold;
	text-align:left;
}
h2 {
	margin: 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}
p  {
    margin: 1em 0;
    line-height:1.4;
}
p.special
{
	margin: 0.2em 0 1em 0;
	line-height: 1.3;
}
a {
	text-decoration:underline;
	color:#67AADF  /*#F369B1; /* this is the pink color */
}

a:hover {text-decoration:none;}

abbr[title]
{
	border-bottom:1px dotted #999;
}
abbr[title]:hover 
{
	cursor:help;
}

/* classes for form data */
.formLabel
{
	float: left;
	width: 8em;
}
.formDiv
{
	display:inline; 
	text-align:left;
}
.formTextBox
{
	margin-left:1em;
}

td 
{
	margin: 0 0 0 2em;
	font-size:1em;
}

td.paypal
{
	margin:0 2em 0 2em;
	font-size:1em
}

/* sizer + expander = max-width; so in this case, 384 + 640 = 1024 */	
#sizer {
	margin: 2em auto 0 auto;
	padding: 0;
	width: 60%;		   /* 384 / 640 = 60%  - 576/960 = 60% */
	max-width: 576px; /* 384px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: #fff; /* #fed;  /* off white color */
	margin: 0 -480px 0 -480px;
	min-width: 960px; /* Critical Safari fix! */
	position: relative;
	border-bottom:5px ridge black;
	border-right:5px ridge black;

	/*
		border-bottom-style:groove;
	border-right-style:groove;
*/
}

/* Classes for Map functions */
.mapFromAddress
{
	width:30em;
	background-color:#ffe8a6; /* same color as visual studio 2010 highlighted tab */
}


/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; /* background-image:url(Images/atco_bg.gif);*/} 

body { font-family: arial, sans-serif; }
#header 
{
	width: 100%;
	top:auto;
	text-align:center;
	margin-bottom:0.5em;
	margin-top:1em;
}

#sideBar {
	width: 24%;
	float: left;
	display: inline;
	text-align: left;
	margin-left: 1%;
	color: #686;
	font-size: .9em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow:hidden;
	position:relative;
	}


#content {
	width: 70%;
	margin-right: 3%;
	text-align: left;
	display: inline;
	float: right;
	padding-bottom: 3em;
	padding-left: 1em;
	font-size: 1em;
	border-left: 1px solid black;

}

#footer  
{
	clear: both; 
	padding: 0.5em 0 0.5em 0; 
	margin: 1em 5% 1em 5%; 
	/*border-top: 1px solid Blue;*/
	font-size: 13px; 
	position:relative;
	
	}
	
	/* =================== Header Gallery ====================*/
	.gallery
	{
		float: left;
		width:600px;
		height:190px;
	}

/* ============= Menu Style =============== */
#menu
{
	/*position:absolute;
	left:10px;
	top:30px;	*/
	margin:0;
	padding:0;	
}

#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#menu li
{
	display:block;
	margin: 5px 0;
	padding: 0;
}

#menu a
{
	font-family: "Trebuchet MS Gothic", Sans-Serif;
	display: block;
	text-decoration: none;
	padding: 0 15px 0 43px;
	margin-right: 0px;
	line-height: 35px;
	background-image: url(../images/ButtonSpriteC.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
}

#menu a:hover 
{
	color:#f8b449;
	background-position: 0px -36px;
}




.selectedMenuItem a
{
	font-weight: bold;
	color:Yellow;
}


.unselectedMenuItem a
{
	color:White;
	margin:0;
	padding:0;
}

.unselectedMenuItem a:visited
{
	color:White;
}

.currentItem
{
	width:140px;
	border:1px solid white;
	margin:0;
	padding:0;
}

#logindisplay
{
	float:left;
    font-size:0.9em;
    display:block;
    text-align:right;
    margin: 10px 0 0 20px;
    color: Blue;
}

#logindisplay a:link
{
    color: blue;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: blue;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: blue;
    text-decoration: none;
}

#mainMenu
{
	margin:1%;
	padding:1%;
}

.clear
{
	clear: both;
	height: 0;
	padding:0;
	margin:0;
}

/* for adding space to bottom of a section */
.bottomSpace
{
	padding:2em 0;
}

/* fixes logo (if present) at bottom left of the page */
#logo
{
	position: absolute;
	left:10px;
	bottom:10px;
}

p,
label {
	margin: .95em 0em .95em 0em;
	font-size: 0.9em; 
	line-height: 1.2;
}


/* http://positioniseverything.net/easyclearing */

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

.clearfix {display: inline-table;}

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


.fill { color: #aaa; }

.back {text-align: right; padding: 3px 10px 0 0;}

.alignright {margin: 30px 0; text-align: right;}

.small {font-size: .8em;}

.return {position: absolute; top: 10px; right: 20px; width: 20em; text-align: right; font-size: .9em; line-height: 1.4;}

.return a {color: #000;}

.centeredHeadline
{
	font-size: 1em;
	font-weight:bold;
	text-align:center;
	padding: 0.5em 5em 0.5em 5em;
	margin:0em 10em 0em 10em;
}

#sidebar a {color: #686;}

.pictureArea
{
	display:inline;
}

.leftbaritem 
{
	padding:2em 0.5em;
}

.centeredParagraph
{
	text-align:center;
}

.leftBarLink
{
	margin: 0 0 0.5em 0;
}

.leftJustify
{
	text-align:left;
}

.centeredDivision
{	margin:5em 5em 5em 2em;
	float:left;
	font-size:0.8em;
	background-color:Silver;
}

.special1
{
	padding: 0.2em 0 0.2em 1em;
	font-size: 0.9em; 
    font-family: "Verdana,  Arial, Courier"; 
    color: #00008b; 
}

p.intro
{
	margin: 0.2em 0 1em 0;
	line-height: 1.3;
	font-style:italic;
}
.detail1
{
	text-align:center;
		padding: 0.2em 0 0.2em 1em;
	font-size: 0.9em; 
    font-family: "Verdana,  Arial, Courier"; 
}

.ulStyle1
{
	padding-bottom:0;
}

.listyle1
{
	padding-bottom: 1em;
}

.listyle2
{
	font-weight:bold;
	padding-bottom: 0em;
}

.listyle3
{
	list-style-type:none;
}

.liParagragh
{ 
	padding-top: 0;
	margin-top:0;
	margin-left:2em;
}

.liParagragh2
{
	padding-top:0;
	padding-bottom:0;
	margin-left:8em;
}
	
.leftSide
{
	float:left;
	display:inline;
	width:300px;
}

.rightSide
{
	float:right;
	margin:0 0 0 20px;
}

.leftFooter
{
	display:inline;
	margin:0 20px 20px 0;
	padding:0 0 20px 0;
}

.rightFooter
{
	display:inline;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.centeredFooterDivision
{
	text-align:center;
	height:60px;
}



.buttonCenter1
{
	margin:0.5em 0em 0em 2em;
}
/* * * Form Styles * * */
/*
form {margin: 0 0 2em -20%; position: relative;}

/*\*/
* html form {height: 0;}
/* Holly hack */


/* MVC CLasses */
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin:0 0.5em 0 0.51em;
}

.display-label
{
	float: left;
	width: 100px;
	display:inline;
	font-weight:bold;
}

.display-field
{
	font-weight:normal;
}

.display-wrapper
{
	margin:0 0 0 0;
	clear:both;
}

/* Movie Screen CSS Below */

.movieVenue
{
	float: left;
	position:relative;
}

.movieScreen
{
	position:absolute;
	top:45px;
	left:120px;
	z-index:2;
}

/* Movie Screen CSS Above */

@media print
{
	body 
	{
		margin:0;
		padding:0;
		font-size:10pt;
		line-height:12pt;
		background:#FFFFFF !important;
	}
	#col1
	{
		display:none;
	}
	
	#col2
	{
		margin:0;
		width:100%;
		background:none;
	}

	#header {
		margin:0; 
		border:none;
		height:auto;
		background:none;
	}	
	#footer 
	{
		margin:0;
		border:none;
		height:auto;
		background:none;
	}
	
	.tableCaption1
	{
		font-weight:bold;
		background-color:#ffa07a;	/* Light Salmon */
	}
	
	#header
	{
		top: auto;
		text-align:center;
		font-size:x-large;
		font-weight:bold;
		margin-bottom:5px;
		padding-bottom:10px;

		background-image:none;
 
		/*background-color:#ff8c00;*/
		width:100%;
	}
	
	.centeredButton
	{
		display:none;
	}
	
	.leftside
	{
		display:none;
	}
}