/* CSS Document */
body
{margin:0; padding:0; background:#ED23BB url(../images/bg_body.gif); font-family: Geneva, Arial, Helvetica, sans-serif; color:#333333; font-size: 80%;}

/* HEADER STUFF */
#divHeader
{width: 760px; margin: 0 auto; background-image:url(../images/bg_header.gif); height:160px; position:relative; border-left: solid 1px #CA0098; border-right: solid 1px #CA0098;}

#divLogo
{height: 125px; width:220px; margin: 0; position:absolute; bottom:0;}

img
{display:block; border:0}

.headerTelNo
{color:white; font-size: 120%; font-weight: bold; margin-right: 10px; margin-top: 10px;}

/* CONTAINER STUFF */
#divContainer
{width: 760px; margin: 0 auto;}

#divMenu
{float:left}

#divImage
{float:left}

#divCopy
{float:left; clear:both; background: white url(../images/bg_copy.gif) top left repeat-y; width: 760px; border-top: solid 1px #CA0098;}

#copyContainer
{margin: 25px; margin-bottom: 0;}

#colLeft
{width: 340px; float:left; text-align:justify;}

#colRight
{width: 340px; float:left; text-align:justify; margin-left: 30px;}


/* FOOTER STUFF */
#divFooter
{width: 760px; margin: 0 auto; clear:both;}

/* ELEMENT STYLES */

.inPageImage
{
border: 1px solid #CA0098; margin-bottom:0;
}

h1
{
font-size: 120%;
}

.gatewayContainer
{background-color:#FFC2F0; width: 200px; float:left;}

.gatewayImg
{margin: auto; border: 1px solid #FF78DE;}


/* FORM STYLES */
input, textarea
{width: 200px; border: 1px solid #FF78DE;}

.btn
{width:50px; background-color:#FFC2F0;}

legend
{font-size: 120%; color:#CA0098; font-weight: bold;}

/* IMAGE ROLLOVER */

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

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

.thumbnail img{
margin: 0 2px 5px 0;
float:left;
}

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

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px solid #CA0098;
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: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}