body {
  text-align : center;
	font-family : sans-serif;
	background-color :#F0F0F0;
}

.container {
  max-width : 800px;
	min-height : 600px;
	border : 1px #d0d0d0 solid;
	text-align : left;
	
	margin-left : auto;
	margin-right : auto;
	
	padding : 5px;
	
	background-color :white;
}

.logo {
	text-align : right;
	background-image : url(../images/logo.png);
	background-repeat : no-repeat;
	
	height : 35px;
	
	margin-bottom : 2em;
	
	border-bottom : 0.1em #23903C solid;	
	color : #adbc1c;
	padding-top : 80px;
	font-size : 1.8em;
}

.sidebar {
	float : left;
	width : 150px;
	padding-left : -150px;
	
	margin-top : -3.5em;
  height : 420px;
}

.sidebar .picture {
	text-align : center;
	vertical-align : bottom;
	margin-top : 4em;
}

.heading {
	background-color : #223f8e;
	margin-top : 1em;
	text-align : left;
	/*background-image : url(images/sidebar-top.png);*/
		background-repeat : no-repeat;
	padding-left : 0.4em;

}

.heading a, .heading a:link {
	padding : 2px;
	color : white;
	text-decoration : none;
	font-weight : bold;
	font-size : 0.8em;
}

.subheading {
	display : block;
	background-color: #f0f0f0;
}

.subheading_active {
	display : block;
	background-color: #f0f0f0;
}

.subheading_inactive {
	display : none;
	background-color: #f0f0f0;
}

.subheading_active {
	margin: 0px;
  padding: 0px;
  list-style-type: none;

}

.subheading_active li {
  margin: 0px;
  list-style: none;
	
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left :0px;
}

.subheading_active li a, .subheading_active li a:link, .subheading_active li a:visited {
	background-color: #f0f0f0;
	color: #303030;
	line-height : 1.2em;
	font-size : 0.7em;
	display : block;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 0.8em;
	text-decoration : none;
	border-bottom: 1px solid #dadada;
	font-weight: bold;
}

.subheading_active li a:hover {
	background-color: #606060;
	color : white;
	
}

.main {
	width : 630px;
	float : right;
	padding-left : 1em;
	margin-top : -3em;
	margin-bottom : 2.5em;
	color: #303030;
  font-size : 0.8em;

}

.main .picture {
	width : 204px;
	float : right;
	border : 1px #d0d0d0 solid;
	margin-left : 2em;
	margin-bottom : 2em;
	padding : 2px;
	text-align : center;
	font-size : 0.7em;
	color : #303030;
	font-style : italic;
}

.main .picture_left {
	width : 104px;
	float :left;
	margin-left : 2em;
	margin-bottom : 2em;
	padding : 2px;
	text-align : center;
	font-size : 0.7em;
	color : #303030;
	font-style : italic;
}

.main .break {
	clear : both;
}

.main .padding {
	clear : both;
	margin-bottom : 10em;
}

.main .thumbnail {
	width : 144px;
	height : 109px;
	float : left;
	border : 1px #d0d0d0 solid;
	margin-left : 0.25em;
	margin-right : 0.25em;
	margin-bottom : 2em;
	padding : 2px;
	text-align : center;
}


.main p {
	text-align : justify;
	font-size : 0.9em;
	line-height : 1.3em;
	color: #303030;
	margin-left : 0.5em;
}

.main  ul li {
	text-align : justify;
	font-size : 0.9em;
	line-height : 1.3em;
	color: #303030;
	margin-left : 0.5em;
}

.main  ul {
	margin-left : 0.5em;
	padding-left : 1em;
}


.main h2 {
	background-color : #f0f0f0;
	border-top : 1px solid #d0d0d0;
	border-bottom : 1px solid #d0d0d0;
	color : #303030;
	font-size : 1.4em;
	
}

.main h4 {
	text-align : justify;
	color: #303030;	
	font-size : 1.2em;

}

.main h5 {
	background-color : #f0f0f0;
	border-top : 1px solid #d0d0d0;
	border-bottom : 1px solid #d0d0d0;
	color : #303030;
	font-size : 1.1em;
	
}

.main a, .main a:link, .main a:visited {
	color : #223f8e;
	text-decoration : none;
}

.main a:hover {
	color : red;
	text-decoration : underline;
}

.index_images {
	clear : both;
	vertical-align : bottom;
	margin-top : 2.5em;
	vertical-align : bottom;
}

.index_images .picture_left {
	float : left;
	text-align : left;
	margin-left : 21px;
}

.index_images .picture_right {
	float : right;
	text-align : right;
}

.rounded {
  background-color : white;
	width : 400px;
	height : 540px;
	background-image : url(../images/rounded.png);
	margin-bottom : 2em;

}

.rounded th {
	color: #303030;
  font-size : 0.8em;
	text-align : right;
	width : 130px;
	padding : 1px;
	margin : 0px;
}

.rounded td {
	color: #303030;
	padding : 1px;
	margin : 0px;
  font-size : 0.8em;
}

.rounded td h4 { 
	margin : 0px;
  font-size : 2em;
	text-align : center;
	color: #303030;
}

.rounded td input {
	color: #303030;
	  font-size :1.2em;
}

.rounded td textarea {
	color: #303030;
	font-size :1.2em;
	margin-left : 10em;

}

.rounded td input.button {
	background-color: #606060;
	color : white;
	border : 1px black solid;
}

.footer {
	clear : both;
	background-color : #223f8e;
	vertical-align : bottom;
	
	margin : -4px;
	line-height : 1.2em;

	font-size : 0.6em;
	line-height : 1.2em;
	text-align : center;
	color : white;
}

.left { 
	text-align : left;
}

.right {
	text-align : right;
}

.center {

}