/* --- ALL MEDIA --- */

*{
font-family:arial, helvetica, sans-serif;
border-width:1px;
border-color:#3a3a3a;
}

pre{
width:380px;
padding:0;
overflow: auto;
font-family:monospace;
letter-spacing:0;
background-image:url(images/stripes_bg.png);
border-style:solid;
border-color:#e8e7e7;
}

#content{
font-size:8pt;
line-height:17px;
letter-spacing:.03em;
}

#content h1, #content h2, #content h1 a, #content h2 a{
padding:0;
color:#111111;
}

#content h1, #content h1 a{
font-size:23px;
line-height:23px;
}

#content h1{
clear:both;
padding-left:5px;
white-space:nowrap;
border-style:solid none;
}

#content h2{
letter-spacing:1px;
border-bottom-style:solid;
border-color:#e8e7e7;
}

#content h2, #content h2 a{
font-size:9pt;
margin-bottom:0;
}

#content hr{
border-style:none none solid none;
border-color:#e8e7e7;
}

#content ul{
list-style-image:url(images/bullet.png);
}

#content a img{
border-style:none;
}

#content a:hover img{
border-style:none;
}

#content .right{
float:right;
margin:15px 0 15px 15px;
}

#content .clear{
clear:both;
}

#content .border{
border-style:solid;
border-color:#bbbbbb;
}

#content img.border{
padding:1px;
}

/* --- SCREEN ONLY --- */
@media screen{

body{
margin:0;
padding:0;
background-image:url(images/body_bg.png);
background-repeat:repeat-x;
background-position:top;
background-color:#9d97a8;
background-attachment:fixed;
}

a{
text-decoration:none;
}

textarea{
font-size:8pt;
}

button{
display:block;
float:right;
font-size:8pt;
font-weight:bold;

color:#ffffff;
padding:0 10px 0 28px;
background-image:url(images/button_bg.png);
background-repeat:no-repeat;
background-position:left;
border-style:solid;
border-width:1px;
cursor:pointer;
}

#container{
position:absolute;
left:50%;
top:50px;
margin-left:-300px;
margin-bottom:50px;
width:598px;
border-style:solid;
border-color:#777777 #3a3a3a #3a3a3a #777777;
background-color:#ffffff;
background-image:url(images/menu_bg.png);
background-repeat:repeat-y;
background-position:left;
}

#header{
position:absolute;
left:0;
top:0;
}

#header img{
border-style:none;
}

#content a:hover, #menu a:hover, #menu_bottom a:hover{
color:#ef5400;
}

#content #page_title{
width:275px;
}

/* --- MENU STYLES --- */
#menu{
position:relative;
z-index:100;
float:left;
width:129px;
margin:87px 0 20px 0;
padding:10px 0 30px 0;
}

#menu ul{
margin:0;
padding:0;
}

#menu li{
display:block;
width:129px;
list-style-type:none;
font-size:8pt;
text-align:center;
}

#menu ul li.parent{
background-image:url(images/menu_header_bg.png);
background-repeat:no-repeat;
background-position:top;
}

#menu ul li.parent a{
display:block;
padding:18px 20px 0 15px;
color:#888888;
font-weight:bold;
letter-spacing:.05em;
}

#menu li.children{
margin-top:10px;
}

#menu li.child a:hover, #menu li.children li.current a{
padding:2px 0;
font-size:10pt;
background-color:#ffffff;
border-style:solid none;
border-color:#e8e7e7;
}

#menu li.child a{
display:block;
width:129px;
padding:3px 0;
}

#menu li.current a{
color:#666666;
}


/* --- MENU BOTTOM STYLES --- */
#menu_bottom{
position:absolute;
left:0;
bottom:0;
width:130px;
padding:5px 0;
text-align:center;
font-size:7pt;
color:#bbbbbb;
}

#menu_bottom a{
color:#999999;
}

/* --- CONTENT STYLES --- */

#content{
position:relative;
float:right;
margin:100px 0 0 0;
padding:30px 30px 30px 0;
width:410px;
}

}

/* --- PRINT ONLY --- */
@media print{

#header, #menu, #menu_bottom, a.tv_edit {
display:none;
}

a{
text-decoration:none;
color:#000000;
}

}

/* --- sIFR STYLES --- */

@media print {

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

}

@media screen {

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	padding:0;
	font-size: 20px;
	line-height:23px;
}

}