body{
background-color: white;
margin:0;
padding:0;
}

p {
font: 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
font-weight: normal;
line-height: 16px;
text-align: left;
color: #333;
padding: 0;
margin: 0;
}

p a:link, p a:visited{
font: bold 12px/16px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
color: #7ea1af;
//background:#FFFFFF;
text-decoration: none;
text-transform:none}

p a:hover, p a:active{
font: bold 12px/16px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
color: #DE944B;
//background:#FFFFFF;
text-decoration: none;
text-transform:none}


p.small {
font: 11px/13px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
font-weight: normal;
color:#12333E;
line-height: 11px;
text-align: center;
}

h1 {
color: #DE944B;
font: bold 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-transform: uppercase;
text-decoration: none;
line-height: 16px;
text-align: left;
padding: 0;
margin: 0;
cursor:auto;
}

h1 a:link, a:visited, a:hover, a:active{
color: #F00;
font: bold 12px/16px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-transform: none;
text-decoration: none;
text-align: left;
padding: 0;
margin: 0;
text-decoration: none;
cursor:auto}


/* style for text in the coloured block*/

h2{
padding: 2px;
margin: 0;
margin-bottom: 7px;
background: #ffffff;
color: #12333E;
font: 800 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-decoration: none;
line-height: 14px;
text-align: left;
}

h2 a:link, h2 a:active, h2 a:visited{
padding: 2px;
margin: 0;
margin-bottom: 7px;
background: #ffffff;
color: #12333E;
font: 800 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-decoration: none;
line-height: 14px;
text-align: left;
}

h2 a:hover{
padding: 2px;
margin: 0;
margin-bottom: 7px;
background:#ffffff;
color: #DE944B;
font: 800 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-decoration: none;
line-height: 12px;
text-align: left;
}

/* style for announcement on index page*/
h3 {
color: #12333E;
font: 900 17pxArial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
text-transform: uppercase;
text-decoration: none;
line-height: 120%;
text-align: center;
padding: 0;
margin: 0;
}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 140px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

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

#contentcolumn{
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
background: #FFF;
}

#footer{
clear: left;
width: 100%;
background: #FFF;
color: #3C6B7F; /*colour of link on the bottom*/
text-align: center;
padding: 4px 0;
border:0;
border-top:1px #3c6b7e solid;
width:1000px;
margin: 0 auto;
}

#footer a{
color: #3C6B7F;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
height:auto;
}

//blue menu styles

#ddblueblockmenu{
border: 0px solid #FFF; /* blue-grey block D0DBDF*/
border-bottom-width: 0;
width: 170px;
height:100%;
//background-color: #D0DBDF;
text-align: left;
text-transform: none;
letter-spacing: 0px;
}



#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Arial,'Trebuchet MS', 'Lucida Grande', sans-serif;
text-align: left;
text-transform: none;
letter-spacing: 0px;
//height:auto;
}

#ddblueblockmenu li a{
display: block;
padding: 4px 0;
padding-left: 12px;
width: 151px; 
height:15px;
/*185px minus all left/right paddings and margins*/
text-decoration: none;
text-transform: none;
color: #7EA1AF;
font: bold 12px Arial,'Trebuchet MS', 'Lucida Grande', sans-serif;
background-color: #FFF;
border-bottom: 1px solid #7ea1af;
border-left: 7px solid #7ea1af;
}

#ddblueblockmenu li.bluelink a{
display:block;
color: #fff;
padding: 4px 0;
padding-left: 12px;
height:15px;
background-image: url('graphics/grad_dark.jpg');
background-repeat: repeat y;
font: bold 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
border-bottom: 1px solid #7ea1af;
border-left: 7px solid #3C6B7F;
}


#ddblueblockmenu li.bluelink a:visited {
color: #fff;
height:15px;
background-image: url('graphics/grad_dark.jpg');
background-repeat: repeat y;
font: bold 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
border-bottom: 1px solid #7ea1af;
border-left: 7px solid #3C6B7F;
}

#ddblueblockmenu li a:active, a:hover{
background-color: #EAF3F7;
border-left-color: #7ea1af;
height:15px;
background-image: url('graphics/grad_light.jpg');
background-repeat: repeat y;
font: bold 12px Arial,'Trebuchet MS', 'Lucida Grande', sans-serif;

}

/* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:visited {
color: #7EA1AF;
background-color: #FFF;
border-bottom: 1px solid #7ea1af;
border-left: 7px solid #7ea1af;
font: bold 12px Arial,'Trebuchet MS', 'Lucida Grande', sans-serif;
text-decoration: none;
}


#ddblueblockmenu div.menutitle{
display:block;
color: #fff;
height:15px;
width:151px;
border-bottom: 1px solid #3C6B7F;
padding: 6px 0;
padding-left: 20px;
background-image: url('graphics/grad_dark.jpg');
background-repeat: repeat y;
font: bold 12px Arial, 'Trebuchet MS', 'Lucida Grande', 'sans-serif';
}


div.img1 {
  margin: 1px;
  border: 1px solid #CADCE4;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
	
div.img1 img {
  display: inline;
  margin: 3px;
  border: 0px solid #3C6B7F;
}

div.img1 a:hover img {border: 1px solid #3C6B7F;}

div.desc {
  text-align: center;
  font: normal 9px Arial,'Trebuchet MS', 'Lucida Grande',sans-serif;
  width: 120px;
  margin: 2px;
}

img.line {
height:2px;
margin-left:-6px;
width:100%;
margin-bottom:6px;
}


div.column{
  border: 0;
  width: 280px;
  height: auto;
  float: left;
}


div.columndouble{
  border: 0;
margin: 0 10px 0 0;
  width: 440px;
  height: auto;
  float: left;
}

img.column{
float: left;
margin-right: 3px;
padding: 0px;
border: 2px solid white;
text-align: left;}

img.center{
margin-right: 3px;
padding: 0px;
border: 2px solid white;
text-align: center;}


div.screen{
position: absolute;
display: block;
top: 100px;
left: 100px;
z-index: -20;
background-color: #3C6B7F;
width: 200px;
height: 20px
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
width: 336px;
height: 600px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
border: 0px solid #CADCE4;
padding: 2px;
}

.thumbnail:hover{
background-color: transparent;
border: 0px solid #f60;
}

.thumbnail:hover img{
border: 0px solid #3C6B7F;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
//left: -1100px;
border: 0px solid #CADCE4;
visibility: hidden;
color: black;
//width: 336px; 
/*this width allows full length lines for 	discription"*/
text-decoration: none;
text-align: left;
font: 12px arial;
font-weight: normal;
line-height: 12px;
text-align: left;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}
/*width: 300px; now it's the real width*/

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 349px; 
/*position where enlarged image should offset horizontally */
z-index: 50;
}