/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	 background-image:url(Images/madebc200.gif);
	 background-repeat: repeat-y;
	/*background-color: #b7b7b7 ;*/	
	/*font: Verdana, Tahoma, arial, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
}

/* links */
a, a:visited {	
	color: #114477;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #f7a400;
	background: inherit;
	text-decoration: none;
}

/* headers */
h1, h2, h3 {
	/*font-family: 'Trebuchet MS', Tahoma, Sans-serif;*/
	font-weight: Bold; 		
}
h1 {
	font-size: 190%;	
	font-weight: normal;
	color: #555;
}
h2 {
	font-size: 150%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
img {
	border-width: 0;
}

hr 
{
 width:100%;
 color:#ffffff;
 /*height:2px;*/
 border-style:dashed;
}
/********************************************
   LAYOUT
********************************************/ 
#invisible
{
	margin-left:200px;
	color:White;
	/*font-size:6px;*/
}
#wrap
{
	background-color:#204d6d;
	width:980px;
	margin:10px auto;
}

#content
{
	background-color:#114477;
	position:relative;
	top:0px;
	width:94%;
	height:auto;
	margin:0 auto;
	border-right: solid 3px #fff;
	border-left: solid 3px #fff;
}

#central
{
	background-color:#d4ecf9;
	border-top:solid 3px #fff;
	position:relative;
	height:auto;
	width:100%;
	/*top:0;*/
	color:#000;
	text-align:justify;
}
#header 
{
	background-color :#1187de;
	display:block;
	position:relative;
	height:100px;
	width:100%;
	left:0; top:0;
	border-bottom:solid 3px #fff;
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 22px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}
#header h1#logo-text span {
	color: #fff;
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 16px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #fff;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 60px; left: 45px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 20px;	
	color: #fff;
	/*font-size: 10px;*/	
}
#header #header-links a {	
	color: #fff;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #ffcc00;		
}

/* header-photo */
#header-photo 
{
	position:relative;
	clear: both;
	height: 120px;
	margin: 0 auto;
	width: 790px;
	margin: 0 auto;
	background: #FFF url(Images/collage.gif) no-repeat center center;
}
#mainnav 
{
	position:relative;
	margin:0px;
	clear: both;	
	width: 100%;	
	/*height:40px;*/
	height:auto;	
	text-align:center;
	/*display: inline;*/
	background-color:#114477;
	border-bottom:solid 3px #fff;
	border-top:solid 3px #fff;
	padding:10px 0;
	
	
}

#mainnav .item {
	color:#fff; 
	text-decoration:none;
	/*font: bold 13px/2.8em , Helvetica, Arial, Geneva, sans-serif;*/
	font-size:110%;
	font-weight:Bold;
	letter-spacing: 1px;
	padding:0 15px;
	
}

#mainnav .hover a {
	color:#f7a400; 
}
#mainnav .selected {
	/*background-color:#114477;*/	
	color:#ffcc00;
}


/* Sidebar */	
#central #sidebar {
	float: left;
	width: 220px;
	height:auto;
	padding-top:15px;
}	
#sidebar h3 {
	padding: 5px 5px; 
	/*font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;*/
	font-size:120%;
	font-weight:Bold;
	color: #114477; 		
}

#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 2px 8px 2px; 
	padding: 0;
	list-style-position: inside;
	text-decoration: none;		
	
}
#sidebar ul.sidemenu li {
	border-bottom:dashed 2px #fff;
	padding: 4px 0 4px 4px;
	margin: 0 2px;		
	/*font-size:larger;*/
	list-style-type:square;
	
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #006080;			
}
#sidebar ul.sidemenu li a:hover
{
	color:#cc0000;
	} 
#sidebar ul.sidemenu li a:active {	
	color: #3399ff;	
}
#sidebar img 
{
	
	border:0px;
	margin:0 auto;
	}

.photo-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

.photo_198 {
	border: 4px solid #FFFFFF;
}


/* Main Column */
#central #main {
	margin-left:230px;
	padding:0;
	padding-top:2px;
	text-align:justify;
}
#central #main a {
	text-decoration: none;	
	background-image: none;	
	color: #006080;			
}
#central #main a:hover
{
	color:#cc0000;
	} 
#central #main a:active {	
	color: #3399ff;	
}
.main_content
{
	margin:3px 2px 3px 5px;
	padding:2px 3px 5px 10px;
	background:url(Images/shadow.gif) no-repeat;
	height:auto;
	}
.content
{  
	padding:1px 12px 10px 10px;
	background:#fff url(Images/fade.gif) repeat-x bottom left;
	height:auto;
}
.photo_description
{
	line-height:1.4;
	color:#204d6d;
	font-size:smaller;
	/*font-family:Verdana,Tahoma,Arial;*/
}
.homepageimg 
{
	float:right;
	margin-right:10px;
	padding-left:10px;
	padding-top:20px;
}

#main h2 {
	/*font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;*/
	color: #cc0000; 
	text-transform: none;
	padding: 10px 0 0px 10px; 			
}
#main h2 a {
	color: #85970C;
	text-decoration: none;	
}
#main ul li {
	list-style-image: url(Images/bullet.gif);
}

#main hr 
{
 width:100%;
 color:#1187de;
 /*height:2px;*/
 border-style:dashed;
}


#AlbumName 
{
	position:relative;
	background-color:#f6f6f6;
	float:left;
	margin-bottom:4px;
	width:97%;
	height:28px;
	padding:4px;
	/*font-size:1.9em;*/
	color:#85970C;
	
}
/* bottom */
#bottomnav 
{
	background-color:#1187de;
	position:relative;
	margin:auto;
	clear: both;	
	width: 100%;	
	height:80px;	
	padding:10px 0;
	text-align:center;
	border-top:solid 3px #fff;
	
}

#bottomnav .item {
	color:#fff; 
	text-decoration:none;
	/*font: 12 , Helvetica, Arial, Geneva, sans-serif;*/
	letter-spacing: 1px;
	padding:0 15px;
}

#bottomnav .selected {
	color:#ffcc00;
}
#bottomnav .hover {
	color:#f7a400; 
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

.view {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}