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

body 
{
	top:5em;
	padding: 0 320px 0 320px;
	margin: 0;
	text-align: center;
	background-color:Teal;
	
}
h1, h2, h3, h4, h5, h6 {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:#F369B1;
}

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% */
	max-width: 384px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: blue;
	margin: 0 -320px 0 -320px;
	min-width: 640px; /* Critical Safari fix! */
	position: relative;
}

/* bob's style for the post dues stuff and for the new gridview details view stuff */
.indentGridview
{
	padding:0em 0em 2em 3em;
}

.indentGridview2
{
   	padding:0em 0em 2em 3em;
    width:500px;
}

.indentDetails
{
	padding:0em 0em 1em 3em;
}

.blockType1
{
	margin: 1em 1em 1em 1em;
	padding: 2em 2em 2em 2em;
}

.blockType2
{
	margin:1em 1em 1em,1em;
	padding:2em 2em 2em 2em;
	text-align:center; 
}

.postDiv
{
	display:inline;
	width:32em;
}
.postLabel
{
	float:left;
	background:LightBlue; 
	color:Blue; 
	padding:0.1em 0.1em 0.1em 0.1em;  
	margin:0.1em 0.5em 0.1em 0.1em;
	height:1.5em;
	width:14em; 
	font-size:0.8em
}

/* This style is for the Date Validator label */
.postLabel2
{
	float:left;
	color:Red; 
	padding:0.1em 0.1em 0.1em 0.1em;  
	margin:0.1em 0.5em 0.1em 0.1em;
	height:1.5em;
	width:14em; 
	font-size:0.8em
}
.postTextBox
{
	float:left;
	padding:0.1em 0.1em 0.1em 0.1em;
	Margin:0.1em 0.1em 0.1em 0.5em; 
	height:1.5em;
	width:10em; 
	font-size:0.8em;
}
.postRadioButtons
{
	float:left;
	padding:0.1em 0.1em 0.1em 0.1em;
	Margin:0.1em 0.1em 0.1em 0.5em; 
	width:10em; 
	font-size:0.8em;
}
.postValidator
{
	float:left;
	padding:0.1em 0.1em 0.1em 0.1em;
	Margin:0.1em 0.1em 0.1em 0.5em; 
	/*width:10em; */
	font-size:0.8em;

}

.postClear
{
	clear:both;
}

.passwordText
{
	font-size:1em;
	margin:0.1em 0.1em 0.1em 0.1em;
	width:35em;
}

/* special style for IAWP Sample Page below this line */


 /* Font Definitions */
 @font-face
	{font-family:Wingdings;
	}
@font-face
	{font-family:"Cambria Math";
	}
@font-face
	{font-family:Calibri;
	}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:10.0pt;
	margin-left:0in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
	{color:blue;
	text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
	{color:purple;
	text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:10.0pt;
	margin-left:.5in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.5in;
	margin-bottom:.0001pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.5in;
	margin-bottom:.0001pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:10.0pt;
	margin-left:.5in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";}

 /* special style for IAWP Sample Page  above this line */
 
 /* special calendar style below */

.MyCalendar .ajax__calendar_container 
{
	border:1px solid #646464;
	background-color:Lime;
	color:Red;
}
.MyCalendar .ajax__calendar_other .ajax__calenday_day,
.MyCalendar .ajax__calendar_other .ajax__calenday_year 
{
	color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calenday_day,
.MyCalendar .ajax__calendar_hover .ajax__calenday_month,
.MyCalendar .ajax__calendar_hover .ajax__calenday_year 
{
	color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calenday_day,
.MyCalendar .ajax__calendar_active .ajax__calenday_month,
.MyCalendar .ajax__calendar_active .ajax__calenday_year 
{
	color: black;
}

/* speical calendar style above */

/* Special classes to support resizable extender control */
.resizeStyle
{
	padding:0px;
	border-style:solid;
	border-width:1px;
	border-color:Maroon;
	overflow:hidden;
}
.resizingImage99
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#b4d35d;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391ba;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(Images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}
.handleText
{
	width:16px;
	height:16px;
	background-image:url(Images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

/* special classes to support resizable extender control */

/* - BELOW - Styles for DropDown extender */
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
/*  - ABOVE -Styles for DropDown extender */

/* - below for Modal Popup Control */
/* perhaps the filter and opacity are for vista only? Don't know what 
   these might be. */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/* - above for Modal Popup Control */


/* 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: 15%;
	float: left;
	display: inline;
	text-align: left;
	margin-left: 3%;
	color: #686;
	font-family: arial, sans-serif;
	font-size: .9em;
	padding-top: 1em;
	}

#content {
	width: 77%;
	margin-right: 3%;
	text-align: left;
	display: inline;
	float: right;
	padding-bottom: 3em;
	font-size: 1em;
	
}

#footer { clear: both; 
	padding: 0.5em 0 0.5em 0; 
	margin: 1em 5% 1em 5%; 
	border-top: 1px solid black;
	font-size: 13px; }

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;}

.centeredParagraph
{
	text-align:center;
}

.leftJustify
{
	text-align:left;
}

.centeredDivision
{	margin:5em 5em 5em 2em;
	margin:
	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;
}
	



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

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

@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;
	}