/* == [ INITIAL/GLOBALS ] == */
a {
	text-decoration: none;
	background-color: transparent;
	color: #FDD3B0;
}

a:hover {
	color: #FBD40D;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: normal 14px/20px arial, verdana, helvetica, sans-serif; 
	text-align: center;
	background: #003D79 url("images/bg.jpg") no-repeat top center;
	color: #FFFFFF;
}

img {
	margin: 0;
	padding: 0;
	border-color: #181818;
}

hr {
	border: 0;
	height: 1px;
	background-color: #3672D6;
	color: #3672D6;
}

h1, h2, h3, h4 {
	font: normal 20px/26px "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #3399FF; 	
}

h2 {
	background-color: transparent;
	color: #3672D6; 
}

h5 {
	padding: 0px 0px 0px 10px;
	height: 20px;
	font: bold 14px/20px arial, verdana, helvetica, sans-serif; 
	background: url("images/goback.gif") 0 .4em no-repeat;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none; /* Use background to center bullet vertically */
}

ul li {
	padding: 0px 0px 0px 10px;
	background: url("images/bullet.gif") 0 0.4em no-repeat;
	color: #DDFFFF;
}

/* == [ MAIN ] == */

#wrapper {
	margin: 0 auto; /* need auto to center */
	padding: 0;
	width: 710px;
	height: 100%;
	text-align: left;
}

#masthead {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #F47B1F;
	width: 710px; 
	height: 140px;
/*	background: transparent url("images/logo.gif") no-repeat top left; */
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
}

#nav {
	float: right;
	margin: 96px 0px 0px 0px;
	padding: 0;
	width: 410px;
	text-align: right;
	font: normal 10px arial, verdana, helvetica, sans-serif;
	text-transform: uppercase;
 	background-color: transparent;
	color: #6699CC;
}

#photoshow {
	margin: 30px 0px 0px 0px;
	padding: 0;
	width: 710px; 
/*	height: 200px; */
}

#container {
  padding-left: 210px;   /* LC width */
  padding-right: 210px;  /* RC width */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  width: 210px;
  padding: 0px 34px 0px 34px;
  background-color: #00FF00;
}
#left {
  width: 210px;          /* LC width */
  right: 210px;          /* LC width */
  margin-left: -100%;
  background-color: #FFFF00;
}
#right {
  width: 210px;          /* RC width */
  margin-right: -210px;  /* RC width */
  background-color: #0099FF;
}
/*** IE6 Fix ***/
* html #left {
  left: 210px;           /* RC width */
}


#photoleft {
	float: left;
	margin: 0;
	padding: 0;
	width: 214px;
	height: 200px;
	text-align: center;
	font: normal 10px/10px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #3399FF; 	
 	clear: right; /* clear elements next to this one, need when using float elsewhere */
}

#photocenter {
	margin: 0px 0px 0px 248px;
	padding: 0;
	width: 214px;
	height: 200px;
	text-align: center;
	font: normal 10px/10px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #3399FF; 	
 	clear: right; /* clear elements next to this one, need when using float elsewhere */
}

#photoright {
	float: right;
	margin: 0px 0px 0px 496px;
	padding: 0;
	width: 214px;
	height: 200px;
	text-align: center;
	font: normal 10px/10px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #3399FF; 	
 	clear: left; /* clear elements next to this one, need when using float elsewhere */
}

#content {
	float: right;
/* CSS shorthand: top right bottom left */
	margin: 30px 0px 50px 0px;
	padding: 0;
	width: 460px;
}

#sidebar {
	float: left;
/* CSS shorthand: top right bottom left */
	margin: 30px 0px 50px 0px;
	padding: 0;
	width: 214px;
 	clear: both; /* clear elements next to this one, need when using float elsewhere */
}

#sidebox {
	margin: 0;
	padding: 0;
	width: 214px;
	overflow: hidden;
}

#sidebox .news {
	font: normal 12px/18px arial, verdana, helvetica, sans-serif;
}

#footer {
	float: right;
	margin: 0px 0px 50px 0px;
    padding: 0;
/*	border-top: solid 1px #F47B1F; */
 	width: 460px; 
	font: normal 10px/14px arial, verdana, helvetica, sans-serif;
 	background-color: transparent;
	color: #6699CC;
 	clear: both; /* clear elements next to this one, need when using float elsewhere */
}

/* == [ MISC. CLASSES ] == */

.quote {
/* CSS shorthand: top right bottom left */
	margin: 5px 0px 10px 0px;
	font: italic 13px/18px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #CCFFFF; 
}

.quote-byline {
/* CSS shorthand: top right bottom left */
	margin: 5px 0px 20px 0px;
	text-align: right;
	font: bold 11px/16px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #0066BB; 
}


.filler {
	margin: 0;
	padding: 0;
	width: 710px; 
	height: 50px;
	background-color: transparent;
 	clear: both; /* clear elements next to this one, need when using float elsewhere */
}

.photocaption {
	text-align: center;
	font: normal 10px/10px arial, verdana, helvetica, sans-serif;
	background-color: transparent;
	color: #3399FF; 	
}

.orange {
	font-weight: bold;
	color: #F47B1F;
}