body {
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
background: #26568D url(images/back.png) repeat-x;
text-align:center;
color: #181818;
}

#wrapper {
margin:0 auto 10px auto;
padding:0;
width:1001px;
background: transparent;
}
/*BASIC Elements*/
ul{
list-style: square;
}
ol{
list-style: decimal;
}
img { 
border:0
}

strong {
font-size: 13px;

}

fieldset { 
border:0;
margin:0
}

h2,h3,h4{
color: #0F2137;
font-weight: normal;
}

input:focus {
outline: none;
}

.more{
padding: 2px;
vertical-align: text-bottom;
}
/*GENERAL STYLES*/
.clear {
clear:both
}

img {
border:0
}

a:link {
color: #0A1725;
text-decoration: underline;
}

a:visited {
color: #132C48;
text-decoration: underline;
}

a:hover {
color: #FF8C00;
text-decoration:none
}

fieldset {
border:0;
padding:0;
margin:0
}

.input {
background:transparent;
border:0;
margin:10px 0 0;
padding:0 0 0 10px;
color:#959595;
font-size:16px;
font-style:italic;
float:left
}

.button_a {
padding:0;
margin:0;
border:0;
cursor:pointer;
font-family:Georgia,"Times New Roman", Times, serif;
color:#FFF;
font-size:18px;
font-weight:700;
background:transparent
}


/*Content area*/
#content {
margin:0;
padding:0;
width:100%;
float:left;
background: White;
text-align:left;
}

/*HEADER*/
#header {
width:100%;
float:left;
padding:0;
margin:-8px 0 0 0;
height:130px;
background: transparent url(images/header.jpg) no-repeat 100% 0;
}

#header h1 {
margin:0 0 0 20px;
float:left;
padding:0;
display:block;
background: transparent url(images/logo.gif) no-repeat;
width:473px;
height:120px
}

#header h1 a {
display:block;
width:473px;
height:120px
}

#header h1 span,#video span{
position:absolute;
left:-999px;
width:990px;
background:transparent
}



/*Nav menu*/
#corner {
float: left;
width:60px;
padding:0;
margin:0;
background:transparent url(images/right.png) no-repeat 0 0;
height:55px
}

#navigation {
float:left;
width:100%;
padding:0;
margin:0;
background:transparent url(images/left.png) no-repeat;
height:55px
}

#navigation ul {
float:left;
margin:0 0 0 50px;
padding:0;
width:891px;
height:55px;
background:transparent url(images/menu.png) repeat-x
}

#navigation li {
float:left;
display:block;
min-width:100px;
height:20px;
padding:0;
margin:20px 0 0;
border-left: 1px solid #F7B404;
text-align:center;
color:#03314D;
font-weight:700
}

#navigation li a:link,#navigation li a:visited {
display:block;
text-decoration:none;
padding:0 5px;
min-width:80px;
height:20px;
font-size:14px;
}

#navigation li a:hover,#special {
display:block;
text-decoration:none;
}

/*Guest Only*/
#introduction {
margin:10px 0 10px;
background: transparent url(images/bg_introduction.jpg) no-repeat 0 0;
padding:10px 70px 10px 20px;
float:left;
color:#FFFFF0;
width: 480px;
height: 200px;
}

#introduction h2 {
font-size:14px;
margin:0;
padding:0
}


#introduction p{
width: 90%;
padding:3px 0 0 0;
margin:0
}

/*Left side*/
#leftcolumn {
margin:0 auto 0 auto;
padding:30px 0 20px 70px;
width:890px;
float:left;
background:transparent
}


#leftcolumn p,#leftcolumn ul{
line-height: 130%;
font-size: 1.1em;
}

#leftcolumn ul{
padding:0;
margin:0
}

#leftcolumn li{
list-style: none;
margin:0
}

.img{
background: White;
border: 1px solid #CACACA;
padding:5px;
float: left;
margin:0
}

#leftcolumn h2,#leftcolumn h3,#leftcolumn h4{
width: 98%;
font-size: 20px;
float:left;
margin: 0 0 5px 0
}

#footer {
width:100%;
float:left;
padding:0;
margin:0;
background: url(images/bg_footer.gif) no-repeat 0 100%;
}

#footer li{
float:left;
padding: 0 10px 0 10px;
list-style: none;
}
/*Extras*/
#FlickrImages,#FlickrImages2,#FlickrImages3{
margin:0px;
padding:0;
float:left;
}
#FlickrImages li,#FlickrImages2 li,#FlickrImages3 li, #FlickrImages4 li{
float:left;
padding:8px;
margin: 0 5px 5px 0;
}
#FlickrImages img{

}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }


.small{
font-size: 11px;
text-decoration: none;
margin: 5px 0 0 0
}

.small img{
text-decoration: none;
vertical-align:bottom;
}

.right{
float: left;
width: 100%;
margin:0;
padding:0;
}

.icon {
background: transparent url(images/Zoom.png) no-repeat;
display:block;
height:40px;
position: relative;
text-align:center;
text-decoration:none;
vertical-align:bottom;
width:40px;
left: 60px;
top: -50px;
margin:0
}