/*******************************************************************************************
	All of the selectors below must be included on any Total Control Page. These
	values must also be entered into the TCP configuration page in order for 
	the WYSIWYG content to match the actual page content.

	Feel free to change any of the properties and values within the selectors 
	unless otherwise noted.
*******************************************************************************************/

body {
	background: #99CCFF; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/* start all of the font size percentages below the browser default which is ugly big,
		Small = 60%
		Medium = 69%
		Large = 76%
	*/
	font-size: 76%; /* this value must be one of the three percentages listed above */
	line-height: 1.3em;
	margin:0px;
	padding:0px;
	background-image:url(../images/pagebackgroundimage.jpg);
	background-position:100% 100%;
	/*background-repeat:no-repeat;*/
}

p, table, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* do not change this value! */
	color: #000;
	line-height:1.3em;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #0085c1;
	line-height:10px;
	margin: 0px 0px 10px 0px;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #7dabd4;
	line-height:10px;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #60a441;
	line-height:1.2em;
}

a {
	color: #60a441;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #496c22;
	font-weight:bold;
	text-decoration:none;
}


hr {
	height: 1px;
	border: none 0;
	border-top: 1px solid #555;
	margin: 0px;
	padding: 0px;
}

.formfield {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #0085C1;
	background-color: #fff;
	border: 1px solid #9ACCFF;
	padding-left: 2px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #A5D1FE;
	border: 2px outset #ccc;
}

/******************* FIELD SETS **********************/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
  border: 1px solid #0085C1;
  padding: 0;
  margin: 0 0 10px 0;
}
legend {
  color: #0085C1;
  padding: 0 10px;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}
dl dt {
  float: left;
  width: 24.5%; /* was 200px */
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%;/* was 200px */
	padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #0085C1;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #A5D1FE;
	border: 2px outset #ccc;
}

/*******************************************************************************************
	All styles below this point are optional.
*******************************************************************************************/



#pagearea { /* old - doesn't work in IE6 */
	background-image: url(/images/semitranspPXL2.png);
	margin:20px; 
	padding:10px; 
	height: 460px; 
	width: 410px;
	overflow:auto;
	text-align: left;
}

#transparea {
	background: url(../images/semitranspPXL2.png);
	margin:20px; 
	height: 460px; 
	width: 420px;
}
#scrollarea {
	overflow:auto;
	padding:10px;
	height: 440px; 
	width: 400px;
	text-align: left;
}


.border {
	border-right: 1px solid #ddd;
}

.pagesheading { /* used only for the pages edit area for the Heading content type */
	font-family: Arial, Helvetica, sans-serif;
	color: #264A6E;
	font-size: 14px;
	font-weight: bold;
}

.alert {
	font-weight: bold;
	color: #c00;
}


/*******************************************************************************************
	All styles below this point are specific to sonja zant
*******************************************************************************************/
/* transp png support for IE 6
* { behavior: url(/iepngfix.htc)}
*/

.menubackground {
background-image:url(/images/menu_bg.gif);
background-repeat:repeat-x;
}

.background {
background-image:url(/images/background.jpg);
background-repeat:no-repeat;
background-position: center top;
height:569px;
}

.background2 {
background-image:url(/images/background2.jpg);
background-repeat:no-repeat;
background-position: center top;
height:569px;
}

.background3 {
background-image:url(/images/background3.jpg);
background-repeat:no-repeat;
background-position: center top;
height:569px;
}

.background4 {
background-image:url(/images/background4.jpg);
background-repeat:no-repeat;
background-position: center top;
height:569px;
}

.menu {
background-image:url(/images/menu_bg.gif);
}

.menu a {
	font-size:1.2em;
	color: #85c440;
	text-decoration:none;
	font-weight:bold;
}

.menu a:hover {
	font-size:1.2em;
	color: #0085c1;
	text-decoration:none;
	font-weight:bold;
}

.semitransp {
background: url(/images/semitranspPXL2.png);
}

.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

.leftsidepad {
margin-left:10px;
}

.rightsidepad {
margin-right:10px;
}

.accenttype {
color: #496c22;
font-weight:bold;

}

.borderleft {
border:1px solid #3f6115;
}