/* CSS Document */

html {
	height:100%;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

body {
	margin: 0px;
	padding:0;
	height:100%;
	background: #eeeeee url(../images/main_bg.gif) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

strong {font-weight: bold;}

.center {text-align:center;}

.floatright {
	float:right;
	padding:0px 0px 20px 20px;
}

.gallery {
	text-align:center;
}

.gallery img {
	padding:10px;
}

a:link {color: #000; text-decoration:underline;}   
a:visited {color: #000; text-decoration:underline;}  
a:hover {color: #C00; text-decoration:underline;}   

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight: normal;
	overflow:hidden;
	color: #666;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 0.1em;
}
	  
.small-warning-center {
	font-size:10px;
	color:#c00;
	text-align:center;
}

.small-warning {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c00;
}

.footer {
	font-size:10px;
	text-align:center;
}

#outer-wrapper {
	width:820px;
	min-height:100%;
	margin:0 auto;
	background: url(../images/content_bg.png) repeat-y top center;	
	border:0px solid green;
}

#heading {
	width:780px;
	height:90px;
	padding:0px;
	margin:0 auto;
    background: url(../images/header.gif) no-repeat top center;
}

#menu-wrapper {
	width:780px;
	padding:0px 20px 16px 20px;
	text-align:left;
	border:0px solid blue;
}

#content-wrapper {
	width:740px;
	margin:0 auto;
	text-align:left;	
	height:100%;
	border:0px solid purple;
}

#rollover-container {
	position:relative;
	margin:0px 0px 0px 0px;
	float:left;
	width:380px;
	height:440px;
	border:0px solid red;
}

#dropline {position:relative; font-size:12px; height:38px; background:url(../images/menu-back.gif);}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:780px;}

#dropline table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:12px;}
#dropline li {float:left; height:38px; margin-right:1px;}
#dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:arial, sans-serif; font-size:11px; color:#fff; text-decoration:none; font-weight:bold;}
#dropline li a.down {background:url(../images/menu-down.gif) no-repeat right center;}
#dropline li ul li a.down {font-size:11px; color:#ff0; font-weight:bold;}

#dropline li a:hover {white-space:nowrap; color:#000;}
#dropline li a.down:hover {white-space:nowrap; color:#000; background:url(../images/menu-down-over.gif) no-repeat right center;}

#dropline li:hover > a {color:#c00;}
#dropline li:hover > a.down {color:#000; background:url(../images/menu-down-over.gif) no-repeat right center;}

#dropline li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(../images/menu-sub-back.png) left top;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(../images/menu-sub-back.png) left bottom;}

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}


/* rollover examples */
.thumbnail-row1 {
position: absolute;
left: 20px;
top: 0px;
}
.thumbnail-row2 {
position: absolute;
left: 80px;
top: 0px;
}
.thumbnail-row3 {
position: absolute;
left: 140px;
top: 0px;
}
.thumbnail-row4 {
position: absolute;
left: 200px;
top: 0px;
}
.thumbnail-row5 {
position: absolute;
left: 260px;
top: 0px;
}

.large-image-offset-1 {
left:0px;
}
.large-image-offset-2 {
left:-60px;
}
.large-image-offset-3 {
left:-120px;
}
.large-image-offset-4 {
left:-180px;
}
.large-image-offset-5 {
left:-240px;
}

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
float: left;
padding: 5px;
cursor:pointer;
}

.thumbnail:hover {
border: #999 solid 1px; 
padding: 4px;
width:48px;
height:48px;
text-decoration: none;
}

.large-image-bg {
position:absolute;
background-color: #ddd;
padding: 6px;
border: 1px solid #666;
left:20px;
top:66px;
width:325px;
color:#c00;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #ddd;
padding: 6px;
border: 1px solid #666;
visibility: hidden;
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
z-index:2;
}

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

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; 
width: 325px;
top: 66px;/*position where enlarged image should offset horizontally */
}

/*end of hover popup links*/