@import url('http://fonts.googleapis.com/css?family=Carme');

.group:after {
  content: "";
  display: block;
  clear: both; }
  
.group {
  zoom: 1; }
  
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 80% Verdana, Helvetica, Arial, sans-serif; }
  
.divider {
	clear: both;
	height: 0;
	font-size: 1%; }

#center {
  text-align: left;
  margin: 0 auto;
  width: 792px;
  background: url(../images/header.jpg) no-repeat top left;
  position: relative;
  min-height: 223px; }
  
#center > .wrapper {
  padding: 100px 0 50px 100px; }
  
#logo, #logo a {
  width: 166px;
  height: 44px; }
#logo {
  background: url(../images/logo.gif) no-repeat top left;
  text-indent: -9999em;
  position: relative; }
  
#logo a {
  position: absolute;
  top: 0; 
  left: 0; }

#navigation {
  padding-bottom: 1em;
  line-height: 1.4em;
  font-size: 1.4em; }
  
#navigation li {
  line-height: 1.4em;
  float: left;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #002447; }
#navigation li.first {
  padding-left: 0;
  border-left: none;
  margin-left: 0; }
#navigation a {
  text-decoration: none;
  color: #A75117; }
  
#navigation a:hover {
  color: #002447; }
#navigation a.active {
  font-weight: bold; }


#navigation, #grid h2 {
  font-family: "Carme", Verdana, Helvetica, Arial, sans-serif; }

#main {
  color: #002447; }
  
.intro {
  border:solid 1px #A75117;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-left: 5px;
  margin-bottom: 15px;
  width: 671px; }
.intro .wrapper {
  padding: 10px 15px; }
  
#grid {
  position: relative;
  width: 872px;
  margin-bottom: 15px; }

#grid .box {
  border:none 0px #000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  position: relative;
  width: 221px;
  height: 166px;
  margin-left: 5px;
  margin-bottom: 5px; }
  
#grid .box.first {
  margin-left: 0; }

#grid h2 {
  background: url(../images/grid/header-background.png) repeat top left;
  color: #fff;  
  position: absolute;
  font-size: 1.2em;
  bottom: 0;
  left: 0;
  padding: 6px 0 6px 6px;
  width: 215px }
  
#grid a {
  color: #fff; }

#grid .box.hover {
  -moz-box-shadow: 4px 4px 11px #000000;
  -webkit-box-shadow: 4px 4px 11px #000000;
  box-shadow: 4px 4px 11px #000000; }

#grid .box .description {
  display: none;
  padding: 1.5em;
  color: #fff; }
#grid .box.active {
  width: 447px;
  height: 337px; 
  background-image: url(../images/grid/box-active-bg.jpg) !important; }
#grid .box.active .description {
  display: block;
  overflow: auto;
  height: 235px; }
#grid .box.active h2 {
  width: 441px; }
  
#grid .box.third.active {
  margin-left: 0; }
  
#grid .box {
  background-repeat: repeat;
  background-color: #A54B1D;
  background-image: url(../images/grid/box-active-bg.gif); }

h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin-bottom: 1em; }

h1 {
	background: url(../images/logo.gif) no-repeat top left;
	height: 44px;
	text-indent: -9999em;
	margin-bottom: 25px; }

h2 {
	font-size: 1.2em;
	font-weight: bold; }

#big_wrapper {
	background: url(../images/header-bg.jpg) no-repeat top left;
	min-width: 760px;
	max-width: 1000px; }

#small_wrapper {
	padding: 110px 0 0 90px; }

a { 
	color: #002447; }
a:hover {
	color: #004881; }

#footer {
	border-top: 1px solid #A75117;
	font-size: 0.8em;
	line-height: 1em;
	padding: 20px 0; }

.wrapper {
	padding:10px; }

#subnavigation a {
  color: #A75117;
  font-weight: bold;
  text-decoration: none; }
#subnavigation a:hover {
  color: #002447; } 

#subnavigation {
	float:right;
	text-align: right;
	width:40%;
	overflow:hidden; }
	
#subnavigation .wrapper {
  padding-top: 0; }

#subnavigation li {
	line-height: 2em; }

/* Forms */
.text {
	padding: 1px;
	border: 1px solid Gray; }
input, select, textarea {
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
select, select.text {
	padding: 0; }
.warning {
	color: #990000; }
form .required {
	font-weight: bold; }
.link_tooltip {
	width: 400px;
	background-color: #003366;
	color: White;
	padding: 5px;
	margin-right: 50px;
	opacity: 0.9; }

/* Text */
a img {
	border: 0; }
a.clean {
	text-decoration: none; }
a.clean:hover {
	text-decoration: underline; }
	
    
#main ul, #main ol, #main blockquote {
    margin-left: 15px; }

#main ul li {
    list-style-type: square; }

#main ol li {
    list-style-type: decimal; }