* { padding : 0; margin : 0;  }
.clear { clear: both; } 
body { background-color:#8094AC; font-family : Arial, Helvetica, sans-serif; font-size : 12px; margin: 10px 0 0 0; } 
#wrap { margin: 0 auto; padding:10px; width:980px; background-color: #ffffff; border: 5px solid #002563; }
#header { width:960px; height:100px; float : left; padding : 10px; margin : 0 0 5px 0; background-color: #002563; }
#picture { float : right; width:325px; padding: 0px; margin: 0 0 0 0; background-color: #ffffff; }
#main { float: left; width:630px; padding: 10px; min-height:480px; background-color: #ffffff; color:#002664; font-family : Arial, Helvetica, sans-serif; font-size: 14px; }
#left { float: right; margin-left: 5px; padding: 10px; width:140px; height:480px; background-color: #610024; }
#right { float: right; width:140px; padding: 10px; height:480px; background-color: #002563; }
#boxes {
    float: left;
    padding:10px 0 15px 0;
	width:980px;
	margin-top: 5px;
	background-color: #002563;
}

.box {
      width: 600px;
      padding: 10px;
      text-align: justify;
      border: 1px solid #ffffff;
	  background-color: #ffffff;
	  color: #002664; 
	  font-size: 12px;	  
	  }

.box1 {
      float: left;
      width: 600px;
      height: 100px;
      padding: 10px;
      text-indent:-8008px;
      text-align: left;
      vertical-align: top;
      border: 1px solid #999000;
	  background-color: #ffffff;
	  color: #002664; 
	  font-size: 12px;	  
	  }
	  
.info { float: right; width: 210px; padding: 10px; margin-left: 10px; text-align: center; border: 1px solid #990000; background-color: #ffffff; }

#leftsidemenu {	width: 140px; margin: 0px; padding: 0; }
#leftsidemenu ul { list-style: none; margin: 1px; padding: 0; }
#leftsidemenu li { margin: 0; padding: 0; list-style-type: none; display: block; color: white; background-color: #002563; }
#leftsidemenu li a { text-decoration: none; padding: 2px 3px; display: block; color: white; background-color: transparent; }
#leftsidemenu a:hover { color: white; background-color: #610024; }

#rightsidemenu {	width: 140px; margin: 0px; padding: 0; }
#rightsidemenu ul { list-style: none; margin: 1px; padding: 0; }
#rightsidemenu li { margin: 0; padding: 0; list-style-type: none; display: block; color: white; background-color: #610024; }
#rightsidemenu li a { text-decoration: none; padding: 2px 3px; display: block; color: white; background-color: transparent; }
#rightsidemenu a:hover { color: white; background-color: #002563; }

#footer { float: left; margin-top: 5px;	width:960px; height:15px; padding:10px;	background-color: #002563; color: #8094AC; font-size: 11px; }
#footer a:visited { color: #8094AC; text-decoration: none; }
#footer a { color: #8094AC; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: none; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
#footerRight { float: right; width: 400px; text-align: right; }
#footerLeft { float: left; width: 444px; text-align: left; }

a.external:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none;}
a.external:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;  text-decoration: none; }
a.external:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;  text-decoration: none; }

.img { border-width: 0px; vertical-align:top; margin-right: 10px; float:left}

.style1 { color: #610024; height: 1px; }
.style2 { border-width: 0;}
.style3 { color: #610024 }



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

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightred;
padding: 5px;
left: -1000px;
border: 1px solid maroon;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

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

form { font-family : Arial, Helvetica, sans-serif; font-size: 13px; background:#eee; margin:20px; padding:10px 20px; width:330px; }
form ol { list-style:none; margin:0; padding:0; }
form li { padding:6px; 	background:#e1e1e1; margin-bottom:1px; }
form li#send { 	background:none; margin-top:6px; }
form label { float:left; width:70px; text-align:right; margin-right:7px; color:#610024; line-height:23px; }
form input,form textarea { padding:4px; font-family : Arial, Helvetica, sans-serif; font-size: 13px; border:1px solid #999999; width:200px; }
form input:focus,form textarea:focus { border:1px solid #666; background:#e3f1f1; }

form li#send button { background:#003366 url(images/form.gif) no-repeat 8px 50%; border:none; padding:4px 8px 4px 28px; 
border-radius:15%; /* Don't expect this to work on IE6 or 7 */
-moz-border-radius:15%;
-webkit-border-radius:15%;
color:#fff;
margin-left:77px; /* Total width of the labels + their right margin */
cursor:pointer;
}

form li#send button:hover { background-color:#610024; }