/* CSS Document */

* {padding: 0;
   margin: 0;
   }

body {
	background-color: #369;
	color: #fff;
	font: small/1.7em Verdana, Arial, Helvetica, sans-serif;	
	}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	font-size: 2em;
	text-align:center;
	font-variant: small-caps;
	margin:10px;
	line-height:110%;
	}

h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
	font-size: 1.5em;
	font-variant: small-caps;
	letter-spacing: .1em;
}

h2 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 20px;
	text-align:center;
	}
 
h3 {margin-top: 30px;}






#container {
	margin: 10px auto;
	padding: 0;
	width: 800px;
	border: 2px solid #fff;
	background:url(images/global/container_bg.gif) repeat-y;
	}

/* - - - - - - H E A D E R - - - - - */

#header { 
	height: 150px;
	border-bottom: 2px solid #333;
	}
#header img {
	float:left;
	
	margin-right:25px;
	}
#title {
	margin-top:50px;
	float:left;
	}
/* General IR statements */

	.replace { 
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		font-size: 1.2em; 	
/* Choose a font-size here that will keep 
   the headline small enough to fit
	 completely under the span. */
		}
		
	.replace em {
		display: block;
		position: absolute;
		top: 0; 
/*
left: 0;
*/
		z-index: 1; 		/* for opera5 (?) and o6/mac */
		}

		.replace a {
		cursor: hand;		/* for ie5.x/win, invalid */
		c\ursor: pointer;	/* reset for other browsers */
  }


/* General IR statements for IE5.x mac only */

* html>body	.replace { 
		position: static;
		overflow: visible;
		font-size: 10px;
         /* Since overflow: hidden doesn't
		   work with ie5.x/mac, we choose a
	   font-size here that will keep
	   the headline small enough to fit
	   completely under the span.*/
  }
* html>body	.replace em  { 
		position: static;
  }
* html>body	.replace a {
		text-decoration: none; /* ie5.0-5.1.x/mac 
         must have this value or the underline
		 shows through the image. */
  }


/* Each pair of statements per instance of IR */

	#myh1, #myh1 em {
		width: 437px;
		height: 44px;
		background: url(images/global/header_text.gif) top left no-repeat;
		}
		
* html>body #myh1 em {			/* for ie5.x/mac only */
		margin-bottom: -40px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
		}


/* - - - - - - - - - - - - - - - - T O P N A V - - - - - - */
#topnav {
float:left;
width: 800px;
padding:  0;
background: #660033 url(images/global/topnav_bg.gif) repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
text-transform:lowercase;
font-size:16px;
margin-top: -1px;
margin-bottom:10px;
font-weight:bold;
border-bottom: 1px solid #333;
}

#topnav ul {
float:left;
list-style-type:none;
margin-left:50px;
}

#topnav li {
float:left;
margin: 0 5px 0 0 ;

}

#topnav a {
float:left;
padding: 4px 8px;
margin: 0 5px 0 0;
display:block;
color:#fff;
text-decoration:none;
}

#topnav a:hover {
color: #000;
background-color:#CC3300;
}


		
/* - - - - - - - - - - - - - - - S I D E C O L - - - - - */


#side {
width: 300px;
float:left;
margin-right: 50px;
color: #000;
}

#side dl, #side ul {
	width:250px;
	margin-left:25px;
	line-height:normal;
	}
#side dt {
	margin: 15px 0 8px 0;
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
	font-size:18px;
	font-variant: small-caps;
	letter-spacing: .1em;
	}
#side dd, #side li {
	font-size: 11px;
	margin:0 0 10px 0;
	}
#side dd .sub {
	display:block;
	color:#666666;
	font-weight:100;
	margin-left:13px;
	
	}
#side dd a {
	padding: 0 5px 10px 13px;
	line-height:normal;
	color:#369;
	font-weight:bold;
	background:url(images/global/0198_orange-box.gif) no-repeat left top;
	text-decoration:none;
	}


#side dd a:hover {
	background:url(images/global/0198_blue-box.png) no-repeat left top;
	color: #CC6600;
	text-decoration:underline;
	}
#side dd a:visited {
	color:#666666;
	}
#side p {font-size:11px;
text-align:center;}
/* - - - - - - - - - - - - - - - M  A  I  N - - - - */
#main {
padding: 0 50px 50px 50px;
margin-left: 300px;
}

#main a {color: #fff;
	}
#main a:hover {
	color: #000;
	background-color: #fff;
	}

#main .img_right {
	float:right;
	background-color: #fff;
	border: 1px solid #999;
	padding: 5px;
	margin: 0 0 10px 10px;
	}
#main p {padding: .6em 0;
	text-align:left;}
#main ul {
	list-style-position:inside;
	line-height:normal;
	padding-top: 5px;}
#main li {padding-bottom:8px;}
#main li .sub {
	padding-left:15px;
	display:block;}

#main ul.audio {
	list-style-image:url(images/global/audio.png)
	}
#main ul.audio a {
	color:#cc9900;
	text-decoration:none;
	font-weight:bold;
}
#main ul.audio a:hover {
	background-color: #336699;
	color:#ccff00;
	}
#main ul.audio a:visited {
	color:#666633;
	}

/* - - - - - - - - - - - - Footer - - */
#footer 
	{
	clear:both;
	font-size:smaller;
	}
#footer a {color: #fff;}
#footer p {
	margin-left:350px;
}

/* - - - - - - - - - - - Images and image galleries - - - */
.img_shadow {
  float:right;
  background: url(images/global/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/global/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img_shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.caption_div {
float:right;
width: 215px;
font-size:smaller;
text-align:center;
line-height:normal;
}
.img_gallery {
float:left;
margin: 0 15px 15px 0;
padding: 5px;
background-color: #fff;
border: 1px solid #333;
text-align:center;
}

.img_gallery img {
margin-bottom: 5px;
border: none;
}

a:hover .img_gallery {
background-color:#FFFF99;
}
.img_gallery p {
font-size:smaller;
line-height:normal;
text-align:left;
color: #333;}