/* CSS Document */






#search_form {
width:300px;
margin-left:10px;
height:20px;
margin-top:6px;
left: 0px;

}

.form {
border:solid 1px #cccccc;
padding:2px;
font-size:11px;
color:#999999;
height:16px
}

#rightheader {
width:300px;
float:right;
height:100%;
}

#rightheader2 {
width:300px;
float:right;
padding-top:5px;
padding-right:5px;
height:101px;
}

#rightheader3 {
width:300px;
float:right;
padding-top:5px;
padding-right:5px;
height:105px;
text-align:right
}

.clearboth {
clear:both;
height:1px}

#menubar {
width:960px;
height:30px;
}

#menu {
height:30px;
background-color:#003965;
}

#content {
width:1024px;
background-color:#FFFFFF;
margin-bottom:10px;
padding-top:10px

}

#content2 {
width:960px;
min-height:435px

}

#breadcrumb {

width:500px;
float:left;
margin-right:20px;
padding:5px 0px 3px 10px;
color:#666666;
text-align:left;
font-size:10px}


#breadcrumb a{
color:#666666;
text-decoration:none
}

#breadcrumb a:hover{
color:#333333;
text-decoration:none
}


.bluelink {
color:#003965;
text-decoration:none;
}

.bluelink a:hover {
color:#9e005d;
text-decoration:none;
}





#scroll {

width: 98%; height: 300px; color: #003965; font-family: arial; font-size: 12px; text-align: left;  padding: 0px 20px 0px 0px; overflow:auto;

}


.floatright {
float:right;
padding-left:10px;
padding-bottom:10px
}


.floatleft {
float:left;
padding-right:10px;
padding-bottom:10px
}



.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/search-go.gif);
	background-repeat: no-repeat;
}




#latestnews {
width:390px;
height:auto;
background-color:#ffffff;
border:solid 1px #CCCCCC;
margin-bottom:10px;
padding:5px;
margin-top:15px;
background-image:url(../images/corner.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#latestnews  .title {
color:#006F3C;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold
}

#latestnews img{
margin-right:10px;
float:left
}



#latestnews a{
color:#006F3C;
font-weight:bold;
text-decoration:none
}

#latestnews a:hover{
color:#000000;
font-weight:bold;
text-decoration:none
}




#events {
width:390px;
height:auto;
background-color:#ffffff;
border:solid 1px #CCCCCC;
margin-bottom:10px;
padding:5px;
background-image:url(../images/corner.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#events img{
margin-right:10px;
float:left
}


#events  .title {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold
}

#events a{
color:#000000;
font-weight:bold;
text-decoration:none
}

#events a:hover{
color:#000000;
font-weight:bold;
text-decoration:none
}

.viewall {
color:#666666;
font-size:11px;
text-decoration:none;
padding:5px 10px 0px 5px;
text-align:right;
display:block;

}


.viewall a {
color:#666666;
text-decoration:none}

.viewall a:hover{
color:#000000;
font-size:11px;
text-decoration:none}


#footer {
width:1024px;
margin:auto;
clear:both;
background-color:#ECF4F3
}

#footer .content {
float:left;
color:#999999;
font-size:10px;
text-align:left;
padding:3px;
margin-left:10px;
width:1000px;
margin-top:5px;


}

#footer .content a{
color:#999999;
text-decoration:none

}

#footer .content a:hover{

color:#000000;
text-decoration:underline

}

#contact .links {
float:right;
color:#666666;
font-size:11px;
text-align:left;
padding:3px;

}



#lowerfoot {
margin-top:5px; 
padding:5px; 
background-color:#86b2b1;
color:#FFFFFF;
font-size:11px;
text-align:left

}

#lowerfoot a{
color:#FFFFFF;
text-decoration:none

}

#lowerfoot a:hover {
color:#FFFFFF;
text-decoration:underline

}
#contact .links a{

color:#666666;
font-size:11px;
text-decoration:none

}

#contact .links a:hover{

color:#000000;
font-size:11px;
text-decoration:none

}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:auto;
	text-align:center;
	background-color:#ffffff;
	line-height:1.5em
}

a {color:#003b66;
text-decoration:none;
font-weight:bold;

}

a:hover {color:#003b66;
text-decoration:underline;
font-weight:bold;

}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-stretch:narrower;
font-weight:lighter;
color:#003b66;
line-height:1.3em;
margin-top:5px;

}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
color:#666666;
line-height:1.3em;
}

h2 a:link {
font-weight:bold;
color:#666666;
text-decoration:none

}

h2 a:hover {
font-weight:bold;
color:#666666;
text-decoration:none

}


h2 a:visited {
font-weight:bold;
color:#666666;
text-decoration:none

}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003b66;
line-height:1.3em;
margin:0;
padding:0
}


h3 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
line-height:1.3em;
margin:0;
padding:0
}

h3 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#999999;
line-height:1.3em;
margin:0;
padding:0
}


h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-stretch:narrower;
font-weight:lighter;
text-transform:uppercase;
color:#ffffff;
margin:0px;
padding:0px
}



#wrap {
background-color:#FFFFFF;
width:1024px;
margin:auto;


}

#header {
width:1024px;
margin:auto;
height:85px;
background-color:#ffffff
}

#header2 {
width:1024px;
margin:auto;
height:85px;
padding-bottom:10px;
background-color:#ffffff
}

#logo{
padding:0px;
margin-left:0px;
margin-top:10px;
float:left;
text-align:left;
width:300px
}

#logo h1{
padding-top:0px;
color:#003b66;
font-family:Arial, Helvetica, sans-serif;
font-stretch:narrower;
font-size:28px;
margin-bottom:0px;
padding-bottom:5px

}

#logo .smallgrey{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-align:left;
}

#contact{
padding:3px;
width:400px;
margin-right:10px;
margin-top:10px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
float:right
}

.contacts {
color:#666666;
text-decoration:none;
text-align:right;
font-size:13px;
float:right
}


.contacts a{
color:#666666;
text-decoration:none;
text-align:left;
background-image:url(../images/contact.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}

.contacts a:hover{
color:#333333;
text-decoration:none;
background-image:url(../images/contact.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}

.form {
border:solid 1px #cccccc;
padding:2px;
font-size:11px;
color:#999999;
height:16px
}
/* MAIN MENU*/


#mainmenu {
width:1024px;
clear:both;
margin:0;
color:#ffffff;
font-size:12px;
text-align:left;
font-weight:normal;
height:36px;
background-color:#003b66;
font-stretch:semi-condensed;


}

#mainmenu ul {
margin:0px;
padding:5px;
list-style:none;
}

#mainmenu li {
display:block;
float:left;
list-style:none;
border-right:solid 1px #ffffff;
height:26px



}

#mainmenu  a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
display:block;
padding-left:15px;
padding-right:15px;
padding-top:5px;
width:auto;
float:left;



}

#mainmenu  a:hover {
color:#ffffff;
width:auto;
height:24px;
display:block;
font-weight:normal;
text-decoration:underline;
float:left;
}

#mainmenu .current {
color:#ffffff;
width:auto;
height:24px;
display:block;
font-weight:normal;
text-decoration:underline;
float:left;
}

#mainmenu .last {
border:none
}


#bannerhome {
width:1024px;
height:250px;
margin-top:10px;


}

#bannerinternal {
width:1024px;
height:163px;
margin-top:10px;


}

#breadcrumb {
width:1024px;
height:30px;
background-color:#f3f3f5;
}

#breadcrumb .trail {
color:#666666; 
font-size:10px;
text-align:left;
float:left;
padding:5px;
margin-left:10px;

}

#breadcrumb .trail a {
color:#666666;
text-decoration:underline;

}

#breadcrumb .trail a:hover {
color:#333333;
text-decoration:underline;

}

#breadcrumb .tabs {
text-align:left;
float:right;
margin-right:10px;

}




/* LEFT NAVIGATION*/

#leftnavigation {
width:145px;
color:#999999;
font-size:11px;
text-align:left;
}


#leftnavigation ul{
padding:0;
margin:0;
list-style:none
}

#leftnavigation li{

}

#leftnavigation a {
color:#333333;
text-decoration:none;
font-weight:bold;
display:block;
height:auto;
padding:1px 5px 5px 17px;
background-image:url(../images/bullet_blue.png);
background-repeat:no-repeat;
background-position:left;


}
#leftnavigation a:hover {
color:#003b66;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#ffffff;
background-image:url(../images/bullet_blue.png);
background-repeat:no-repeat;
background-position:left;

}

#leftnavigation .current {
color:#003b66;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#ffffff;
background-image:url(../images/bullet_blue.png);
background-repeat:no-repeat;
background-position:left;

}



#leftnavigation  p {
	margin: 0px;
	padding:0px;
}



#content {
width:1024px;
background-color:#FFFFFF;
margin-bottom:7px;
padding-top:10px
}

#lefthome {
width:345px;
float:left;
text-align:left;
padding-top:10px

}


#righthome {
width:345px;
background-color:#FFFFFF;
float:right;
text-align:left;
padding-top:10px



}




#left{
width:145px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
background-color:#FFFFFF;
float:left;
text-align:left;
padding-top:10px;

}


#mid{
width:635px;
margin-left:10px;
margin-top:0px;
padding-left:16px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;
border-left:dotted 1px #CCCCCC;
}

#mid li{
padding-bottom:3px
}


#mid_people{
width:820px;
margin-left:10px;
margin-top:0px;
padding-left:15px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;
border-left:dotted 1px #CCCCCC;




}

#mid_more{
width:780px;
margin-left:5px;
margin-top:0px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;
min-height:200px




}


#mid_gallery{
width:430px;
margin-left:10px;
margin-top:0px;
padding-left:10px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;
border-left:dotted 1px #CCCCCC;



}

#mid_gallery2{
width:530px;
margin-left:10px;
margin-top:0px;
padding-left:10px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;
border-left:dotted 1px #CCCCCC;



}


#midfull{
width:800px;
margin-left:10px;
margin-top:0px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:10px;



}


#mid_home{
width:590px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;


}


#mid_photo{
width:590px;
margin-top:0px;
padding-left:5px;
background-color:#FFFFFF;
text-align:left;
float:left;
padding-top:0px;


}

#right{
width:180px;
background-color:#FFFFFF;
float:right;
text-align:left;
padding-top:10px
}

#right_home{
width: 370px; height: 220px; margin-right:0px; margin-top:10px;
float:right;
text-align:left;
text-decoration:none
}

#right_home a {
color:#86b2b1;
font-weight:bold;
text-decoration:none
}

#right_home a:link{
color:#86b2b1;
font-weight:bold;
text-decoration:none
}

#right_home a:visited{
color:#86b2b1;
font-weight:bold;
text-decoration:none
}

#right_home a:hover {
color:#86b2b1;
font-weight:bold;
text-decoration:underline
}



#right_gallery{
width:400px;
background-color:#FFFFFF;
float:right;
text-align:left;
padding-top:10px
}



#right_people{
width:300px;
background-color:#FFFFFF;
float:right;
text-align:left;
padding-top:10px
}

#latestnews {
width:390px;
height:auto;
background-color:#ffffff;
border:solid 1px #CCCCCC;
margin-bottom:10px;
padding:5px;
margin-top:15px;
background-image:url(../images/corner.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#latestnews  .title {
color:#006F3C;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold
}

#latestnews img{
margin-right:10px;
float:left
}



#latestnews a{
color:#006F3C;
font-weight:bold;
text-decoration:none
}

#latestnews a:hover{
color:#000000;
font-weight:bold;
text-decoration:none
}




#events {
width:390px;
height:auto;
background-color:#ffffff;
border:solid 1px #CCCCCC;
margin-bottom:10px;
padding:5px;
background-image:url(../images/corner.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#events img{
margin-right:10px;
float:left
}


#events  .title {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold
}

#events a{
color:#000000;
font-weight:bold;
text-decoration:none
}

#events a:hover{
color:#000000;
font-weight:bold;
text-decoration:none
}

.viewall {
color:#666666;
font-size:11px;
text-decoration:none;
padding:5px 10px 0px 5px;
text-align:right;
display:block;

}


.viewall a {
color:#666666;
text-decoration:none}

.viewall a:hover{
color:#000000;
font-size:11px;
text-decoration:none}


#footer {
width:1024px;
margin:auto;
clear:both;
background-color:#ECF4F3
}

#footer .content {
float:left;
color:#333333;
font-size:10px;
text-align:left;
padding:3px;
margin-left:10px;
width:1000px;
margin-top:5px;


}

#footer .content a{
color:#333333;
text-decoration:none

}

#footer .content a:hover{

color:#000000;
text-decoration:underline

}

#contact .links {
float:right;
color:#666666;
font-size:11px;
text-align:left;
padding:3px;

}



#lowerfoot {
margin-top:5px; 
padding:5px; 
background-color:#86b2b1;
color:#FFFFFF;
font-size:11px;
text-align:left

}

#lowerfoot a{
color:#FFFFFF;
text-decoration:none

}

#lowerfoot a:hover {
color:#FFFFFF;
text-decoration:underline

}
#contact .links a{

color:#666666;
font-size:11px;
text-decoration:none

}

#contact .links a:hover{

color:#000000;
font-size:11px;
text-decoration:none

}



/* DIVIDERS*/

.clear {
clear:both}

.divider {
width:100%;
height:10px;
}

.dividerclearboth {
width:100%;
height:10px;
clear:both
}

.dividerclearboth15 {
width:100%;
height:15px;
clear:both
}
.greyline {
width:100%;
height:10px;
border-top:dotted 1px #999999
}


/* OTHER */

.floatright {
float:right;
padding-left:10px;
padding-bottom:10px
}

.floatleft {
float:left;
padding-right:10px;
padding-bottom:10px
}


.floatleftlogo {
float:left;
padding-right:10px;
padding-bottom:0px
}

/* quick links*/

#quicklinks{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333
}



#quicklinks .title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
padding-bottom:2px;
margin-bottom:2px;
color:#003b66
}

#quicklinks .box {
float:left;
margin-right:15px;
padding:2px;
width:auto;
color:#333333

}

#quicklinks ul{
padding:0;
margin:0;
list-style:none;
color:#333333
}

#quicklinks li{
margin-bottom:0px;
padding-left:2px;
color:#333333



}

#quicklinks a {
color:#333333;
text-decoration:none;
font-weight:normal;
height:auto;
padding:1px 1px 1px 15px;
background-image:url(../images/bullet_black.png);
background-repeat:no-repeat;
background-position:left;


}
#quicklinks a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
background-image:url(../images/bullet_black.png);
background-repeat:no-repeat;
background-position:left;

}

#quicklinks .current {
color:#000000;
text-decoration:none;
font-weight:normal;
background-image:url(../images/bullet_black.png);
background-repeat:no-repeat;
background-position:left;

}



#topbutton  a{
color:#FFFFFF;
text-decoration:none
}

#topbutton a:hover{
color:#FFFF00;
text-decoration:none;
}


#date {
float:left;
 padding-right:5px}
 
 
#search {
float:right;
 padding-right:0px}
 
#topbutton {
background-color:#003b66;
color:#FFFFFF;
padding:2px 5px 2px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-right:5px;
margin-left:5px;
float:left;
height:18px}

#sidebox1 {
width:345px;
height:245px;
background-image:url(../images/sideimage2.jpg);
background-repeat:no-repeat;
}

#sidebox2 {
width:345px;
height:245px;
background-image:url(../images/whatsnew.jpg);
background-repeat:no-repeat;
}

.toplayer {
height:130px;
width:345px;
display:block}

.bluebox{
width:325px;
height:95px;
padding:10px;
color:#FFFFFF;
font-size:12px;
text-align:left;
line-height:1.3em;
background-color:#1352A1;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
  }
  
  .bluebox a{
  color:#FFFFFF;
  text-decoration:underline

}

  .bluebox a:hover{
  color:#FFCC00;
  text-decoration:none

}


.redbox{
width:325px;
height:95px;
padding:10px;
color:#FFFFFF;
font-size:12px;
text-align:left;
line-height:1.3em;
background-color:#3B8A8C;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  }
  
  .redbox a{
  color:#FFFFFF;
  text-decoration:underline

}

  .redbox a:hover{
  color:#FFCC00;
  text-decoration:none

}