body {
    font-family:  Verdana, Arial, geneva, 'lucida sans unicode', 'lucida grande', sans-serif;
    padding-top: 2%;
    background-image: url('../images/body-background.gif');
}

h2 {
	font-family: Verdana, Arial, geneva, 'lucida sans unicode', 'lucida grande', sans-serif;
	font-size: 16px;
	color: #1a1a1a;
	margin: 0px;
}
p {
	color: #666;
	font-size: 10px;
	margin:  0px 0px 20px 0px;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
}

a {
    text-decoration:none;
    color:#666;
}

a:hover {
    color:black;
}

.bottomlinks {
    font-size:0.8em;
    color:#666;
}

.footertext {
    font-size:0.7em;
    color:#009999;
}

.sidebarheader {
   color:white;
   background: #008AB0;
}




 /* Set up the default font and overall size to include image */
.menu {  
    padding-top: 30px; 
    font-size:0.8em;
}

/* get rid of the default padding - margin and bullets */
.menu ul {
    padding:0; 
    margin:0;
    list-style-type: none;
    height: 38px;
    width: 590px;
}

/* make menu horizontal */
.menu ul li {
    float:left;
    position:relative;
    top: 0px;
    left: 0px;
    width: 140px;
    z-index:2; 
}

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
    display:block; 
    text-decoration:none; 
    height: 40px;
    width: 130px; 
    color:#888; 
    padding-top:10px;
    padding-left:10px;
    padding-right:30px; 
    line-height:2em;
    margin: 0px 0px 0px -1px;
}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
    width:130px;
    w\idth:130px;
}

/* hide the drop down menu */
.menu ul li ul {
    display: none;
}

/* remove all table style so that it does not interfere with the menu */
.menu table {
    margin:-1px; 
    border-collapse:collapse;
    font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
    color:#000;
}

/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
    display:block; 
    position:absolute; 
    top:3em;
    margin-top:40px;
    left:0; 
    width:190px;
    /* border:1px solid #888; */
    border-top:0;
    background:transparent;
    margin: 0px 0px 0px -1px;
    
    
}

/* style the drop down links with no hover */
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
    display:block; 
    background:transparent url(../images/blue.gif); 
    color:white; 
    border:0;
    margin:0;
    font-weight:normal; 
    font-size:0.9em;
    height:auto; 
    line-height:1em; 
    padding-right:0px; 
    padding-left:3px;
    padding-top:5px; 
    padding-bottom:5px;
    
    
    opacity: .8;
    filter:alpha(opacity=80); 
    width:167px;
    
     
}

/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
    background:#008ab0; 
    color:#fff;
    
}

/* special styling for IE5.5 and IE6 - transparency will not pass validation */
.menu ul li a:hover ul {
    background:transparent filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.40; 
    opacity:0.4;
    margin-top:10px; /* for IE5.5 faulty box model */
    marg\in-top:11px; /* for IE6 */



}

/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
    background:#ddd;
    width:96px; /* for IE5.5 faulty box model */
    w\idth:86px; /* for IE6 */
}

/* tab colours and images */
#yellow {
    background:transparent url(../images/tab_yellow.gif) no-repeat;
    /* margin-left:-1px; */
}

#blue {
    background:transparent url(../images/tab_blue.gif) no-repeat;
    /* margin-left:-1px; */
    color:white;
}

#subblue {
    background:transparent url(../images/tab_blue.gif) no-repeat;
    /* margin-left:-1px; */
    color:white;
}

#orange {
    background:transparent url(../images/tab_orange.gif) no-repeat;
   /* margin-left:-1px; */
}

#navy {
    background:transparent url(../images/tab_navy.gif) no-repeat;
   /* margin-left:-1px; */
    color:white; 
    
    
    
}

/* style the top level NAVY hover */
#navy:hover,
#navy a:hover {
    color:#ffcc66;
    
    
    
    
    
}

/* style the top level BLUE hover */
#blue:hover,
#blue a:hover {
color:#ffcc66;

}

#bottom-blue {
    width:170px; 
    background:transparent url(../images/tab_bottom_blue.gif) no-repeat;
    opacity: .8;
    filter:alpha(opacity=80);
}

#sub-top-blue {
    background:transparent url(../images/sub_tab_blue.gif) no-repeat;
    margin-left:-1px;
    opacity: .8;
    filter:alpha(opacity=80);
}

#sub-bottom-blue {
    background:transparent url(../images/tab_bottom_blue.gif) no-repeat;
    opacity: .8;
    filter:alpha(opacity=80);
}

 /* Set up the default font and overall size to include image */
.subnav {   
    font-size:0.8em;
    padding-top:120px;
    padding-left:10px;
}

/* get rid of the default padding - margin and bullets */
.subnav ul {
    padding:0; 
    margin:0;
    list-style-type: none;
    height: 38px;
    width: 150px;
}

/* make menu horizontal */
.subnav ul li {
    float:left;
    position:relative;
    top: 0px;
    left: 0px;
    width: 190px;
}

/* set up the default top level links */
.subnav ul li a {
    display:block; 
    text-decoration:none; 
    height: 40px;
    padding-top:10px;
    padding-left:50px;
    line-height:2em;
    margin: 0px 0px 0px -1px;
}

/* make the drop down menu show and correctly position it */
.subnav ul li ul,
.subnav ul li a ul {
    display:block; 
    position:absolute; 
    top:16px;
    left:0; 
    border-top:0;
    background:transparent;
    margin: 0px 0px 0px -1px; 
}

/* style the drop down links with no hover */
.subnav ul li ul li a, 
.subnav ul li a:hover ul li a {
    display:block; 
    background:transparent url(../images/blue.gif); 
    color:white; 
    border:0;
    margin:0;
    font-weight:normal; 
    font-size:0.9em;
    height:auto; 
    line-height:1em; 
    padding-right:0px; 
    padding-left:3px;
    padding-top:5px; 
    padding-bottom:5px;
    opacity: .8;
    filter:alpha(opacity=80); 
    width:167px;
}

/* style the drop down menu links when hovered */
.subnav ul li:hover ul li a:hover,
.subnav ul li a:hover ul li a:hover {
    background:#008ab0; 
}

#selected {
    color:#ffcc66;
    font-weight:bold;
}

.framedcontent {
    height: 400px;
    width: 575px;
    padding-top: 10px;
    padding-left: 10px;
   /* padding-left: 40px; */
    font-size: 0.8em;
    text-align: left;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    font-family: Trebuchet MS, Verdana, Arial, geneva, 'lucida sans unicode', 'lucida grande', sans-serif;
    color:black;
}

.tablecontent {
margin-top:30px;
width:100%;

}

.pageimage {
padding-left:10px;
padding-bottom:150px;
margin-top: 10px;
margin-right: -35px;
float: right;
} 

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/orangeframe.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 4px solid orange; /* YCC: color & properties of the left-borderline */
	border-right: 4px solid orange;/* YCC: color & properties of the right-borderline */
	                                /* background: #EFEFEF; YCC: background-color of the inside */
	                                /* color: #000000; YCC: default text-color of the inside */
	padding-left: 20px;             /* YCC: all texts at some distance of the left border */
	padding-right:20px;             /* YCC: all texts at some distance of the right border */
	
	padding-top: 15px;
	padding-bottom:15px;
	}
.notopgap    { margin-top: 0; }                             /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; }  /* DNC: to avoid splitting of the box */

.inner-top-left, .inner-top-right, .inner-bottom-left, .inner-bottom-right { 
	background-image: url('../images/inner-frame-yel.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	background-repeat: no-repeat;
	}

.inner-top-left, .inner-top-right {
    height: 0px; /* hide it */
    }

.inner-top-left, .inner-bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}

.inner-top-right, .inner-bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}

.inner-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.inner-bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.inner-bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inner-inside {
	border-left: 3px solid #ffe5a6; /* YCC: color & properties of the left-borderline */
	border-right: 3px solid #ffe5a6;/* YCC: color & properties of the right-borderline */
    background: #ffe5a6;            /* YCC: background-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	                                /* color: #000000; YCC: default text-color of the inside */
}

.inner-header-image {	margin-left: -13px; margin-top: -6px; }

.inner-notopgap    { margin-top: 0; }                               /* DNC: to avoid splitting of the box */
.inner-nobottomgap { margin-bottom: -1px; padding-bottom: 1px; }    /* DNC: to avoid splitting of the box */

#contactpage {
    background: #72bacc;
	border-left: 3px solid #72bacc; /* YCC: color & properties of the left-borderline */
	border-right: 3px solid #72bacc;/* YCC: color & properties of the right-borderline */
}

#advertiserpage {
    background: #72bacc;
	border-left: 3px solid #72bacc; /* YCC: color & properties of the left-borderline */
	border-right: 3px solid #72bacc;/* YCC: color & properties of the right-borderline */
}

.inner-page-image
{
    margin-left: 13px;
    margin-right: 13px;
    margin-top: -45px;
    float:right;
    position:relative;
}

.inner-page-jpeg
{
    margin-left: 213px;
    margin-right: 13px;
    margin-top: -6px;
    float:right;
    position:relative;
}



.inner-header-image {
	margin-left: -13px; 
	margin-top: -6px;
	position:relative;
	z-index:1;
}

.gallerycontainer{

position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin-top: 170px;
}

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

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{

}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
/* background-color: lightyellow; */
/* border: 1px dashed gray; */
visibility: hidden;
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: -360px;
left: -7px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.fade:hover{
    opacity: .7;
    filter: alpha(opacity=70);
 }