img { behavior: url(/includes/iepngfix.htc) }  /* requires this line, the script, and also the /images/blank.gif */ 



body {

	margin: 0;

	padding: 0;

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 90%;/* font sizing in ems, baby. if you want to change anything, just change this.*/

	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/

	color: #000;

	background-color: #cccccc;
	background-image:url(/images/background.jpg);

	}

#content {

	margin: 0em;

	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */

	}

	

.shadow {

	margin:20px auto 0 auto;
	background: url(/images/transparent.png);
	width:973px;
	position:relative;

}
.wrapper {

	background-color: #fff;
	border:1px solid #000;
	background-position:bottom left;
	background-repeat:no-repeat;
	width:961px;
	padding:5px;
	top:-5px;
	left:5px;
	position:relative;

}

.nav{height:20px; line-height:20px; position:absolute; font-size:1.1em; margin-left:0px;}
.nav ul{margin:0px; padding:0px; list-style-type:none;}
.nav li{margin:0; float:left; padding:0 8px; font-weight:bold; color:#ee1d25;}
.nav li a{font-weight:bold; color:#ee1d25; text-decoration:none;}
.nav li a:hover{text-decoration:underline;}

.navShadow{margin:1px 0 0 2px; position:absolute;}
.navShadow li{color:#bcbcbc;}


/*the following classes are to demonstrate better line heights for narrow columns*/	

.narrow1{

	width: 50%;

	line-height: 1.3em;

	}

.narrow2{

	width: 50%;

	line-height: 1.5em;

	}

		

/*typography*/
.required{
 color:#F00;	
}

a {

	text-decoration: underline;

	font-weight: bold;

	color: #949599;

	}

a:link {

	}

a:visited {

	}

a:active {

	}

a:hover {

	text-decoration: underline;
	color: #ee1d25;

	}

h1, div.header{

	font-weight:bold;

	font-size:1.1em;

	color:#ee1d25;

	margin-top: 0em;

	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/

	}

small{
	.font-size:.7em;
}

.footer{
	font-weight:bold;
	margin:0px auto;
	width:953px;
	position:relative;
	font-size:.8em;
	padding:0 15px 0 20px;
	color:#000;

}

.footer a{
	color:#666;	
}

h3 {

	font-size: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: normal;

	}

h4 {

	font-size: 1.2em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h5 {

	font-size: 1.0em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h6 {

	font-size: 0.8em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

img {

	border: 0;

	}

ol, ul, li {/*

	list-style: none;*/

	font-size: 1.0em;

	line-height: 1.8em;

	
	margin:0.2em 1em;


	}

p {

	font-size: 1.0em;

	line-height: 1.8em;

	margin: 1.2em 0em 1.2em 0em;

	}

li > p {

	margin-top: 0.2em;

	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/

	font-family: monospace;

	font-size: 1.0em;

	}

strong, b {

	font-weight: bold;

	}

	

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:500px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	float:left;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(/tools/img/tabs/blue_panes.jpg) no-repeat;
	display:block;
	height: 25px;   
	width: 25px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	border:1px solid #000;
	margin:5px;
}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#000;	 }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#ED1B24; border-color:#ED1B24; }


/* panes */
#flowpanes {	
	width:850px;
	height:230px;	
	margin:0 27px;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#000;	
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#000;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#000;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}


/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
		float:left;
		width:800px;
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block; 
    width:800px; 
    cursor:pointer; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 

#flowpanes .items div div{
	float:left;
	width:335px;
	margin:0;
	padding:0 10px;
	text-align:center;
}

#flowpanes .items div div p{
	margin:0;
	padding:0;
	line-height:1.2em;
}
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}


.prev, .next{
	margin-top:20px;
}
.prev{clear:left; float:left;}
.next{float:left;}