body {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#000;
 text-align:left;
 background-color:#666633;
 line-height:18px;
}
body,html {
  padding:0 0 10px 0;
}
* {
 margin:0;
 padding:0;
}
img {
 border:0;
}

.float-right{
 float:right !important;
}
.float-left{
 float:left;
}

.text-right {
 text-align:right;
}
.text-left {
 text-align:left;
}
.text-center {
 text-align:center;
}
.center {
 text-align:center;
}

.clearBoth {
 clear:both; 
}

.left-image{
 margin:0 15px 10px 0;
 float:left;
}
.right-image{
 margin:0 0 10px 15px;
 float:right;
}

.display-inline{
 display:inline;
}
.inline {
}
.inline li {
 display:inline;
}



/* HEADLINES
----------------------------------------------- */


h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 color:#000;
 padding:.2em 0 .2em 0;
}

h1 {font-size: 22px; line-height:26px;}
h2 {font-size: 18px; line-height:22px;}
h3 {font-size: 16px; line-height:20px;}
h4 {font-size: 14px; line-height:18px;}
h5 {font-size: 12px; line-height:16px;}
h6 {font-size: 10px; line-height:14px;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
 color:#0d5992;	
}


/* LISTS */

ul {
 list-style-type:none;
}

ol {
 margin: .5em .5em 1.5em;
}

ol li {
 margin-left: 2em;
 padding-left: 0;
 background: none; 
 list-style-type: decimal;
}


/* TYPOGRAPHY
----------------------------------------------- */

a {
 text-decoration: underline;
 outline:none;
 color:#663333;
}
a:hover {
 text-decoration: none;
 outline:none;
 color:#663333; 
}

p {
 line-height:18px;
 margin:0 0 10px 0;
 font-weight:normal;
}
.required {
 color:red;
}



/* FRAMEWORK
----------------------------------------------- */

body.width-thin div#sitecontainer {
 width: 780px;
}

body.width-wide div#sitecontainer {
	background-image:url('/images/shadow.gif');
	background-repeat:repeat-y;
	width:960px;
	margin:0 auto;
	padding:0 10px;
}

body.width-fluid div#sitecontainer {
 width: 100%;
}
div#sitecontainer {
 margin: auto;
}

#bottom-image 
{
	background-image:url('/images/footer.gif');
	background-repeat: no-repeat;
	width:980px;
	margin:0 auto;
	height:10px;
}
#mainarea{
 background-color:#dcdcb4;
 height:100%;
 overflow:hidden;
 clear:both;
}
#header{
 height:100%;
 overflow:hidden;
 clear:both;
}
#logo 
{
 height:100%;
 overflow:hidden;
 clear:both;
 background-image:url('/images/header.jpg');
 background-repeat:no-repeat;
 width:960px;
 height:120px;
}	

#clickable 
{
 position:absolute;
 cursor:hand;
 cursor:pointer;
 width:660px;
 height:120px;
}

/* header text */

#header-text 
{
	position:absolute;
	top:0;
	margin:10px 0 0 670px;
	width:260px; /* should be 280px but - padding */
	height:80px; /* should be 100px but - padding */
	padding:10px;
	color:#fff;
}
#header-text h1 
{
	color:#fff;
	font-weight:normal;
	font-size:16px;
	line-height:normal;
	padding:0 0 5px 0;
	margin:0;
}
#header-text h2 
{
	color:#fff;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
	padding:0;
	margin:0;
}


/* content + sidebar for fromtpage */

#frontpage 
{
	 padding:10px 0;
}

#frontpage #content
{
	width:440px;
	_width:430px;
	float:left;
	padding:0 20px;
}
#frontpage #sidebar{
	width:440px;
	_width:430px;
	float:right;
	padding:0 20px;
}
#frontpage #content-wide {
 width:920px;
 padding:0 20px;
 _padding:0 19px;
}
/* content + sidebar for subgpages */
#subpage
{
	background-image:url('/images/bgsubpage.gif');
	background-repeat:repeat-y;
	background-color:#dcdcb4;
	height:100%;
	overflow:hidden;
	clear:both;
}

#subpage #content
{
	width:620px; /* 660px without padding */
	_width:610px;
	float:left;
	padding:10px 20px;
}
#subpage #sidebar 
{
	width:260px; /* 300 without padding */
	_width:260px;
	float:right;
	padding:10px 20px;
	_padding:10px 10px 10px 0;
}

.sidebarelement {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.element {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.clearElement 
{
	height:100%;
	overflow:hidden;
	clear:both;
}

/* NAVIGATION
----------------------------------------------- */

#topmenu {
 float:left;
 line-height:normal;
 font-size:12px;
 background-color:#663333;
 width:100%;
 clear:both;
}
#topmenu ul {
 margin:0;
 list-style:none;
}
#topmenu li {
 display:inline;
 margin:0;
 padding:0;
}
#topmenu a 
{
 color:#fff;
 float:left;
 margin:0 1px 0 0;
 padding:0 0 0 5px;
 text-decoration:none;
}
#topmenu a span {
 float:left;
 display:block;
 padding:5px 15px 4px 10px;
 color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {
 color:#fff;
}
#topmenu a:hover {
 background-color:#966767;
}
#topmenu a:hover span {
} 

/* MISC
----------------------------------------------- */


#switchlayout {
  text-align:center;
  margin:20px 0;
  background-color:#fff;
}
#switchlayout img {
  vertical-align:middle;
}


/* FOOTER 2 */


#footer 
{
 width:960px;
 margin:0 auto;
 padding:0;
 
 height:100%;
 overflow:hidden;
 clear:both;
 color:#dcdcb4;
}
#footer a 
{
	 color:#dcdcb4;
}
#footer a:hover 
{
	 color:#dcdcb4;
}
#footer .hline 
{
	 border-top:1px #999972 solid;
	 padding:5px 0;
}
#footer p {
 margin:;0
 padding:0 0 0 10px;
}

#footer img {
 vertical-align:middle;
 padding:0 0 0 4px;
}
#footer ul {
 margin:0;
 padding:0;
 float:left;
 display:inline;
}
#footer ul li {
 display:inline;
}
#footer ul li a {
 text-decoration:none; 
 margin:0 15px 0 0;
 color:#dcdcb4; 
}
#footer ul li a:hover {
 text-decoration:underline;
}


/* error panel for contact form validation */
.negativepanel{
	font-style:italic;
	color:Black;
	background-color:#ffe8e8;
	border:3px solid #cd1919;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;

}
.negativepanel h2{
	border:none;
}
.negativepanel ul{
	list-style:inside;
}
/* OK panel for contact form validation */
.positivepanel{
	font-style:italic;
	color:Black;
	background-color:#f5ffd8;
	border:3px solid #86ad1a;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
}

.positivepanel h2{
	border:none;
}

.positivepanel ul{
	list-style:inside;
}

#pnghack_for_ie{
	width: 48px;
	height: 48px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/newsletter.png', sizingMethod='scale');
}
.pngfix {
	behavior: url(/htc/iepngfix.htc);
}