/* LAYOUT STYLES
---------------------------------------------------------------------------------------------------- */
body {
	margin: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #FFFF00;
	background-color: #000;
}

#container {
	width: 740px;
	margin: 40px auto 20px auto;
	text-align: left;
}

#header {
	height: 60px;
	background: url(../images/logotype.gif) no-repeat left top;
}

/* IMAGE AREA
---------------------------------------------------------------- */
#image, #caption, #image_strip img {
	border: solid #fff;
}

#image {
	height: 340px;
	border-width: 1px 1px 0 1px;
	background-color: #999;
}

#caption {
	height: 2em;
	color: #999;
	border-width: 0 1px 1px 1px;
	background-color: #333;
}

.double_image { width: 497px; }

* html .double_image {	/* Tan hack for IE 5.x */
	width: 499px;		/* IE 5.x */
	w\idth: 497px;		/* IE 6.x */
}

#image_strip {
	float: right;
	width: 226px;
	/*background-color: #003333;*/
}

#image_strip img {
	display: block;		/* fixes 2px baseline error in IE */
	border-width: 1px;

}

.middle {
	margin: 10px 0;
	display: block;
}


/* CONTENT AREA
---------------------------------------------------------------- */
#content_box {
	width: 740px;
	margin: 15px 0;
	/*background-color: #222;*/
}

#content_box:after {		/* Forces content to enlcose floats in Mozilla / NN) */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* COL STYLES
---------------------------------------------------------------- */
.col {
	float: left;
	width: 226px;  		/* + 15px padding = total width of 241px */
}

.borderleft {
	border: dashed #FF0;
	border-width: 0 0 0 1px;
}

.borderright {
	border: dashed #FF0;
	border-width: 0 1px 0 0;
}

.left {
	padding: 0 15px 0 0;
}

.right {
	padding: 0 0 0 15px;
}

* html .left, .right {	/* Tan hack for IE 5.x */
	width: 242px;		/* IE 5.x */
	w\idth: 226px;		/* IE 6.x */
}

.centre {
	padding: 0 15px;
}

* html .centre {		/* Tan hack for IE 5.x */
	width: 256px;		/* IE 5.x */
	w\idth: 226px;		/* IE 6.x */
}

.double { 
	width: 483px;  /* 483 */
}

* html .double {		/* Tan hack for IE 5.x */
	width: 496px;		/* IE 5.x */
	w\idth: 483px;		/* IE 6.x */
}

/* FOOTER
---------------------------------------------------------------- */
#footer {
	clear: both;
	border: solid #fff;
	border-width: 1px 0 0 0;
	margin: 0 0 20px 0;
}


/* PRIMARY NAVIGATION
---------------------------------------------------------------------------------------------------- */
#navbar {
	margin: 0 0 10px 0;
	padding: 0;
	border: solid #ff0;
	border-width: 1px;
	background: #ccc url(../images/navbar.gif) no-repeat left top;
	text-align: center;
}

#navbar:after {		/* Forces content to enlcose floats in Mozilla / NN) */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#navbar ul li a {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	text-align: center;
}

#navbar li {
	display: inline;
	margin: 0 0 0 -4px;
}

#navbar a { 
	margin:  0;
	padding: 3px 1em; /* no line break at IE text size: Larger */
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	line-height: 28px;
	border-right: 1px solid #333;
	border-left: 1px solid #fff;
}


#navbar a:link { color: #000;  }
#navbar a:visited { color: #666;}
#navbar a:hover { color: #f00; }
#navbar a:active { color: #f00; }

#navbar #current a { color: #000; background: url(../images/navbar_over02.gif) no-repeat left top; border-top: 2px solid #666;}

#navbar .first a { border-left: none; margin-left: 1px;}
#navbar .last a { border-right: none; margin-right: 1px;}

#navbar .first_current a { border-left: 1px solid #333; }
#navbar .last_current a { border-right: 1px solid #fff; }


/* LINK STYLES
---------------------------------------------------------------------------------------------------- */
a { text-decoration: none; }

a:link { color: #FF9900; }
a:visited { color: #bbb; }
a:hover { color: #fff; }
a:active { color: #CC6600; }

#footer a:link { color: #ccc; }
#footer a:hover { color: #FF9900; }


/* TEXT STYLES
---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4 { 
	color: #fff;
	margin: 0; /* must be matched by sifr decoy styles to work */
}

h1 { font-size: 1.8em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.3em; }

p, label, legend {
	font-size: 1.2em;
	line-height: 140%;
	/*background-color: #333;*/
}

#caption p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 10px;
}

#footer p {
	font-size: 1em;
	margin: 0;
	color: #ccc;
}

em { font-size: 1.1em; }


/* LIST STYLES
---------------------------------------------------------------------------------------------------- */
#content_box ul {
	margin: 1em;
	padding: 0;
	/*text-indent: 1em;*/
	background-color: #222;
}


#content_box li {
	margin: 0;
	padding: 0.6em 1em;
	font-size: 1.1em;
	list-style-type: none;
}

.light { background-color: #333; }
 


/* IMAGE HANDLING
---------------------------------------------------------------------------------------------------- */

.thumbnail {
	float: left;
	margin: 8px;
	border: solid #fff;
	border-width: 0 1px 1px 0;
	background-color: #666;
}

.spacer {
	margin-bottom: 20px;
}