/* global styles */
body {
   margin: 0 0 20px 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: .7em;
   text-align: center;
   color: #eeeeee;
   background: #00203c url(/images/mainBG.jpg) no-repeat top;
}
p {
	margin-top: 1.5em;
	padding: 0;
   line-height: 1.3em;
}
a:link, a:active, a:visited {
	color: #f7f1bc;   
	text-decoration: underline;
}
a:hover {
	color: #f7f1bc;
   text-decoration: underline;
}



/* structure */
#container {
	width: 716px;
	margin: 0 auto;
   background-color: #051f37;
}
#head {
   background: url(/images/headerBG.jpg) no-repeat;
   width: 716px;
   height: 153px;
   text-align: left;
}
#head div {
   position: relative;
   left: 22px;
   top: 95px;
}
#content {
   padding: 12px 22px 0 22px;
   width: 670px;
   border-left: 1px solid #2f4559;
   border-right: 1px solid #2f4559;
   text-align: left;
}
#splash {
   width: 670px;
   height: 240px;
   margin: 0 0 20px 0;
}
.cColL, .cColR, .bColL, .bColR {
   float: left;
   margin: 0 20px 0 0;
   width: 325px;
}
.cColR {
   margin: 0;
}
.bColL {
   margin: 24px 20px 0 0;
}
.bColR {
   margin: 24px 0 0 0;
}
#lColL {
   float: left;
   margin: 0 20px 0 0;
   width: 230px;
}
#lColR {
   float: left;
   margin: 0 0 0 0;
   width: 420px;
}
.titleBlock {
   width: 325px;
   height: 30px;
   background: url(/images/titleBarBG.jpg) repeat-x;
   text-align: left;
   margin: 0 0 12px 0;
}
.titleBlock img {
   margin: 12px 0 0 6px;
}
#headerBlock {
   width: 715px;
   height: 70px;
   background: url(/images/titles/titleBG.gif) no-repeat;
   text-align: left;
}
#headerBlock img {
   position: relative;
   top: 47px;
   left: 22px;
}
#content h4 {
   margin: 0;
   padding: 0;
   font-size: 1em;
   color: #90f0f7;
   text-transform: uppercase;
}
#content h5 {
   margin: 0;
   padding: 0;
   font-size: 1em;
   color: #ffffff;
   text-transform: uppercase;
}
.bColHead {
   background: url(/images/cColHeadBG.gif) repeat-x;
   width: 319px;
   padding: 6px 0 6px 6px;
}
.bColL ul, .bColR ul {
   padding-left: 24px;
}
.dividerLine {
   border-bottom: 1px solid #445769;
   margin: 12px 0 20px 0;
}
#photosBox {
   padding: 4px;
   background: url(../images/photosBoxBG.gif) repeat-x;
   margin: 0 0 12px 0;
}
.imgMove {
   padding: 0 4px 0 0;
}

/* news */
.newsBlock, .testBlock {
   margin: 0 0 30px 0;
   float: left;
   text-align: left;
}
.newsBlock h1 {
   margin: 0;
   padding: 0;
   font-size: 1.3em;
   border-bottom: 1px solid #5d6f7c;
}
.newsBlock img {
   float: left;
   margin: 0 6px 6px 0;
   border: 1px solid #656565;
}
.newsBlock p {
   padding: 0;
   margin: 6px 0;
}
.testBlock p {
   font-style: italic;
   margin: 0;
   padding: 0;
}
.testBlock h3 {
   color: #99d0ff;
   margin: 0;
   padding: 0;
   font-size: 1em;
}

/* footer */
#footerBar {
   background: url(/images/footerBar.jpg) no-repeat bottom;
   height: 80px;
   width: 765px;
   margin: 0 auto 12px auto;
}
#footerBar p.fLeft {
   float: left;
   font-size: .9em;
   color: #d1d1d1;
   text-align: left;
   position: relative;
   left: 35px;
   top: 80px;
   margin: 0;
   padding: 0 0 6px 0;
   width: 345px;
}
#footerBar p.fRight {
   float: right;
   font-size: .9em;
   color: #d1d1d1;
   text-align: right;
   position: relative;
   right: 35px;
   top: 80px;
   margin: 0;
   padding: 0 0 6px 0;
   width: 345px;
}
#footerBar a {
   color: #d1d1d1;
   text-decoration: none;
}
#footerBar a:hover {
   text-decoration: underline;
}


/* nav */
#nav {
   width: 716px;
   height: 27px;
   text-align: left;
   color: #ffffff;
   background: url(/images/navBG.jpg) no-repeat;
   line-height: .9em;
   font-size: .9em;
   font-weight: bold;
}
#nav ul  {
   list-style: none;
   margin: 0;
   padding: 8px 0 8px 22px;
}
#nav ul li {
   float: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: inline;
   margin: 0 6px 0 0;
   padding: 0 6px 0 0;
   text-transform: uppercase;
   font-size: .9em;
   font-weight: bold; 
   border-right: 1px solid #648098;
}
#nav ul li a {
   display: block;
   text-decoration: none;
   color: #f0f0f0;
}
#nav ul li a:hover {
   display: block;
   color: #feffb9;
}


/* forms */
form {
	margin: 0;
	padding: 0;
}
form input, form label, form textarea, form select {
	font-size: 1em;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	margin-right: 4px;
}
form label {
	text-align: right;
	width: 150px;
	padding-right: 6px;
}
form textarea {
	margin: 0;
	padding: 0;
	margin-top: 6px;
	width: 240px;
	font-size: 1.1em;
}





/* clearing for the browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */