
html
{		

}

body
{
	margin : 0px;
	padding : 0px;
	
		/*		background-color : #333333; */
	
	text-align : center;
	
	font-family : arial, sans-serif;
	font-size : 12px;
	color : #666666;
}

td
{
	vertical-align : top;
	font-size : 12px;
	font-family : arial, sans-serif;
	color : #666666;
}			

#container 
{
	display : table;

/* makes ie5.2 mac offcentre */
/*				margin-left : auto;
	margin-right : auto;
*/
	margin-left : 0px;
	padding : 0px;
/*				width : 760px; */
	width : 100%;
	height : 100%;

	background-color : #ffffff;

	border-collapse : collapse;
	border-spacing: 0; 

	font-family : arial, sans-serif;
	font-size : 1em;
	
	line-height : 1.3em;
	
	text-align : left;
}



#masthead
{
	height : 120px;
	width : 760px;
/*				background-color : #dddde6;
*/
	background-image : url(/xmedia/masthead.jpg);
	background-repeat : no-repeat;
	background-position: left; 
	
}
 .menu
{
	float : right;
	padding-top : 4px;
	padding-right : 20px;

	text-align : right;
/*	white-space: nowrap; */

	text-transform : uppercase;
	font-size : 0.7em;
	word-spacing : 0.3em;
	letter-spacing : 0.1em;
	color : #333333;
}
 .menu a
{
	text-decoration : none;
	color : #333333;
}
 .menu a:link
{
	text-decoration : none;
	color : #333333;
}
 .menu a:hover
{
	text-decoration : underline;
	color : black;
}
 .menuactive a
{
	font-weight : bold;
	color : black;
}
#masthead #banner
{
	position : absolute;
	top : 80px;
	padding-left : 30px;
}
#masthead #banner .title
{
	font-size : 36px;
	color : #eee;
}
#masthead #banner .byline
{
	font-size : 10px;
	text-transform : uppercase;
	letter-spacing : 0.2em;
	color : #666666;
}

#content
{
/*				this wrecks firefox
	display : table; 
*/
}

#content .column
{
	position : relative;
	float : left;

/*				border-left : solid 1px #666666;
	border-right : solid 1px #666666;
*/				
	padding-left : 20px;
	padding-right : 20px;

	height : 100%;
	width : 718px;
	
}
#content .c1
{
	position : relative;
	float : left;
	display : table;
/*
	background-color : beige;
	border : red dotted 1px;
*/
	height : 100%;
	width : 140px;
	
	margin-left : 15px;
	margin-right : 5px;
}
#content .c2
{
	position : relative;
	float : left;

	border-left : solid 1px #666666;
	border-right : solid 1px #666666;
	
/*				padding-top : 8px;
*/
	padding-left : 10px;
	padding-right : 10px;

	height : 100%;
	width : 414px;

	font-size : 0.9em;
	line-height : 1.6em;
}
#content .c3
{
	position : relative;
	float : right;
	display : table;
/*
	background-color : beige;
	border : red dotted 1px;
*/
	height : 100%;
	width : 145px;
	
	margin-left : 5px;
	margin-right : 10px;
}

#footer
{
	height : 200px;
/*				background-color : #f6e6cc;
*/
	background-image : url(/xmedia/footer.jpg);
	background-repeat : no-repeat;
	background-position: top left; 
}

#footerspacer
{
	height : 200px;
/*				background-color : #f6e6cc;
*/
	background-image : url(/xmedia/footer_inv.jpg);
	background-repeat : no-repeat;
	background-position: top left; 
}
#footerspacerleft
{
	height : 200px;
/*				background-color : #f6e6cc;
*/
	background-image : url(/xmedia/footer_inv.jpg);
	background-repeat : no-repeat;
	background-position: top right; 
}

#mastheadspacerleft
{
	background-image : url(/xmedia/masthead_inv.jpg);
	background-repeat : no-repeat;
	background-position: top right; 
}

.footerenter
{
	text-align : center;
	text-transform : uppercase;
	letter-spacing : 0.3em;
}

.footerenter a
{
	text-decoration : none;
	color : #666666;
}			
.footerenter a:hover
{
	text-decoration : underline;
	color : black;
}

.caption
{
	text-transform : uppercase;
	font-size : 0.8em;
	word-spacing : 0.2em;
	letter-spacing : 0.1em;
	color : #666666;
	line-height : 1em;
}

.aboutcaption
{
	font-size : 0.7em;
	color : #666666;
	line-height : 1.3em;
	text-transform : none !important;
}

.small
{
	font-size : 0.8em;
	color : #666666;
	line-height : 1.3em;
	text-transform : none !important;
}
.small a
{
	color : #666666;
	line-height : 1.1em;
	text-transform : none !important;
	text-decoration : none;
}
.ultrasmall
{
	font-size : 0.7em;
	color : #666666;
	line-height : 1.1em;
}

.frame
{
	display : table;
	margin-left : auto;
	margin-right : auto;
/*				border : dotted #666666 1px;
*/
}


input
{
	background-color : #f9f9f9;
	width : 200px;
	height : 18px;
	border-top : 1px solid #999;
	border-left : 1px solid #999;
	border-right : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	font-size : 0.9em;
	color : #666666;
}
select
{
	border : 1px #666666 solid;
}
.checkbox
{
	width : 14px;
	height : 14px;
	border : none;
}
input[type='checkbox']
{
	width : 14px;
	height : 14px;
	border-top : 1px solid #999;
	border-left : 1px solid #999;
	border-right : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
}

.radio
{
	width : 14px ! important;
	height : 14px;
	border : none;
}

input[type='radio']
{
	width : 14px;
	height : 14px;
	border : none;
}

.submit
{
	border-top : 3px double #ccc;
	border-left : 3px double #ccc;
	border-right : 3px double #999;
	border-bottom : 3px double #999;
	background-color : #eee;
	height : 25px;
	font-weight : bold;
	color : #666;
}
input[type='submit']
{
	border-top : 3px double #ccc;
	border-left : 3px double #ccc;
	border-right : 3px double #999;
	border-bottom : 3px double #999;
	background-color : #eee;
	height : 25px;
	font-weight : bold;
	color : #666;
}

textarea
{
	border : 1px #666666 solid;
-moz-border-radius : 4px;
	background-color : #f9f9f9;
	width : 410px;
	height : 200px;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
}

h3
{
	margin-top : 0;
	padding-top : 0;
	color : #333333;
}

h4
{
	margin-top : 0;
	padding-top : 0;
	text-transform : uppercase;
	letter-spacing : 0.1em;
	font-size : 0.9em;
	color : #333333;
}

h5
{
	margin-top : 0;
	padding-top : 0;
	margin-bottom : 0.0em;
	font-size : 1.0em;
	font-weight : bold;
}

.c1 .subtitle, .c3 .subtitle
{
	margin-bottom : 0.8em;
	margin-left: 10px;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 0.7em;
	word-spacing : 0.2em;
	letter-spacing : 0.1em;
	
}

.c2 .subtitle, .column .subtitle
{
	margin-top : 1.8em;
	font-weight : bold;
	font-size : 1.1em;
	word-spacing : 0.2em;
	letter-spacing : 0.1em;
}


.c1 .submenu 
{
	font-size : 0.9em;
	color : grey;
	font-weight : bold;
}
.c1 .submenu a:link
{
	color : grey;
	text-decoration : none;
}
.c1 .submenu a:visited
{
	color : grey;
	text-decoration : none;
}
.c1 .submenu a:hover
{
	color : #cc3333;
	text-decoration : underline;
}
.c1 .submenu li
{
	list-style : none;
}

li
{
	margin-left: 10px;
	padding-left : 0px;
}

ol
{
	padding-left : 0px;
	margin : 0px;
	indent : 0px;	
}

ul
{
	padding-left : 0px;
	margin : 0px;

	list-style-type : none;
	list-style-image: url(/xmedia/3x3.gif);				
}

.number
{
	font-size : 1.2em;
	font-weight : bold;
	color : #666;
}

.td
{
	position : relative;
	float : left;
}

p
{
/*
	text-indent : 20px;
*/
}

#tablehead
{
	position : relative;
	margin-bottom : 0px; 
	border : 1px solid #666666;
	background-color : #dddddd;
	height : 16px;
	text-transform : uppercase;
	font-size : 0.8em;
	padding : 0;
}
			
.tablecontent
{
	position : relative;
	display : table;

	margin-left : 1px;
	margin-bottom : 8px; 
	margin-top : 8px; 
	
	background-color : #ffffff;

	width : 540px;
	font-size : 0.9em;
}

#is_latest
{

	padding-bottom : 2px; 
	padding-top : 2px; 
	padding-left : -1px;
	background-color : #f5f0e6;
	border : #eeaaaa solid 1px;
	display : table;
}

.important
{
	color : #cc3333 ! important;			
}

.hidden
{
	color : #cccccc;
}

.c1 .small .hidden
{
	margin-left : 10px;
}

.tablecontent .number
{
	color : #cc3333;
	font-weight : normal;
	font-size : 1.2em;
}

.perf
{
	float : left ! important;
	width : 96px;
	padding-left : 3px;
	padding-right : 2px;
}
.prompt
{
	float : left;
	width : 86px;
	border-left : 1px solid #666666; 
	border-right : 1px solid #666666; 
	padding-left : 3px;
	padding-right : 2px;
}
.source
{
	float : left;
	width : 100px;
	padding-left : 3px;
	padding-right : 2px;
}
.tablecontent .source
{
	font-size : 0.9em;
}
.story
{
	float : left;
	width : 210px;
	border-left : 1px solid #666666; 
	padding-left : 3px;
	padding-right : 2px;
}


br .double
{
	line-height : 4em;
}

.nowrap
{
	white-space: nowrap;			
}

.search
{
	width : 120px;
	font-size : 0.9em;
	color : grey;
	border : solid grey 1px;
}

.search[type='text']
{
/*				border : none;
	border-bottom : solid grey 1px;
*/
	border : solid grey 1px;
	margin-bottom : 1px;
	padding-bottom : 1px;
	height : 16px;
	text-align : center;
}

.baseline
{
	position : relative;
/*				bottom : 0.8em;*/
	width : 720px;

	font-size : 0.7em;
	word-spacing : 0.3em;
	letter-spacing : 0.1em;

	color : #666666;
	text-transform : uppercase;
	text-align : center;
	
}

.baseline a
{
	text-decoration : none;
	color : #666666;				
}

.perfbanner
{
	color : #8f1c2c;
	border-bottom : 1px solid grey;
	padding-left : 10px;
	padding-top : 3px;
	background-color : #e4e3e9;
	height : 18px; 
	width : 560px; 			
	font-size : 0.9em;
}

.preperformance
{
/*	display : table;
	margin-left : auto;
	margin-right : auto;
	width : 560px; 
	text-align : right;
*/
	color : #8f1c2c;
	font-size : 0.8em;
	text-transform : uppercase;
}
.preperformance a
{
	color : #8f1c2c;
}
.preperformance a:link
{
	color : #8f1c2c;
	text-decoration : none;
}
.preperformance a:visited
{
	color : #8f1c2c;
	text-decoration : none;
}
.preperformance a:hover
{
	color : black;
	text-decoration : underline;
}
.performance
{
	display : table;
	margin-left : auto;
	margin-right : auto;
	width : 560px; 			
	border : 1px solid grey;			
}
.performance .prompt
{
	float : left;
	width : 230px;
	border : none;
	padding-left : 10px;
	padding-right : 10px;
}
.performance .ascription
{
	float : left;
	width : 240px;
	border-top :  1px solid #aaaaaa;
	color : #666666;
	font-size : 0.8em;
}
.performance .script
{
	float : left;
	width : 280px;
	padding : 12px;
	line-height : 1.2em;
	font-size : 0.9em;
	color : #333333;
	font-size : 0.9em;
}
pre {
	font-family : times new roman, serif;
	font-size : 1.3em;

	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */				
}
.storage
{
	tan : #eadabe;
}

.searchfooter
{
	color : #666666;
	text-align : center;
	margin-bottom : 2em;
}

.searchfooter a:link
{
	color : #8f1c2c;
	text-decoration : none;
}

.searchfooter a:visited
{
	color : #8f1c2c;
	text-decoration : none;
}

.searchfooter a:hover
{
	color : #000000;
	text-decoration : underline;
}

