h1       { font-family: arial; font-size: 16pt; color: #333333;  
               letter-spacing: 2pt; font-weight: bold; text-align:left }
h2       { font-family: Arial; font-size: 12pt; color: #333333; 
               font-weight: bold }
h3	 { font-family: Arial; font-size: 7pt; color: #FFFFFF }


p            { font-family: Arial; font-size: 10pt; color: #333333 }

a:active     { font-family: Arial; font-size: 10pt; color: #999999; text-decoration:none }
a:visited    { font-family: Arial; font-size: 10pt; color: #999999; text-decoration:none }
a:link       { font-family: Arial; font-size: 10pt; color: #999999; text-decoration:none }

span.Links   { font-size: 10pt; color: #333333; font-family: Arial; text-align:center; letter-spacing: 2pt }
span.Selected { font-size: 10pt; color: #999999; font-family: Arial; text-align:center; letter-spacing: 2pt }
span.Foot  { font-family: arial; font-size: 7pt; color: #ff3333}
span.FooterLink { font-family: arial; font-size: 7pt; color: #999999}

{
 margin: 0;
}

 html, body {
 height: 101%;
 margin: 0;
 padding: 0;
}

#container{
position: relative;
margin:0 auto;
width:99%;
height:99%;
}

.maincontent {
 position: relative;
 min-height: 90%;
 height: auto !important;
 height: 95%;
 width: 99%;
 margin-top: 0px;
 margin-bottom: -30px;
 margin-right: auto;
 margin-left: auto;
}

#centredContent {
 position:relative;
 top:15;
 left:0;
 min-height: 90%;
 height: auto !important;
 
 width: 800px ;
 margin-bottom: -30px;
 margin-left: 100px ;
 margin-right: auto ;
}

#splashImage {
 position: absolute;
 top:-5px;
 left:375px;
 z-index:-1;
}


.footer, .push {
position: relative; 
height: 30px;
width: 99%;
}

#linkcontainer {
 position: absolute;
 left: 800px;
 margin-top: 10px;
}

#hostingcontainer {
 position: absolute;
 left: 103px;
 margin-top: 10px;
}

#galleryIFrame {
 z-index: 10;
}

#logocontainer {
 position:absolute;
 z-index: 50000;
 top: 15px;
 left: 650px;
}

#titlecontainer {
 position:absolute;
 width:60px;
 top:100px;
 left:0;
}

#navcontainer {
 position:absolute;
 z-index: 50000;
 top:15px;
 left:103px;
}

#flashContent {
 z-index: 3000;
}

ul#navlist {font-family: arial; }

ul#navlist a
{
font-size: 11pt; 
color: #333333; 
font-family: Arial; 
text-align:left; 
letter-spacing: 2pt 
//font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #999999;
background-color: #ffffff;
padding: 5px;
border: 0px #ffffff outset;
}

ul#navlist li a:hover
{
color: #333333;
background-color: #999999;
}

ul#navlist li a:active
{
color: #333333;
background-color: #999999;
border: 0px #999999 inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 5px;
margin: 0px;
background-color: #cccccc;
}


ul#subnavlist li a:hover
{
color: #333333;
background-color: #999999;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 9px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}


/*TESTING NEW GALLERY*/



#customscroll {
	/* Typical fixed height and fixed width example */
	/*width: 800px;*/
	/*height: 140px;*/
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin:0;
	padding: 0;
	border:none !important;
	outline:none !important;
}

#customscroll img {
	height:540px!important;
}


.HorizWrap {
	list-style:none;
	position:relative;
	/*width:99999px;*/
	width:10333px !important;
	margin:0;
	padding:0;
	z-index:0;
	overflow:hidden;
border: 0px solid blue; /* this is only for show*/
/* Following is the way to stack things dynamically */
display: inline; white-space:nowrap;
/*width:6800px !important;*/
}

#HorizWrap img {
	margin:0 0px 0 0;padding:0;
}

.gallHdnWrap {
	height:540px !important; overflow:hidden !important;
}

.sidebar div.caption {
	position: relative;
	float:left;  
 }

.sidebar div.caption p {
	position: absolute;
	margin: 0; padding:8px 0 8px 10px;
	font-size: 12px;	
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
	width:98.8%;
}

 /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.sidebar div.caption p {
   width:98.8%;
}
}

.sidebar div.caption img {
	margin: 0; padding: 0;
}


/*Style for small version*/

.sidebarSmall div.caption {
	position: relative;
	float:left;  
 }

.sidebarSmall div.caption p {
	position: absolute;
	margin: 0; padding:8px 0 8px 10px;
	font-size: 12px;	
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
	width:106px;
}

.sidebarSmall div.caption img {
	margin: 0; padding: 0;
}