﻿/********** CSS reset START **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html
{
  overflow: -moz-scrollbars-vertical;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/********** CSS reset END **********/


/********** CSS media START **********/
@media all
{
	.print { display: none; }
}

@media print
{
	.print { display: inline; }
	.dontPrint { display: none; }
}
/********** CSS media END **********/


/********** Basic START **********/
body { font-size: 62.5%; line-height: normal; font-family: Verdana, Sans-Serif; background-color: #CDCDCD; color: #000000; }
a { text-decoration: none; color: #666666; }
h1, h2, h3, h4 { font-weight: 900; color: #00a0c6; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }
p { line-height: normal; padding-top: 4px; padding-bottom: 4px; }
b, strong { font-weight: 900; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.left { float: left; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.right { float: right; }

#wrapper { width: 1024px; position: relative; margin-left: auto; margin-right: auto; text-align: center; }
#content { text-align: left; }
/********** Basic END **********/


/********** Page top START **********/
#pageTop { background: url(Img/PageTop.png) no-repeat; height: 120px; width: 1024px; position: absolute; top: 0; font-weight:900; }

#pageTopHeaders { margin-left: 20px; color: #CDCDCD; width: 780px; position: absolute; z-index: 100; }
#pageTopHeaders a { color: #CDCDCD; }
#pageTopHeader1 { margin-top: 10px; font-size: 24px; }
#pageTopHeader2 { margin-top: 5px; font-size: 18px; }

#pageTopMenu { position: absolute; top: 95px; z-index: 100; margin-left: 15px; font-size: 12px; color: #BBC350; }
#pageTopMenu a { color: #BBC350; padding-left: 5px; padding-right: 5px; }
#pageTopMenu select { margin-left: 5px; margin-top: -3px; position: absolute; font-size: 9px; font-family: Verdana, Sans-Serif; color: #00a0c6; }
/********** Page top END **********/


/********** Page body START **********/
#pageBody { position: relative; padding-top: 122px; clear: both; }
/********** Page body END **********/


/********** Left content START **********/
#leftContent { float: left; width: 157px; }
/********** Left content END **********/


/********** Left menu START **********/
#leftMenu { width: 137px; padding-left: 20px; padding-top: 17px; font-weight: 900; font-size: 12px; }

#leftMenu li a { color: #666666; } /* unselected link */
#leftMenu li.current a { color: #000000; } /* selected level 1 */
#leftMenu li.trail a { color: #000000; } /* selected level 1 if parent */
#leftMenu li.current li a, #leftMenu li.trail li a { color: #666666; } /* unselected level 2 link */
#leftMenu li.trail li.current a { color: #000000; } /* selected level 2 */

#leftMenu li { margin: 0; padding: 0; padding-bottom: 12px; }

#leftMenu ul ul li { padding-left: 10px; padding-top: 2px; padding-bottom: 0px; }
/********** Left menu END **********/


/********** Content Box START **********/
.contentBox { background-color: #FFFFFF; }
.contentBoxTop { width: 867px; height: 20px; background: url(Img/ContentBoxTop.gif) no-repeat; font-size: 0; line-height: 0; }
.contentBoxContent { width: 827px; background: url(Img/ContentBoxContent.gif) repeat-y; padding-left: 20px; padding-right: 20px; padding-bottom: 8px; }
.contentBoxContent
{
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.contentBoxContent ul { list-style: disc; padding-left: 20px; }
#zoneContent { padding-top: 20px; }

.contentBoxBottom { width: 867px; height: 19px; background: url(Img/ContentBoxBottom.gif) no-repeat; font-size: 0; line-height: 0; }
/********** Content Box END **********/


/********** Main content START **********/
#mainContent { float: left; font-size: 12px; font-family: Arial, Sans-Serif; font-weight: normal; }
#mainContent h1 { display: table-cell; padding-bottom: 10px; }
/********** Main content END **********/


/********** Footer START **********/
#footer { padding-top: 10px; font-size: 10px; font-family: Verdana, Sans-Serif; }

#footer h4 { padding-left: 5px; color: #000000; }

#footer .contentBox { margin-top: 5px; }
#footer .contentBox .contentBoxContent
{
  min-height: 0;
  height: auto !important;
  height: 0;
}
#secondFooter { padding-top: 10px; padding-left: 4px; font-size: 10px; font-family: Verdana, Sans-Serif; }
/********** Footer END **********/


/***************************/
/********** Items **********/
/***************************/


/********** Teaser item START **********/
#zoneRecursiveLeft { padding-top: 10px; }

.teaserItem { clear: both; font-family: Arial, Sans-Serif; font-size: 10px; }
.teaserItem .itemHeader { height: 1px; margin-left: 10px; margin-right: 10px; margin-top: 3px; margin-bottom: 3px; background-color: #8C8C8C; font-size: 0; line-height: 0; }
.teaserItem h4 { padding-left: 20px; padding-right: 20px; }
.teaserItem .itemText { margin-top: 2px; padding-left: 20px; padding-right: 20px; }
.teaserItem .itemText a { }
/********** Teaser item END **********/


/********** News item START **********/
.newsItem { clear: both; padding-bottom: 7px; }
.newsItem .itemDate { padding-top: 10px; padding-bottom: 1px; }
.newsItem h3 { }
.newsItem .itemText { padding-top: 3px; }
.newsItem .itemText a { }
/********** News item END **********/