* {
    margin: 0;
    padding: 0;
}
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #63BEE3;
}
div, p, img, a, td, ul, ol {
    font-size: 1em;
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1 {
	font-size: 145%;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #FFFFFF;
}
h2 {
	font-size: 120%;
	color: #FFFFFF;
}
h3 {
	font-size: 130%;
	color: #FFFF99;
	margin-top: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
h4 { font-size: 100%; letter-spacing: .10em }

p { padding: 0 0 1em; }

a, a:link {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC33;
}
a:visited {
	color: #FFFFFF;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
a:hover {
	color: #FFCC33;
	text-decoration: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
a:active {
	color: #FFFFFF;
	border-color: #c33
}
a img {
}
img a:hover {
    border-style: dotted;
	border-color: #6495ED;
}
img {
    border: none;
	 padding: 3px
	
}



ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
	padding-left: 1em;
	margin-bottom: 3px;
	list-style-type: none;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}
#page {
	width: 752px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(../img/contentbg.jpg);
	background-repeat: repeat-y;
}
#header {
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	height: 301px;
	background-position: top;
	margin: 0px;
}
#insideheader {
	margin-left: 0px;
	width: 752px;
	height: 168px;
	background-image: url(../img/ImageheaderDjango.swf);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#insideheader h1 {
	font-size: 220%;
	color: #FFFFFF;
	padding: 10px 0 0 60px;
}


#middlebody {
	background-image: url(../img/middlebody.jpg);
	background-repeat: no-repeat;
	height: 65px;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}
#contentarea {
}
#leftcolumn {
	width: 176px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
	float: left;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	background-color: #0098D4;
}
#leftcolumn h3 {
	background-image: url(../img/sideh3bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 0 5px 28px;
	margin-left: -14px;
	font-size: 120%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #FFFFFF;
}

#footer {
	height: 67px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#infooter {
	width: 600px;
	margin-right: 60px;
	color: #999999;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 66px;
	text-align: center;
	margin-top: 10px;
}

#maincontent {
	padding: 4px;
	margin-left: 210px;
	width: 513px;
	margin-top: 0px;
		padding-left: 24px;
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	height:				300px;
	min-height:			300px;
	background-color: #0098D4;
}

#greyblock {
	width: 465px;
	margin-top: 0px;
	float: right;
	margin-right: 64px;
	height: 200px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#nav {
	height: 110px;
	padding-top:0.8em;

	
}
#bannerbox  {
	top: 80px;
	width: 468px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	background-image: url(../imgs/bg50alfa.gif);
}
#content {
}

    class="ditto_item"

    id="ditto_item_[+id+]"

    class="ditto_pageTitle"

    class="ditto_documentInfo

    class="ditto_introText"