/* ID Tags */

/* START: Banner Tags */

	#banner {
			width:960px;
	margin: 0 auto;

		}	
		
	#banner ul {
	float:right;
	list-style: none;
	margin: 0; 
	}
		
	#banner li {
	float: left;
	height:17px;
	}

	#banner li a {
	color:#FFFFFF;
	font:Arial;
	font-size: 11px;
	font-weight:bold;
	display: block;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	}	
	
	#banner li a:hover {
		text-decoration:underline;
		}

	#banner-nav-home {
	background-image:url(/images/hdr/header-nav-home2.gif);
	background-position:right;
	background-repeat:no-repeat;	
	width:75px;
	}

	#banner-nav-abt {
	width:128px;
	background-image:url(/images/hdr/header-nav-abt.gif);
	background-position:right;
	background-repeat:no-repeat;
	}	
	
	#banner-nav-classroom {
	width:150px;
	background-image:url(/images/hdr/header-nav-class.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
		#banner-nav-pd {
	width:165px;
	background-image:url(/images/hdr/header-nav-pd.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
	#banner-nav-students {
	width:123px;
	background-image:url(/images/hdr/header-nav-student.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
	#banner-nav-fordpas {
	width:131px;
	background-image:url(/images/hdr/header-nav-network.gif);
	background-position:right;
	background-repeat:no-repeat;
	}

	#banner-logo {
	clear:both;
	float: left;
	padding: 5px 0px 10px 10px;
	}	

	#banner-search {
	width: 250px;
	clear: right;
	float: right;
	padding:20px 10px 0px 0px;
	font:Arial;
	font-size:11px;
	}	
	
	#banner-search a {
		color: #007cc2;
		text-decoration:none;
		}
	
	#banner h1 {
	font-size:14px;
	padding:10px 10px 10px 10px;
	margin:0px;
	}
	
	#searchbox_submit {
	font: Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* END: Banner Tags */


/***************************************************/	

/* START: Breadcrumb/General Info Tags */	

	#breadcrumbs-yellow {
		background-color: #FF9900;
		clear:both;
		font-size: small; 
		margin:10px 0px 0px 0px; padding:0px 0px 0px 10px;
		height:23px;
		
		}
	
	#breadcrumbs-yellow a {
		color:#333333; text-decoration:none;
		}
		
	#breadcrumbs-yellow a:hover {
		background-color:#FFCC33;
		text-decoration:none;
		}
	
/* END: Breadcrumb Tags */



/***********Main Sections**************************/	
	
	#wrap { 
		padding:0px 3px 20px 3px;
		margin:7px auto;
		clear:both;
		width: 800px;}
	#wrap p { 
			font-size:small; line-height: 130%;}
	
	#wrap li { padding-bottom:5px;}
		
	#print-width {
		margin:5px;
		width:700px;		}
		
/* START: main content Tags */	
	#main-page {
			float:left;
			left:200px;
			width:775px;
			margin: 10px 10px 10px 10px;
			padding-left: 10px;
			}
	
	#main-page p { 
			font-size:small; line-height: 130%;}
	
	#main-page li { padding-bottom:5px;}
				
/* END:main content Tags */	

/***************************************************/	

/* START: Footer Tags */

	#footer-yellow {

	border-top: 3px solid #FF9900;
	padding: 2px 10px 10px 10px;
	clear:both;
	font-size: x-small;
	margin:2px 200px;

	}
	#footer-yellow a {
	font-size:x-small;
	}
/* END: Footer Tags */
	
/***************************************************/	
/***************************************************/	
	
/* HTML Tags */
	
	body {
	background-image:url(/images/hdr/header-nav-bg.gif);
	background-repeat:repeat-x;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0; 	}
	
	h1 {
		padding-top:5px;
		font-size: x-large;	color: #07408C;	}
	
	h2 {	
		color: #07408C; font-weight:bold; font-size:large; border-bottom: 1px dashed #FF9900;}
	h3 {	
		color: #07408C; font-weight:bold; font-size:medium; }
	h4 {
		color: #07408C; font-weight:bold; font-size:small; font-style:italic;}
		

/***************************************************/	
/***************************************************/	
/*link tags */
	.text {
		border: 1px solid #000;
		padding-left:5px;
		background-color:#003366;
		color:#FFFFFF;
		text-decoration: none;
		}
	.top {	
		background: #07408C;		color: #ffffff;		font-size: x-small; 	
		font-weight: bold;		text-decoration: none; 	border:1px #999999;  
		padding: 2px;	margin-bottom:10px;		}	
	a.top:hover {		
		background: #007cc2;		color: #FFFFFF;			font-size: x-small;
		font-weight: bold;		text-decoration: none;		text-align: center;
		border: 1px solid  #999999; 	padding: 2px 2px 2px 2px;		}
		
	.back {	
		background: #999999;		color: #ffffff;		font-size: x-small; 	
		font-weight: bold;		text-decoration: none; 	border:1px #07408C;  
		padding: 1px 3px 1px 3px;	margin-bottom:10px; width:6em;	}		

/* SPAN Tags */

	.sidebar-hdr{ 
		border-bottom:1px solid #FF9900; border-top:1px solid #FF9900; color:#000; margin-bottom: 3px; 
		background-color:#FFCC33; padding: 0px 2px 2px 5px;}
	
	.hdr-yellow {	
		font-size: medium;	color: #FF9900;	font-weight: bold;	}

	.box-txt{ 
	 	margin: 0px 5px 3px 5px; padding: 0px 4px 3px 4px; line-height:125%}
		
	ul.arrow 	{  
		margin-top:-2px;	margin-left:2px;       padding-left:20px;  
		list-style:url(http://www.fordpas.org/images/redo/arrow.gif); background-repeat: no-repeat;
		 line-height:16px; vertical-align:middle;}
		 
	li.arrow{	 
		margin:0;    padding-left:5px;  padding-bottom: 10px; line-height:16px; vertical-align:middle;}
	.no-bullet {
		list-style:none; margin:0;}

	/*for Tables*/
	.indent {
		margin-left:25px;}
	.row {
		background-color:#E2E2E2;}
	.table-frame{ 
		border:1px solid #999;}
	.table-frame td{
		border-bottom: 1px dotted #999;
		padding-left: 8px;
	}
	.comment{
	color:#993333;
	}
	.table-frame a {
		color:#007CC2;
		text-decoration:none;}
	#table-pdf td{
		border-bottom: #CCC solid 1px;
		vertical-align:top;
		padding: 2px 5px 2px 5px;
	}
	
	#table-pdf tr.head {
		background-color:#FFFFCC;
	
	}
	
	
	
	.table-head{
		background-color:#07408C; color:white; font-weight:bold;}
	.blue-hdr{ 
		border-bottom:1px solid #07408C; background-color:#07408C; color:#FFF; 
		font-weight:bold; margin-bottom: 3px; padding: 0px 4px 0px 4px;}
	.shaded-hdr{ 
		border-bottom:1px solid #07408C; background-color:#FFFFCC;  
		font-weight:bold; margin-bottom: 3px; padding: 0px 4px 0px 4px;}
	
	.blue-outline-box {
		padding: 0px  0px 2px 0px;
		margin: 0px 0px 7px 0px;
		border:1px dashed #07408C;}
	/*Tables END*/
	
	/*Course 1 */
	.c1-lrg {color: #cc0000;	font-size: medium;	padding-bottom: 5px;	font-weight: bold;}
	.c1 {color: #cc0000;		font-size: small;	font-weight: bold;	padding-bottom: 5px;}
	/*Course 2 */
	.c2-lrg {color: #ff9900;	 font-weight: bold;	font-size: medium;	padding-bottom: 5px;}
	.c2 {color: #ff9900; 	font-size: small;	font-weight: bold;	padding-bottom: 5px;}
	/*Course 3 */
	.c3-lrg{color: #336633; font-weight: bold;		font-size: medium;	padding-bottom: 5px;	}
	.c3 {color: #336633;	font-size: small;		font-weight: bold;	padding-bottom: 5px;	}
	/*Course 4 */
	.c4-lrg {color: #ff6600;	font-weight: bold;		font-size: medium;	padding-bottom: 5px;	}
	.c4 {color: #ff6600;		font-size: small;		font-weight:bold;	padding-bottom: 5pt;	}
	/*Course 5 */
	.c5-lrg {color: #660066;	font-weight: bold;	font-size: medium;	padding-bottom: 5px;	}
	.c5 {color: #660066;		font-size: small;	font-weight: bold;	padding-bottom: 5pt;	}
		
/*New stuff*/
	.button {
		background-color:#007CC2; 
		padding:3px; 
		color:white; 
		font-weight:bold; 
		text-decoration:none;
	}
		
	.box-grey-center{	
		background-color:#F9F9F9;	 border: 1px solid #ECECEC;	padding: 5px 5px 5px 5px;
 		margin: 0px 0px 2px 5px;	}
	.box-outline-center{ 
		border: 1px solid #ECECEC;		padding: 5px 5px 5px 5px; margin:0px 0px 6px 5px;}
		
	a.downloadable {	
		color: #007cc2;			text-decoration: none;	font-weight:bold;} 
	a.downloadable:hover {	
		color: #007cc2;		text-decoration: underline;	font-weight:bold;}
	
	.doc-list {
		margin-left: 18px;}
	.doc-tbl {
		border:1px solid #999999;}
	.doc-tbl td {
		padding: 5px 3px 5px 3px;}
	ul.doc-list 	{  
		margin-top:-2px;	margin-left:12px;       padding-left:20px;  
		list-style:url(http://www.fordpas.org/images/redo/arrow.gif); background-repeat: no-repeat;
		line-height:16px; vertical-align:middle;}
	ul.doc-list li {
		margin-bottom: 20px; padding-bottom: 10px;}

/*Rounded Corners**********************************/
 /* set millions of background images */
	.rbroundbox { 
		background: url("http://redo.fordpas.org/images/about/nt.gif") repeat; 
		float:right; margin:5px; width: 200px; }
	.rbtop div { 
		background: url("http://redo.fordpas.org/images/about/tl.gif") no-repeat top left; }
	.rbtop { 
		background: url("http://redo.fordpas.org/images/about/tr.gif") no-repeat top right; }
	.rbbot div { 
		background: url("http://redo.fordpas.org/images/about/bl.gif") no-repeat bottom left; }
	.rbbot {
		background: url("http://redo.fordpas.org/images/about/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
	.rbtop div, .rbtop, .rbbot div, .rbbot {
		height: 7px;
		font-size: 1px;
		}
	.rbcontent { 
		margin: 0 7px; }
	.float-right {
		float:right;	margin:3px;	padding:8px;	}
/*Rounded Corners END*********************************/

/*for FAQs*********************************************/
	.faq-questions{	
		padding-bottom:2px;}
		
	.faq-questions a {
		text-decoration:none;
		color:#007cc2;
		}
	li.faq{				
		padding-bottom:18px;}
	.faq-ital {			
		font-size: medium;	color: #333;		
		font-weight:bold;}	
	.blue-subhdr {		
		color: #07408C; font-weight:bold; 
		font-size:small; border-bottom: 1px solid #FF9900;}
	/* FAQs END **************************************/
	a.mainmenu {	
		color: #0066CC;	text-decoration: none;	
		font-size: small; }
	a.mainmenu:hover {	
		text-decoration: underline;	
		color: #0099FF;	font-size: small;}
		
	.border { 
		border: 1px solid #0066CC;}
	.brdr-img-r {
		float:right;	
		margin:5px;	 border: 1px solid #0066CC;}
/*used throughout*/
	.weblink-txt	 { 	
		color: #007cc2;	}
	.new { 
		background-color:#FFCC33;
		padding:2px;
		color:#CC0000;

		}
			.box-grey{ 	
		background-color:#F9F9F9;	
		border: 1px  #ECECEC solid;	
		padding: 5px;	
		margin: 0px 0px 2px 5px;}
		
	.box-grey-outline{	
		border: 1px  #ECECEC solid;	
		border: 1px solid #ECECEC;	 
		padding: 5px 5px 5px 5px; 
		margin: 0px 0px 6px 5px;}
		
		
	.about-box {
		border: 1px solid #FFCC00;
		width: 215px;
		padding: 3px;
		float:right;
		background-color:#FFFFCC;
		margin-right: 6px;}
		
	.posted {font-size:x-small}
	
	#ref {
			margin-left: 5px;
	}
	
	#ref p {
		font-size:x-small;
	}
	
	.article-wide {
		width: 550px;
		margin: 0px 5px 0px 10px;
		vertical-align:top;
		line-height:1.2;
	}
	.article {
		width: 380px;
		margin-left: 20px;
		vertical-align:top;
		line-height:1.2;
	}
	
	.article a {
		color: #007cc2;
	}
		
	.article p { 
		font-size:small; 
		line-height: 1.1;
	}
	#about-right {
		width: 225px;
		float:right;

		margin: 0px 6px 0px 0px;
		padding-left: 0px;
		}
		
	#about-right-menu {
		border: 1px  #FF9900 solid;	

		width:225px;
		background-color:#ECECEC
			}
	
	#about-right-menu a {
		color: #003366;
	}
	
	#about-right-menu a:hover {	
		text-decoration: underline;	
		color: #0099FF;	font-size: small;}
	
	#about-right-menu p {
		margin: 8px;
	}
	
	#about-right-menu ul { 
	margin:3px 13px 3px 13px;
	padding:0px;
	list-style:none;
	}
	#about-menu {
		border: 1px #FF9900 solid;	
		background-color:#FFFFCC;
		line-height:1.1;
	}
	#about-menu ul {
		margin-left: 15px;
	}
	#about-menu li {
		list-style:none;
		line-height:1.1;

	}
	#about-menu  a {
		color: #003366;
		
	}

	
	.menu-title {
		letter-spacing: 1px;
		text-align:center;
		border-bottom: #FF9900 1px groove;
		padding:8px;
		font-weight:bold;
		font-size:medium;
		color:#003366;
		background-color:#FF9900;
	}
	a.reg-btn{
		position:relative; /*this is the key*/
		z-index:324;
		text-decoration:none;
		color:#007CC2;
		/*background-color:#AFCCDA;
		border:#007CC2 solid 1px;*/
		text-decoration:underline;
		padding: 3px;}
	
	a.reg-btn:hover{z-index:25; background-color:#DEEAEF;
		text-decoration:none;}
	
	a.reg-btn span{display: none}
	
	a.reg-btn:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:2em; left:2em; width:25em;
		border:1px solid #000;
		background-color:#DEEAEF; color:#000000;
		text-align: left;
		padding:2px;
		text-decoration:none;}
		
	#popup {
		width: 500px;
		padding:5px;
		margin:5px;
	}
	
	/* New Getting Started Section */
	
	
	.listSubheader {
		font-family:Arial, Helvetica, sans-serif;
		color: #003366;
		font-size: large;
		
	}
	.list-item-background {
		background-color:#DEF0FF;
		border-bottom: solid #CCCCCC 1px;
		border-top: solid #CCCCCC 1px;

		margin: 8px 0px 8px 0px;
		padding-top: 8px;
		padding-left: 8px;
	}
    .list-item-background0 {
	 

		margin: 8px 0px 8px 0px;
		padding-top: 8px;
		padding-left: 8px;
	}
	
	.theme-frame {
		background-color:#C5E7FF;
		border:#003366;
		padding: 8px;
		margin: 0px;
		
	}
	
	.theme-frame h3{
		color: black;
		padding-top: 0px;
		margin-top: 0px;
		}
		
	.theme-frame p{
		line-height: 14px;}
	
	.theme-frame a{
		color: blue;}
	
	a.lnk-learning-goals {
		color:#FFFFFF;
		background:#009933;
		padding: 2px;
		text-decoration:none;
		font-size: small;
	
	}
	
	.module-frame {
		border:#C5E7FF 1px solid;
		padding: 8px;
		margin: 0px;
	
	}
	
	.module-frame h3 {
		margin-top:0px
	
	}