/*************/
/*  CONTENT  */
/*************/

/* PAGETITLE */

.main h1.pagetitle {
	margin:0 0 0.5em 0; 
	padding:1px 0 1px 32px; 
	background: url(../img/icon_pagetitle.gif) no-repeat; 
	background-position:center left; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;
	}

/* HEADING -- Standard icon (1-Column / 2-Column) */

.content h1 {
	margin:0;
	padding:5px 50px 12px 20px;
	border-bottom:solid 1px #666666;
	background: url(../img/icon_celltitle_level1.gif) no-repeat;
	background-position:95% 40%;
	background-color:transparent;
	color:#691212;
	font-weight:bold;
	font-size:220% !important /*Non-IE6*/;
	font-size:200% /*IE6*/;
	}
	
.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {
	margin:0;
	padding:5px 50px 12px 20px;
	border-bottom:solid 1px rgb(215,215,215);
	background: url(../img/icon_celltitle_level1.gif) no-repeat;
	background-position:89.5% 40%;
	color:#691212;
	font-weight:bold;
	font-size:200% !important /*Non-IE6*/;
	font-size:200% /*IE6*/;
}

.content-2col-box-header h1 {
	margin:0;
	padding:5px 50px 12px 20px;
	border-bottom:solid 1px #666666;
	background: url(../img/icon_celltitle_level1.gif) no-repeat;
	background-position:95% 40%;
	color:#691212;
	font-weight:bold;
	font-size:220% !important /*Non-IE6*/;
	font-size:200% /*IE6*/;
	}

.content h2 {
	clear:both; /*Start IE Hack*/
	position:relative;
	z-index:1;
	top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;
	margin: 0 20px 0 20px;
	padding:15px 35px 5px 0;
	border-top:solid 0px rgb(215,215,215);
	background: url(../img/icon_celltitle_level2.gif) no-repeat;
	background-position:right 15px;
	color:rgb(75,75,75);
	font-weight:bold;
	font-size:150% !important /*Non-IE6*/;
	font-size:160% /*IE6*/;
	background-image: url(../img/icon_celltitle_level2.gif);
	}
	
.content h3 {
	margin:1.0em 0 -0.3em 0; 
	padding:0 20px 0 20px; 
	color:rgb(75,75,75); 
	font-weight:bold; 
	font-size:180% !important /*Non-IE6*/; 
	font-size:160% /*IE6*/;
	}
	
.content h3.line {/*Start IE Hack*/ 
	position:relative; 
	z-index:1; 
	top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ 
	margin:0 20px -0.3em 20px; 
	padding:1.0em 0 0 0; 
	border-top:solid 1px rgb(215,215,215);
	}
	
.content h4 {
	margin:1.0em 0 1.0em 0;
	padding:0 20px 0 20px;
	color:rgb(75,75,75);
	font-weight:bold;
	font-size:180% !important /*Non-IE6*/;
	font-size:140% /*IE6*/;
	}
	
.content h5 {
	margin:0;
	text-align:center;
	padding:20px 0 5px 0; 
	color:rgb(0,0,0); 
	font-weight:bold; 
	font-size:180% !important /*Non-IE6*/; 
	font-size:125% /*IE6*/;
	}
	
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* PARAGRAPH TEXT */

.content p {
	margin:1.0em 0 1.0em 0; 
	color:rgb(0,0,0); 
	line-height:1.3em; 
	padding: 0 20px 0 20px; 
	font-size:131% !important /*Non-IE6*/; 
	font-size:115% /*IE6*/;
	}
	
.content p.details {
	margin:-0.2em 0 1.0em 0; 
	line-height:1.0em; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.content blockquote {
	clear:both; 
	margin:0 30px 0.6em 30px; 
	font-size:90%;
	}

/* LIST */

.content ul {
	list-style:none;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: 0em;
	padding-right: 20px;
	padding-bottom: 0em;
	padding-left: 20px;
	}
	
.content ul li {
	margin:0 0 0 2px; 
	padding:0 0 0 12px; 
	background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; 
	line-height:1.3em; 
	font-size:131% !important /*Non-IE6*/; 
	font-size:115% /*IE6*/;
	}
	
.content ol {
	margin:1.4em 0 1.0em 0; 
	padding:0 20px 0 40px !important /*Non-IE6*/; 
	padding:0 20px 0 50px /*IE6*/;
	}
	
.content ol li {
	list-style-type:decimal; 
	list-style-position:outside; 
	margin:0 0 0.3em 3px; 
	line-height:1.3em; 
	font-size:131% !important /*Non-IE6*/;
	font-size:115% /*IE6*/;
	}
	
.content ul.indent {
	padding:0 50px 0 50px;
	}
	
.content ol.indent {
	padding:0 20px 0 70px !important /*Non-IE6*/; 
	padding:0 20px 0 80px /*IE6*/;
	}

/* TABLE (1-Column / 2-Column) */

.content table {
	clear:both; 
	width:400px; 
	margin:2.0em 0 0.2em 20px; 
	table-layout:fixed; 
	border-collapse:collapse; 
	empty-cells:show; 
	background-color:rgb(233,232,244);
	}
	
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {
	clear:both; 
	width:290px; 
	margin:2.0em 0 0.2em 20px; 
	table-layout:fixed; 
	border-collapse:collapse; 
	empty-cells:show; 
	background-color:rgb(233,232,244);
	}

.content table th.top {
	height:3.5em; 
	padding:0 7px 0 7px; 
	empty-cells:show; 
	background-color:rgb(175,175,175); 
	text-align:left; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.content table th {
	height:3.0em; 
	padding:2px 20px 2px 7px; 
	border:solid 2px rgb(245,245,245); 
	background-color:rgb(225,225,225); 
	text-align:left; color:rgb(80,80,80);
	font-weight:bold; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.content table td {
	height:3.0em; 
	padding:2px 7px 2px 7px; 
	border:solid 2px rgb(245,245,245); 
	background-color:rgb(225,225,225); 
	text-align:left; font-weight:normal; 
	color:rgb(80,80,80); 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.content p.caption {
	clear:both; 
	margin:0.5em 0 2.0em 0; 
	text-align:left; 
	color:rgb(80,80,80); 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}


/****************/
/*  SUBCONTENT  */
/****************/

/* HEADING -- Standard icon */

.subcontent h1 {
	margin:0;
	padding:5px 20px 12px 20px;
	border-bottom:solid 1px rgb(0,0,0);
	background:url(../img/icon_celltitle_level1.gif) no-repeat;
	background-position:225px 5px;
	color:#691212;
	font-weight:bold;
	font-size:220% !important /*Non-IE6*/;
	font-size:200% /*IE6*/;
	}
	
.subcontent h2 {/*Start IE Hack*/ 
	position:relative; 
	z-index:1; 
	top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ 
	margin:0 20px 0 20px; 
	padding:15px 35px 5px 0; 
	border-top:solid 1px rgb(215,215,215); 
	background:url(../img/icon_celltitle_level2.gif) no-repeat;  
	background-position:right 15px; 
	color:rgb(75,75,75); 
	font-weight:bold; 
	font-size:180% !important /*Non-IE6*/; 
	font-size:160% /*IE6*/;
	}
	
.subcontent h3 {
	margin:1.0em 0 -0.3em 0; 
	padding:0 20px 0 20px; 
	color:rgb(75,75,75); 
	font-weight:bold; 
	font-size:180% !important /*Non-IE6*/; 
	font-size:160% /*IE6*/;
	}
	
.subcontent h3.line {/*Start IE Hack*/ 
	position:relative;
	z-index:1; 
	top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ 
	margin:0 20px -0.3em 20px; 
	padding:1.0em 0 0 0; 
	border-top:solid 1px rgb(215,215,215);
	}
	
.subcontent h4 {
	margin:1.0em 0 -0.3em 0; 
	padding:0 20px 0 20px; 
	color:rgb(75,75,75); 
	font-weight:bold; 
	font-size:160% !important /*Non-IE6*/; 
	font-size:140% /*IE6*/;
	}
	
.subcontent h5 {
	margin:1.0em 0 -0.6em 0; 
	padding:0 20px 0 20px; 
	color:rgb(75,75,75); 
	font-weight:bold; 
	font-size:140% !important /*Non-IE6*/; 
	font-size:125% /*IE6*/;
	}
	
.subcontent h6 {
	margin:0.4em 0 0.5em 0; 
	padding:0 20px 0 20px; 
	color:rgb(50,50,50); 
	font-weight:normal; 
	font-size:130% !important /*Non-IE6*/; 
	font-size:115% /*IE6*/;
	}

/* HEADING - Special icon */
.subcontent h1.menu {
	background: url(../img/icon_celltitle_menu.gif) no-repeat; 
	background-position:225px 5px;
	}
	
/* PARAGRAPH TEXT */
.subcontent p {
	margin:1.0em 0 1.0em 0; 
	color:rgb(0,0,0); 
	line-height:1.3em; 
	padding: 0 20px 0 20px;
	font-size:131% !important /*Non-IE6*/; 
	font-size:115% /*IE6*/;
	}
	
.subcontent p.details {
	margin:-0.2em 0 1.0em 0;
	line-height:1.0em; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.subcontent blockquote {
	clear:both; 
	margin:0 30px 0.6em 30px; 
	font-size:90%;
	}


	
/* TABLE */

.subcontent table {
	clear:both; 
	width:230px; 
	margin:2.0em 0 0.2em 20px; 
	table-layout: fixed; 
	border-collapse:collapse; 
	empty-cells:show; 
	background-color:rgb(233,232,244);
	}
	
.subcontent table th.top {
	height:3.5em; 
	padding:0 7px 0 7px; 
	empty-cells:show; 
	background-color:rgb(175,175,175); 
	text-align:left; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.subcontent table th {
	height:3.0em; 
	padding:2px 20px 2px 7px; 
	border:solid 2px rgb(245,245,245); 
	background-color:rgb(225,225,225); 
	text-align:left; 
	color:rgb(80,80,80); 
	font-weight:bold; 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.subcontent table td {
	height:3.0em; 
	padding:2px 7px 2px 7px; 
	border:solid 2px rgb(245,245,245); 
	background-color:rgb(225,225,225); 
	text-align:left; 
	font-weight:normal; 
	color:rgb(80,80,80); 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}
	
.subcontent p.caption {
	clear:both; 
	margin:0.5em 0 2.0em 0; 
	text-align:left; 
	color:rgb(80,80,80); 
	font-size:120% !important /*Non-IE6*/; 
	font-size:110% /*IE6*/;
	}



/**********/
/* IMAGES */
/**********/

.main img {
	clear:both;
	float:left;
	margin:0px;
	border:0px none rgb(200,200,200);
	}
	
.main img.center {
	clear:both; 
	float:none; 
	display:block; 
	margin:0 auto; 
	border:solid 3px rgb(200,200,200);
	}
	
.main img.right {
	clear:both; 
	float:right; 
	margin:3px 0 7px 10px; 
	border:solid 3px rgb(200,200,200);
	}

/*********/
/* LINKS */
/*********/

/* Text links */
.main a {
	color:rgb(0,0,0); 
	font-weight:bold; 
	text-decoration:none;
	}
	
.main a:hover {
	/*color:rgb(42,90,138);*/
	text-decoration:none;
	}
	
.main a:visited {
	/*color:rgb(42,90,138);*/
	}

/*Image links */

.project-logo img {
	border:solid 1px #000000;
	}
	
/* Form Elements
----------------------------------------------- */
			
 				#contactform {
                        font-family: verdana;
                        width: 600px;
                }

                #contactform h1 {
                        font-size: 130%;
                }

                #contactform img {
                        border: 0px;
                }

                #contactform .errors {
                        color: #ff0000;
                }

                #contactform .correct {
                        color: black;
                }

                #contactform legend {
                        font-size: 120%;
                        font-weight: bold;
                }

                #contactform .title {
                        color: black;
                        font-weight: bold;
                        font-size: 90%;
                        margin-top: 2px;
                        margin-bottom: 5px;
                }

                #contactform .field {
                        color: black;
                        font-size: 90%;
                        margin-bottom: 7px;
                }

                #contactform .small {
                        font-size: 100%;
                }

                #contactform .thanks {
                        margin-top: 15px;
                        color: green;
                        font-size: 105%;
                        margin-bottom: 15px;
                }