/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, address {
	 border-style: none;
  border-color: inherit;
  border-width: 0;
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6 {color:#000000;} /* was #BC8F5F */

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
  /* Settings such as margin are specified in the order: Top Right Bottom Left */
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;	
}
h2 {
	/* margin: top right bottom left */
	margin: 1.2em 0em 0.3em 0em; 
	font-size: 1.6em;	
	font-weight: bold;
}
h3 {
	margin: 1.0em 0em;
	font-size: 1.4em;	
	font-weight: normal;
}
h4 {
	margin: 0.7em 0em 0em 0em; /* was 1.2em 0em 1.2em 0em; */
	font-size: 1.2em;	
	font-weight: bold;
}
h5 {
	margin: 0.5em 0em 0em 0em;
	font-size: 1.1em;	
	font-weight: bold;
}
h6 {
	margin: 0.4em 0em 0em 0em;
	font-size: 1.0em;	
	font-weight: bold;
}

img {border: 0;}

ol, ul, li {
	margin:0.2em 0 0.4em 0;
	line-height: 1.5em;
	font-size: 1.0em;		
}
p {
	margin: 0em 0em 0.6em 0em; /* was 1.2em 0em; */
	line-height: 1.5em; /* was 1.8em */
	font-size: 1.0em;
  /* width: 553px; */
}

li > p {margin-top: 0.2em;}

.CompactPara p {
	margin: 0;     
}    


pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bolder;
}

#footer a {
 font-weight: normal;
 color:#ffffff;    
}

a {
	text-decoration: none;
	font-weight: bold;
	color:#573323;
}

a:link {
  text-align: center;
}

a:visited {}

a:active {}

a:hover {
	text-decoration:underline;	
	color:#777777;
}

dt {
 font-weight: bold;
 text-align: left; 
 padding-left: 25px;
 padding-top: 3px;   
}
dd {
 font-weight: normal;
 text-align: left;
 padding-left: 65px;
 padding-right: 60px; 
 padding-bottom: 12px;      
}


.disabledchkbox {
  border-color: Black;
}


.testtable {
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	background-color: #faf0e6;
}

.testtable td {
	font-family: Helvetica, Arial, Sans-Serif;
	border-width: 1px;
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-color: black;	
}
.feestable {  
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
.feestable td {
	font-family: Helvetica, Arial, Sans-Serif;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: #f8f7eb; 
}
.feestabletxtbox {
	padding: 0;
	margin: 0;
	text-align: center;
	border-style:none;  
	background-color: #f8f7eb;       
}




.entrytable {  
  /* width: 100%; this is better specified at individual table level */
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
.entrytable th { 
	font-family: Helvetica, Arial, Sans-Serif; 
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: #f8f7eb; 
}
.entrytable td {
	font-family: Helvetica, Arial, Sans-Serif;
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: #f8f7eb; 
}
.entrytable td.hiddencell {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	background-color: Transparent; 
}
.entrytable td.validation, .entrytable th.validation {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	background-color: Transparent; 	
	text-align: right;
	font-weight: bold;
	font-size: 130%;
	color: Red;
}


.tabletxtbox {
  font-family: Helvetica, Arial, Sans-Serif;
  width: 100%;
  height: 100%;
  border-width: 0px;
  border-style: none;
  padding: 0px;
  margin: 0px;
  background-color: white;
}
.tablemoneybox {
  text-align: right;
  width: 30%;
  height: 100%;
  border-width: 0px;
  border-style: none;
  padding: 0px;
  margin: 0px;
  background-color: white;
}

.formbox {
  border: 1px solid gray;   
  width: 97%;
  text-align: left;
  height: 100%;    
  background-color: Transparent;
  padding: 2px;
  margin-right:3px  
}

.formboxDDL {
  border: 1px solid gray;   
  width: 99.2%;
  text-align: left;
  height: 100%;    
  background-color: Transparent;
  padding: 2px;
  margin-right:3px  
}

.modalBackground {
  background-color: Gray;
  /* filter: Alpha(Opacity=30);
  opacity: 0.3; */
}


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

.distinctionstable td {
  padding: 0px;
  text-align: center;
  vertical-align: top; 
}
.distinctionstable p {
  padding: 0px;
  text-align: left;
  vertical-align: top; 
}

.SmallButton {
  height: 19px;
  font-size: smaller;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.MediumButton {
  height: 30px;
  /* width: 100px; */
  font-size: normal;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.HugeButton {
  height: 35px;
  /* width: 100px; */
  font-size: normal;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* The next three items are used for the ListView DataPager control */
.PrevNext {
  font-size: 120%; 
}  
.CurrentPage {
  font-size: 130%;
  font-weight: bold;
  color: green;  
}  
.PageNumber {
  font-size: 120%;
  text-decoration: underline;  
}  

.Breadcrumb {
	color: #000000;
}
#sidebarcontent p.RedHead {
	color: #B70000;
	font-weight: bold;
}

/* Note that neither IE6 nor IE7 displays the following background correctly. Instead of being positioned on the left edge
of the viewport, this background is way over to the right. Perhaps these browsers don't understand negative margin settings.  */

#backbar {	
	position: absolute;
	background-color: #DDDDDD; 
	margin-top: 0px; /* 119px  */
	margin-left: -377px;	
	width: 100%;
	height: 120px;    /* was 259px   */
	/* background-image: url('Images/stripe_90e553dc869d77141d8d491397a49dde.png'); */
}
#KeyDates {
	border: thin solid #000000;	
	background-color: #E4E4E4;
	margin-top: 20px;
	margin-left: 360px;
	width: 180px;
	height: 30px;
	z-index: 999;
}
#KeyDates p {
	color:Black;
	padding-top: 5px;
}
#google_translate_element {
	margin-top: 98px;
	margin-left: 450px;	
	width: 200px;
	z-index: 999;
} 
#TempDiv p {
	padding-top: 5px;
	color: Black;
}

/*
p.IE6Warning {
	color: White;
}
*/

#IE6Warning {	
	position: absolute;
	margin-top: 2px; 
	margin-left: 20px;
	color: White;	 
	z-index: 999;
}
/*
#IE6Warning p, #IE6Warning span {	
	color: Black;
}
*/


/* "Jello Mold" page construction technique see http://www.positioniseverything.net/articles/jello-expo.html */
body {
	/* was 0 377px; */
	padding: 0 377px;
	text-align: center;
	background-color: #999999; /* was #DBE0E3; */
	font-family: Helvetica, Arial, Sans-Serif; /* was Georgia, Palatino, serif; */
	font-size: 80%;
	background-image: url('Images/stripe_62b68c664e3f9ede2e6aa9b8129af3ab.png'); /* url('Images/stripe_cd74404495de3ff9602997742fcc358f.png'); url(Images/concrete.jpg); url('Images/stripe_90e553dc869d77141d8d491397a49dde.png'); url(Images/grunge2.jpg); url(Images/3485562472_a077a105ce_b.jpg); url(Images/bg_tile.gif); url(Images/bg_tile4.gif);*/
	background-position: 0 255px;
}
#skiptocontent {
	position:absolute;
	margin-left:-1000px;	
}
#sizer {
	margin: 0 auto;
	width: 60%;  /* was 60%; */
	max-width: 150px;  /* was 150px; */
	/* padding: top right bottom left */
	padding: 0px 0;  /* top padding of 10px removed by DCA on 13 Oct 10 as it did not look very good  */
	text-align:left;	
}
#expander {
	position: relative;
	/* Min-width setting increased to stop digital upload tables from dropping down page in IE */
	min-width: 820px; /* Critical Safari fix! - was 750px;   My previous value was 820px; */
	margin: 0 -375px;	 /* was  0 -375px; */
	background: #FFFFFF;
  top: 0px;
  left: 0px;
}

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

#wrapper { 
	width: 100%; /* helps IE get the child percentages right. */
	/* background-image:url(Images/content_border.gif);
	background-repeat:repeat-y; */
	background-color: #DDDDDD;  /* new line */
} 

/* 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 */

#sidebar {
	display: inline; /* IEwin doubled margin bug fix */			
	float: right;
	width: 243px;
	margin-left:-3px; /*IE Win 3px gap fix*/
}

html>body #sidebar {margin-left:0;}

#content {
	padding:0;	
	height:1%;
	margin:0;
}
html>body #content {
	height:auto;
	margin-right:243px;
}


html>body #widecontent {
	height:auto;	
}





#header {
  background-color:#DDDDDD;/*#BC8F5F; #727272;*/
  background-image:none;  
}
#headertop {
  position:relative;
  top:0;
  left:0;
  bottom:0;
  height:110px;/*59px;*/
  padding-top:10px;     /* extra 5px of top padding added by DCA on 13 Oct 10  */
  background-color:#DDDDDD;/*#573323; #999999;*/
}
#ownername {
  /* padding: top right bottom left */
  padding: 0px 10px; 
  margin-left:10px;
  height:100px;/*49px;*/
  letter-spacing:0.2em;
  color:#0d217b; /* was #573323 or #496A8B; */
  background-color:#DDDDDD;/*#F0E6D5; #EFE8D6;*/
  white-space: nowrap;
}
#year {  
  position: absolute;
  z-index: 1;
  
  /*opacity: 0.3;   /*supported by current Mozilla, Safari, and Opera
  -moz-opacity: 0.3;  /*older Mozilla
  -khtml-opacity: 0.3;   /*older Safari
  filter: alpha(opacity=30);  /*older IE
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */

  
  font-family:Times New Roman;  
  letter-spacing:normal;  
  top: 20;
  left: 30;  
  padding-left: 360px;
  padding-right: 4px;
  padding-top: 6px;
  font-size: 450%;
  font-weight:700;
}

#ownername strong {
  
  z-index: 2;
  background-color:Transparent;
  
	margin-left:-2px;
	font-size:300%;  /*140%;*/
	
	line-height:100%;   /* new line */
	letter-spacing: normal;  /* was normal; */
}
.stronger {
  font-family:Times New Roman;
	margin-left:-2px;
	font-size:500%;  
	font-weight:900;
	color:Gray;	
	letter-spacing: normal; 
}
#ownerinfo {  
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:144px;/*70%;*/
	height:108px;/*46px;*/		
	}	
	
	
	
	
#ownerinfo address {
  position:absolute;
  top:0;
  right:0; 
  padding-top:17px;    /* extra 5px of top padding added by DCA on 13 Oct 10  */
  padding-left: 99px;  
  height:102px;/*40px;*/
  width:144px;
  color:#000000; /* was #F0E6D5; */
  background-color:#DDDDDD;/*#EEEEEE; #999999;*/
  font-style:normal;
  text-align:left;
  background-image: url(Images/SCC-logo-from-vector-version-BLUE2.gif); /* was Images/SCC_logo4blue.gif   */
  background-repeat:no-repeat;
  background-position:15px 12px;
}
#mainmenu {
  position:relative;  
  /* margin-left:10px; */
  background-color:#727272;/*#BC8F5F;*/
  font-family: Helvetica, Arial, Sans-Serif;
}

#mainmenu, #mainmenu tr {
	height:50px;
}

* html #mainmenu {
	margin-top:-1px;
}

#mainmenu a {text-decoration:none;}

/* Adds a height to a button so that IE Win will allow it to be clickable across its full width. */
/* Hide from IE5-Mac \*/
* html #mainmenu a {height: 1%;}
/* end hiding */ 



.DataList {
  font-size: 0.9em;  
}

.DataList td {
  vertical-align: top;  
}        
td {
	vertical-align: top;
}
#mainmenu td {
	vertical-align: top;    
}
 
 
   
/*==========================================
.DynamicMenuStyle {   
  width: 110px;
}
.DynamicMenuItemStyle {
  /* padding: top right bottom left 
  padding: 0 0 0 10px;
  width: 110px;
  text-align: center;
  background-color: #FFFFDF;
  color: #333300;  
  border-style:groove;
  border-width: .03pt; 
}
.DynamicHoverStyle {
  background-color: #FFFFDF; 
  color: #993366;
}
.DynamicSelectedStyle {		
	background-color:#FFFFDF;
	color:#BC8F5F;	
}
/*==========================================*/

.StaticMenuStyle {		
	background-color: #727272;	
	color:#BC8F5F;	
}
.StaticMenuItemStyle {
  display: block;
  white-space:normal;
  height: 50px;  
  padding: 0;
  width: 112px; 
  text-align: center;
  letter-spacing: 96%;    
  background-color: #727272;  
  color: #FFFFFF; 
}
.StaticHoverStyle, .StaticHoverStyle a {
	background-color: #a5a5a5;
	color: #000000;
}
.StaticSelectedStyle, .StaticSelectedStyle a {
  background-color: #5cbe6a;
  color: #0033CC;
}
/*==========================================*/

#contentwrapper {
	background-image:url(Images/sidebar_bg.gif);
	background-repeat:repeat-y;
	background-position:top right;	
}

/* Hides from IE5-mac \*/ 
	 * html #contentwrapper{height:1%;}
/* End hide from IE-mac */ 

#quote {
	height:129px;
	padding:10px 10px 10px 20px;
	overflow:hidden;
	font-weight:normal;
	font-size:140%;
	line-height:150%;
	letter-spacing:0.05em;
	color:#F0E6D5;
	background-color:#496A8B;
}


#topsidebar {
  margin-top: 0;
	height:95px; /* was 129px */
	 /* padding: top right bottom left */ 
	padding:10px 10px 10px 10px;
	overflow:hidden;
	background-color:#0d217b;
}
#topsidebar p {	
	line-height:110%;
	letter-spacing:0.04em;
	font-size: 92%;
	padding: 0;		
}
.logintext1 {
	font-style: italic;
	font-weight: bold;    
	color: #FFFFFF;
	margin-bottom: 12px; 
}
.logintext {
	color: #F4F4F4;
	margin-bottom: 5px; 
	font-weight:normal;	
}



#sidebarcontent {
  margin: 0 5px 1em;  /* was 0 10px 1em; */
}

#sidebarcontent h3 {
	padding:0.3em 1.5em;
	margin:10px 0 0;
	line-height:130%;
	background-color:#999999;	/*#573323;*/
	color:#F0E6D5;
	font-size:110%;
}
#sidebarcontent .sbcontentcontainer {
	padding:1em 1em 1em 1em;	/* was 1em 1.5em 0.5em; */
	border:1px solid #A48D7C;
	color:#573323;
	background-color:#FFFFFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
  
}
#sidebarcontent .sbcontentcontainer p {
	margin: 0 0 1.2em 0; /* was 0 0 1.2em 0; */
	line-height: 1.5em; /* was 1.8em */
}

#sidebarcontent .sbcontentcontainer ol {padding-left:20px;} 

/* Next line commented out on 16 OCT 2010 as it prevented bullets being displayed for unordered lists in sidebar!
#sidebarcontent .sbcontentcontainer ul {list-style-type:none;} */


#widecontent #headerimgwrapper {
	width: 657px;
}


#headerimgwrapper {
	padding-right:10px;
	margin-right:-10px;
	background-image:url(Images/header_img_border.gif);
	background-repeat:no-repeat;
	background-position:100% 2px;
	background-color:#496A8B;
}
#headerimg {
	height:115px; /* was 149px */	
	background-image: url(Images/sand_shapes3.jpg);/*url(Images/header_img.jpg);*/	
	background-repeat:no-repeat;
	background-color:transparent;
	background-position: 0px 0px; /* was 10px 2px; */
}
#themepicker {
	float:right;
	display:inline;/* IEwin doubled margin bug fix */
	padding: 5px 10px 10px 10px;
	color:#573323;
	font-size:smaller;	
}
#copy {	
	background-color: #FFFFFF; /* new line - was #DDDDDD*/
	margin-left: 8px;  /* was 10px; */
	/* padding: top right bottom left */
	padding: 0.2em 20px 3em 1em;  /* was 2em 25px 3em; */
	color:#333333; /* was #333333; */
}



#widecopy {	
	position:relative;
	background-color: #FFFFFF; /* new line - was #DDDDDD*/
	margin-left: 8px;  /* was 10px; */
	/* padding: top right bottom left */
	padding: 0.2em 20px 3em 1em;  /* was 2em 25px 3em; */
	color:#333333; /* was #333333; */
}




	
/*#copy td, #copy th {padding: 0.2em 0.5em;}*/    
	
/* Commented out on 16 Oct 10 in attempt to allow RadioButtonList on PersonalDetails page to move right 
#copy td {font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}*/
	
#copy fieldset {	
	padding:1em;
	border:1px dotted #000000;
	margin-bottom:1em;
}
#copy .txtBox {
	border:1px solid #666666;
	margin-left: 1em;
	background-color:#D7E0EA;
}
#copy .txtBoxDisabled {
	border:1px dotted #666666;
	margin-left: 1em;
	background-color:#F6F6F6;
}  
#copy .txtBox:focus {
	border:1px solid #573323;
	background-color:#FFFFFF;	
}
#copy .button {
	border:1px solid #666666;
	background-color:#D7E0EA;	
	color:#333333;
  height: 24px;
  text-align: center;
}
#copy legend {
	padding:0.5em;
	background-color:#FFFFFF;
}
#copy caption {
	text-align:left; 
	font-weight:bold;
}

div#contactForm {    
	margin-left: 11em;
}

/* Hides from IE5-mac \*/ 
	 * html div#contactForm{height:1%;}
/* End hide from IE-mac */ 

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 0.5em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 0.5em 0.25em 0;
}
#footer {
	clear:both;	
	position:relative;
	bottom:0;
	left:0;
	right:0;
	height:26px;	
	border-top:2px solid #496A8B;
	/* margin-left:10px; */	
	padding-left:10px; 
	padding-top:2px;	
	margin-bottom:0;
	background-color:#573323;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#F0E6D5;		
	font-size:smaller;
	letter-spacing:0.25em;
}
#sidebarfooter {
  position:absolute;
  top:0;
  right:0;
  width:243px;
  height:28px;
  background-color:#573323; /*#BC8F5F;*/
}

@media print {	
	body {
		margin:0;
		padding:0;
		font-size:10pt;
		line-height:12pt;		
		background:#FFFFFF !important;
	}
	#sizer {
		margin:0;		 
		width:auto !important; 
	}
	#expander {
		position:static;
		margin:0 !important;
	}	
	#headertop, #ownerinfo {
		position:static; 
		height:auto;
	}	
	#ownerinfo address {
	  background-color: #DDDDDD; /* new line */
		position:static; 
		height:auto !important; 
		margin-bottom:2em;
	}	
	#header {
		border-bottom:1px solid #000000; 
		margin-bottom:2em;
	}		
	#wrapper, #header, #headertop, #ownername, #ownerinfo, #ownerinfo address, #mainmenu, #maimenu .selectedlink, #contentwrapper, #quote, #copy .txtBox, #copy .button, #copy legend, #footer, #sidebarfooter {
		background:none !important; 
	}	 	
	h1, h2, h3, h4, h5, h6, #ownername, #mainmenu {
		font-family: Helvetica, Arial, Sans-Serif; /* was Georgia, Palatino, serif; */
		font-weight: bold;
	}
	#sidebar, #themepicker, #headerimgwrapper, #sidebarfooter {
		display:none !important;
	} 
	#copy {
		margin:0;
		padding:0;
	}

	#copy fieldset{border:none;}

	#copy legend{color:#496A8B;}

	#footer {
		position:static;
		margin-top:2em;
		font-size:1em;
	}

	#content{width:100%;}

	html>body #content{
		width:85%;
		margin-left:2em;
	}
}