
BODY{ 
	background-color: white;
	background-image: url(../images/bg.gif);
 /*	background-repeat: repeat-x; */
	padding: 0;
	margin: 0;
}



/***************************/
/* General element styles: */
/***************************/

BODY, P, TD, INPUT, TEXTAREA, SELECT { font-family: Arial, Verdana, sans-serif, Helvetica; font-size: 12px;  color: #000; }

PRE {  color: #000; font-family: monospace; }

A { color: #333333; text-decoration: none; }

A:hover { color: #333333; text-decoration: underline; }

FORM {  color: #444; margin: 0px 0px 0px 0px;}

P, PRE { margin: 0px 0px 5px 0px; }

P, TD, UL, OL { font-size: 11px; }

INPUT, TEXTAREA, SELECT { color: #222; padding-left: 5px; font-size: 11px; }


/******************/
/* Headers, plain */
/******************/
H1 { font-size: 17px; color: #000; }
H2 { font-size: 15px; color: #000; } /* was #186900; green */
H3 { font-size: 13px; color: #000; }

H4, H5, H6 { font-size: 13px; color: #000; }

H1, H2, H3, H4, H5, H6 { margin: 10px 0px 2px 0px; }

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader,
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 10px; padding-bottom: 5px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { color: #000000; text-decoration: none; }
H2 A { color: #333333; }
H3 A { color: #333333; }
H4 A { color: #333333; }
H5 A { color: #333333; }
H6 A { color: #333333; }

H1 A:hover, H2 A:hover, H3 A:hover,
H4 A:hover, H5 A:hover, H6 A:hover { color: #333333;  text-decoration: underline; }


/* Header date */
P.csc-header-date { font-size: 10px; color: #000; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #000; }
P.csc-subheader-2 { color: #000; }
P.csc-subheader-3 { color: #000; }


/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext { font-size: 12px; color: #333; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; }
P.bodytext A { font-weight: bold; }

/* RTE / Bulletlists */
UL { margin-top: 0px;  color: #333; }
UL UL LI { font-size: 12px; color: #333; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; font-size: 12px; color: #000; padding-top: 2px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; }

/* RTE / Table styling */
TABLE.contenttable { border: 1px #333333 solid; margin: 10px 10px 10px 10px; width: 95%; }
TABLE.contenttable TR TD { padding: 3px 3px 3px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: #EDEBF1; }


/**********/
/* Images */
/**********/


/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3,
TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }


/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 11px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #333; }
UL.csc-bulletlist-1 { color: #333; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #333; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #333; list-style-image: url(../images/arrow.gif); }


/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #333; }

TABLE.contenttable-1 P { color: #333; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

		


/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { color: #444; background-color: #D8D7DC; }

FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT,
FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; }

FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }


/* Login form, specifically */
FORM TABLE.csc-loginform { width: 70%; }



/* ****************
My css values below
**************** */

.title {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 0.2em; COLOR: #FFFFFF; PADDING-TOP: 0.2em; FONT-FAMILY: verdana, helvetica, sans-serif;
}


A:link, A:visited {
	FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

A:hover {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}



.breadcrumb-class {
	FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.breadcrumb-class A, .breadcrumb-class A:link, .breadcrumb-class A:visited {
	FONT-SIZE: 9px;  COLOR: #333333;  FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.breadcrumb-class A:hover {
	FONT-SIZE: 9px;  COLOR: #666666;  FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}



.email_n_print_links A:link, .email_n_print_links A:visited {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.email_n_print_links A:hover {
	COLOR: #666666;
}


.web_credits {
	FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.web_credits A:link, .web_credits A:visited {
	FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.web_credits A:hover {
	FONT-SIZE: 9px; COLOR: #CCCCCC; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}



.to_top_link, .to_top_link A:link, .to_top_link A:visited {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}
.to_top_link A:hover {
	COLOR: #fff;
}


.bottomnav A, .bottomnav_act A {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, helvetica, sans-serif;
}

.bottomnav A, .bottomnav A:link, .bottomnav A:visited,
.bottomnav_act A, .bottomnav_act A:link, .bottomnav_act A:visited {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}

.bottomnav A:hover, .bottomnav_act A:hover {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: verdana, helvetica, sans-serif; TEXT-DECORATION: none;
}


#copyright {
	COLOR: #666666;
}


/* override - default styles for extension "tx_dropdownsitemap_pi1" */

.tx-dropdownsitemap-pi1 DIV {
	padding: 4px;
	margin: 4px;
}

.tx-dropdownsitemap-pi1 DIV.expAll a:link,
.tx-dropdownsitemap-pi1 DIV.expAll a:visited {
     color: #000000;
}

.tx-dropdownsitemap-pi1 DIV a:link,
.tx-dropdownsitemap-pi1 DIV a:visited {
     color: #000000;
}

.tx-dropdownsitemap-pi1 DIV.expAll a:hover {
     color: #666;
}

.tx-dropdownsitemap-pi1 DIV a:hover {
     color: #666;
}


.tx-dropdownsitemap-pi1 DIV.expAll {
	border: none;
	background: none;
}


/* colour & design of Table cell borders*/

.htmlarea-showtableborders {
	border: 0.01em solid #000;
}

.htmlarea-showtableborders TR TD {
	border: 0.01em solid #000;
}




/* colour & design of Table cell content*/

.htmlarea-showtableborders TR TD P.bodytext {

}


A.external-link-new-window IMG,
A.external-link IMG,
A.mail IMG {
	border: none;
}

	/* override - default styles for extension "tx_tipafriend_pi" */

	#tx-tipafriend-pi table {
		padding: 10px;
		border: 0.01em solid #999;
	}
	#tx-tipafriend-pi.table.FontSmall {
	 font-size: 9px;
	}
	#tx-tipafriend-pi.BGC1 {
	}
	#tx-tipafriend-pi.BGC2 {
	}
	#tx-tipafriend-pi.BGC3 {
	}
	#tx-tipafriend-pi.Error {
		color: #FFFFFF;
		background-color: #F00;
		font-weight: bold;
	}