@charset "utf-8";
/* CSS Document */

/* =============== Basic =============== */
body
{ 
   background:#C2D2DA url("../images/bg.gif") repeat-x;
   font-family: Trebuchet MS, Tahoma, Verdana, georgia, arial;
   font-size: 70%;
   margin: 0; 
   padding: 0; 
   padding-top:10px;
}

*
{
   padding:0;
   margin:0;
}

h1
{
   font-size: 125%; 
   text-align:left; 
   color: #211d70; 
   padding: 1em 0 0.75em 0; 
   text-transform: uppercase;
}

h2.date
{
   color: #75b2ed; 
   font-size:90%; 
   padding-top: 1em;
}

h2
{
   font-size: 115%; 
   text-transform: uppercase;
}

h3
{
   text-transform: uppercase;
   font-size: 110%;
}

#leftcol table, #rightcol2 table
{
  width:90%;
  background-color:#06153e;
  color: #fff;
  font-weight:normal;
  filter: Alpha(Opacity=60);
  padding-top: 5px;
  padding-bottom: 5px;
}

#gallery table{
 filter: Alpha(Opacity=100);
 background-color:transparent;
 width:90%;
}

#leftcol td, #rightcol2 td
{
  padding-left: 5px;
  padding-right: 5px;
}

#leftcol H1, #rightcol2 H1
{
  background: transparent url("../images/h1-content.gif");
  background-repeat:no-repeat; 
  background-position: left bottom;
}

#address
{
   float: left;
   width: 100%;
}

#address2
{
   color: #000;
   padding-left:5px;
   width:90%;
}

#address H1, #news H1 
{
  background: transparent url("../images/h1-rightcol.gif");
  background-repeat:no-repeat;
  background-position: left bottom;
}

#address2 H1
{
   color:#fff;
}

#news li
{
  list-style-image: url("../images/li.gif");
}

#news ul
{
  margin-left:15px;;
}

#news .more a
{
 text-align: right;
 font-weight: bold;
}

/* =============== LAYOUT =============== */

#container
{  
   width: 950px; 
   height: 645px;
   background-color: #ffffff;
   text-align: center;
   margin: 0 auto; 
   /* border: 1px solid #ff0000; */
}

#subcontainer
{ 
   background-color: #ffffff;
   border: 20px solid #FFF;
   width: 910px;
   text-align: left;
}

/* =============== HEADER =============== */

#header
{
   width:100%;
   height:163px;
}

.rotator
{
  float:right;
  width:650px;
  height: 163px; 
}

.logo
{
  float:left;
}

/* =============== CONTENT =============== */

#rand
{
   width: 100%;
   height: 35px;
   background: #ffffff url("../images/bgpage.jpg") repeat-x;
}

#cornerflag
{
   position: absolute;
   width: 150px;
   height: 150px;
   margin-left: 800px;
   background-image: url(../images/cornerflag.png);   
   z-index:9999;
}

#content
{
   width:100%;
   border-left:1px solid #e7e8e5;
   border-right:1px solid #e7e8e5;
   /* border: 1px solid #ff0000; */
}

#homecontent
{
   width: 630px;
}

#homecontent h1
{
   margin-bottom: 10px;
}

#leftcol, #leftcol2, #rightcol, #rightcol2
{
   float: left;
}

#rightcol img, #rightcol2 img, #leftcol img, #leftcol2 img
{
  padding: 3px;
  border: 1px solid #f4f5f8;
}

#leftcol
{
   background: transparent url("../images/bg-content.jpg") no-repeat;
   width: 650px; 
   height: 375px;
   margin: 20 0 0 0;
   color: #002951; 
   padding-left: 20px;
   padding-right: 20px;
   word-wrap: normal;
   overflow: auto;
}

#rightcol
{
   width: 200px;
   height: 375px;
   float: right;
   /*background: transparent url(../images/bg-right.gif); */
   color: #06153E; 
   font-size: 90%; 
   overflow: hidden;
   padding-left: 10px;
   border-left: 1px solid #e8e9ec;
   border-right: 1px solid #fff;
   /* border: 1px solid #0000ff; */
}

#leftcol2
{
   width: 200px;
   height: 375px;
   float: left;
   color: #06153E; 
   font-size: 90%; 
   overflow: hidden;
   padding-left: 10px;
   border-left: 1px solid #e8e9ec;
   border-right: 1px solid #e8e9ec;
   /* border: 1px solid #0000ff; */
}

#rightcol2
{
overflow: auto;
   background-color:transparent;
   background-image: url("../images/content-bg.jpg");
   background-repeat: no-repeat; 
   /*background-attachment: fixed;*/
   background-position: left top;
   margin: 20 0 0 0;
   width: 650px; 
   height: 375px;
   color: #002951; 
   padding-left: 20px;
   padding-right: 20px;
   word-wrap: normal;
   
}

#rightcol a, #rightcol2 a
{
   color: #B8B8B8;
}
#rightcol2 td a{
 color: #fff;
}

/* =============== FOOTER =============== */

#footer
{
   background: #06153E url(../images/back.gif) repeat-x; 
   text-align:right;
   height:32px;
   color: #fff; 
   font-size: 95%; 
   clear: both;
   line-height: 30px;
}

#footer a, #footer p, #footer table, #footer td
{
   color:#fff;
   font-size: 10px;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   text-transform: uppercase;
}

/* =============== LINKS =============== */
a 
{
   color:#334162;
   font-weight: bold;
   text-decoration: underline;
}
	
a:hover
{
   color:#BBCBD4;
   text-decoration: none;
 /*text-decoration: underline;*/
}
	
a img 
{
   border: none;
}

#news
{
   float: left;
   width: 100%;
   margin-top: 15px;
}

#news a
{
  color:#06153E;
  text-decoration:none;
  font-weight:normal;
}

#news a:hover
{
 text-decoration:underline;
}

/* =============== MENU =============== */
img{ border: 0pt; }

#nav 
{
   float:left;
   font:normal 12px 'Trebuchet MS','Arial';
   margin:0;
   padding:0;
   width: 100%;
   background-image:url("../images/back.gif");
   background-repeat:repeat-x;
}

#nav ul 
{
   float:left;
   line-height:32px;
   list-style:none;
   margin:0;
   padding:0 10px 0 10px;
}

#nav li 
{
   display:inline;
   padding:0;
}

#nav a 
{
   color:#FFF; /* need because it will use default link color */
   float:left;
   padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
   text-decoration:none;
}

#nav a span 
{
   display:block;
   float:none;
   padding:0 10px 0 7px;
}

#nav a span img 
{
   border:none;
   margin:8px 4px 0 0;
}

a.active{
   background: url("../images/left.png") no-repeat left center;
}

#nav a.active span{
   background: url("../images/right.png") no-repeat right center;
   color: #000000;
}

/* show picture when mouse over link */
#nav a:hover
{
   background: url("../images/left.png") no-repeat left center;
}

#nav a:hover span 
{
   background:url("../images/right.png") no-repeat right center;
   color: #000000;
}

#nav a.right 
{
   float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/* =============== SUBMENU =============== */
#subnav 
{
   float:left;
   width: 100%;
   font:normal 12px 'Trebuchet MS','Arial';
   margin:0;
   padding:0;
}

#subnav ul 
{
   z-index:99;
   filter: Alpha(Opacity=92);
   width:175px;
   line-height:30px;
   list-style:none;
   margin-top: 10px;
   margin-bottom: 10px;
}

#subnav ul li
{
   background-image:url("../images/back-submenu.gif");
   background-repeat:no-repeat;
   background-position:center;
}

#subnav ul li a
{
   float: none;
   display: block;
   color: #000;
   text-decoration: none;
   text-align:left;
   width:175px;
}

#subnav ul li a span
{
   padding-left: 10px;
}

#subnav ul li ul 
{
   margin-top: -18px;
   margin-left: 100px;
}

#subnav ul li a:hover
{
   background-image:url("../images/back-submenu-hover.gif");
   background-repeat:no-repeat;
   background-position:center;
}

/*=================SITEMAP================*/
#rightcol2 ul li ul li
{
   margin-left:10px;
   padding-left:5px;
}
#rightcol2 ul li a
{
 color:#02044D;
 text-decoration:none;
}
#rightcol2 ul li a:hover
{
 text-decoration:underline;
}

/* =============== FORMS =============== */

form fieldset{
	background-color:transparent;
	
	border-width:0px;
	border-style:solid;
	margin:20px 0px 20px 0px;
	padding: 0px 10px 10px 10px;
}
.specialtext{
   display:none;
}


/* =============== SEARCH =============== */

#search
{
   float: right;
   color:#C9C7C4;
   margin-top: 5px;
   margin-right: 5px;
}

.searchfield
{
   color: #06153E;
   background-image:url('../images/bg-search.gif');
   /*background-color:#eae7e3;*/
   background-color:transparent;
   background-repeat:no-repeat;
   width: 100px;
   height: 20px;
   border: none;
}

#searchbutton
{
   color: #06153E;
   background-image:url('../images/bg-search-button.png');
   background-color:transparent;
   background-repeat:no-repeat;
   height: 20px;
   width: 53px;
   border: none;
   margin-left: 2px;
}

#searchbutton:hover
{
   cursor: pointer;
}

#searchresults
{
   width: 100%;
}

#searchresults a
{
   color: #ffffff;
}