/* CSS Document */
/* BODY */
html {
	height: 100.01%;
}
	
body,p,ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
    margin: 0;
    padding: 0;
    color:#333333;
    text-align: center;
    font: 14px Arial,Helvetica,sans-serif
}

/*text styles*/
p {text-align:left;
padding-top:5px;
padding-bottom:10px;
font: 14px Arial,Helvetica,sans-serif}
/* heading styles */

h1 {
	margin: 0px;
	padding: 5px 0 10px 0;
	font-size: 22px;
	color: #003366;
	font-weight:normal;
	text-align:left
	
}

h2 {
	margin: 0px;
	padding: 0px 0 3px 0px;
	font-size: 14px;
	color: #cc0000;
	text-align:left;
	font-weight:bold;
	border-bottom:1px dotted #0aaafd
}

h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	color: #d75b2f;
	text-align:left;
	font-size: 12px;
	font-weight:bold;

}
/*link styles*/
a:link, a:active, a:visited {color:#003366; text-decoration:underline;
}
a:hover{color:#0aaafd }



/* background images except header */
body {background-image:url(images/page_bg.jpg);
background-color:#4cacd6} 
#behindPage { background: url(images/behind-page.png) top center no-repeat; }
/* Bar Background */
#barBg {
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
    width: 100%;
}
/*PAGE*/
 #page {margin: 0 auto;
    padding: 0;
    width: 701px;
    text-align: center;
    overflow: hidden; } 
	/* HEADER */
#header {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 187px;
    text-align: center;
    color: #668303;
	background-image:url(images/header.jpg)
    }

/* MENU */
#topMenu {
    height: 37px;
	width:100%;
	background-image:url(images/menu-bg.jpg);
	background-repeat:repeat-x;
	text-align:center 
}
#topMenu img {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

#topMenu ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

#topMenu li {
    margin:6px 0 0 5px;
    padding:0;
    float: left;    
}
#topMenu a { margin: 0;
    padding: 5px;
    border: 0;
    display: block;
	width:100px}
#topMenu a:link, #topMenu a:active, #topMenu a:visited {font-size:14px;
font-family:Arial; color:#FFFFFF; text-transform:uppercase;
font-weight:bold;
text-decoration:none}
#topMenu a:hover {color:#234f64}
#belowMenu {
    margin: 0;
    padding: 0;
    width: 701px;
    height: 15px;
    font-size: 1px;
	background-image:url(images/below-menu.jpg); background-repeat: repeat-x
}
/*CONTENT*/
#left {

padding-left:35px;

padding-right:1px;

width:410px;

float:left;
text-align:left

}
#right {

margin-top:0px;

margin-right:0px;

width:250px;

padding-right:1px;

float:right;

text-align:right;

border-left:1px solid #fff;

}
#gallery {

padding-left:35px;

padding-right:1px;

width:660px;

float:left;
text-align:left

}
/*Drop-shadow for images*/
.img-shadow {
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 6px 20px 10px !important;
  margin: 10px 6px 20px 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -8px 8px 8px -8px;
  padding: 4px;
  }
/* FOOTER / CREDITS */
	
#footer {clear:both;
    margin: 50px 0 15px 0;
    padding: 0;
    width: 100%;
    height: 50px;
 font-size:11px;
    text-align: center;
    color: #505050;
	
    }
    
#footerLinks {
    margin: 0;
    padding: 10px 0 0 0; 
	 font-size:11px;   
}

#footer a {
    color:#999999;
	 font-size:11px; 
}    

#footer a:hover {
    color: #0aaafd; 
	 font-size:11px;
}

#footer p {
    margin: 0;
    text-align: right;
    }

#credits {
    margin: 5px auto 5px auto;
    clear: both;
    text-align: center;
	color: #999999;
}

#credits a {
	color: #0aaafd;
}

.noDisplay {
    display: none;
    }