/* CSS Document */

body { 
			text-align: left; 
			font-size: 10px; 
			font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			}
			
h1 { 
			color: #a3a3a3; 
			font-size: 16px; 
			margin-top: 5px; 
			padding-top: 10px; 
			padding-left: 16px; 
			}
				
h2 { 
			color: #a7a7a7; 
			font-size: 13px; 
			}
				
h3 { 
			font-size: 12px; 
			line-height: 16px; 
			}
			
h4 { 
			color: #a6a6a6; 
			font-size: 24px; 
			line-height: 5px; 
			}

a  {
			text-decoration:none;
			}
						
#header { 
			background-image: url(../images/bg.gif); 
			background-repeat: repeat-x; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; width: 100%; 
			height: 220px; }
			
#ste_header { 
			background-image: url(../images/ste_bg.gif); 
			background-repeat: repeat-x; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 100%; 
			height: 190px; 
			}
			
#middle {	
			background-color: #fff; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 100%; 
			height: auto; 
			}
			
#footer {
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 100%; 
			clear: both; 
			}
			
#logo {		
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 850px; 
			height: 220px; 
			}
			
#center {	
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 850px; 
			padding-bottom: 20px; 
			}
			
#centercal { 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 850px; 
			margin-top: 20px;
			padding-bottom: 20px; 
			}
			
#footercenter {
			background-image: url(../images/footerbg.jpg); 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin: 0 auto; 
			width: 850px; 
			height: 300px; 
			padding-top: 10px; 
			}
				
#headleft { 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 500px; 
			height: 220px; 
			float: left; 
			}
			
#programsection	{ 
			background-color: #f2f2f2; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 500px; 
			float: left; 
			margin-top: 10px; 
			padding: 8px; 
			border: solid 1px #d7d7d7; 
			}

#headright { 
			background-image: url(../images/sideheader.gif);
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 200px; 
			height: 220px; 
			float: right; 
			padding-top: 20px;
			}

#ste_headright { 
			background-image: url(../images/ste_sideheader.gif); 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding-top: 20px; 
			width: 300px; 
			height: 160px; 
			float: right; 
			}

#middleleft	{ 
			color: #575757; 
			font-size: 11px; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 520px; 
			float: left; 
			margin-top: 20px; 
			margin-left: 5px; 
			padding-bottom: 10px; 
			}

#middlehome	{ 
			color: #575757; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin-top: 10px; 
			width: 620px; 
			float: left; 
			padding-bottom: 20px; 
			}
			
#general {
			/*color: #575757;*/
			border: solid 1px #666666; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin-top: 10px; 
			width: 600px;
			heigth: 125px; 
			float: left; 
			padding: 5px 5px 20px 5px;
			}

#generalgray {
			background-color:#CCC;
			border: solid 1px #666666; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin-top: 10px; 
			width: 600px;
			heigth: 125px; 
			float: left; 
			padding: 5px 5px 20px 5px;
			}
			
#message {
			background-color:#FFF;
			color: #575757;
			border: solid 1px #666666; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			margin-top: 10px; 
			width: 600px;
			heigth: 125px; 
			float: left; 
			padding: 5px 5px 20px 5px;
			}


			
#footerleft	{ 
			color: #545454; 
			font-size: 9px; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 250px; 
			float: left; 
			margin-top: 10px; 
			margin-left: 20px; 
			display: inline; 
			}

			
#footermiddle { 
			color: #545454; 
			font-size: 9px; 
			line-height: 14px; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 250px; 
			float: left; 
			margin-top: 10px; 
			display: inline; 
			}
				
#footerright { 
			color: #404040; 
			font-size: 9px; 
			line-height: 12px; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 285px; 
			float: right; 
			margin-top: 10px; 
			padding-left: 10px; 
			display: inline; 
			}
				
#dropdown { 
			width: 280px; 
			float: right; 
			padding-top: 10px; 
			padding-bottom: 20px; 
			display: inline; 
			}

#middleright { 
/*			background-image: url(/submittal123/images/rightcolumn.gif); 
*/			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			display: inline; 
			margin-top: 10px; 
			padding-bottom: 20px; 
			width: 200px; 
			float: right; 
			}

#righttext { 
			color: #818181; 
			line-height: 16px; 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding-top: 20px; 
			width: 270px; 
			float: left; 
			padding-right: 5px; 
			padding-left: 15px; 
			}
			
#copycolumn	{
			color: #786d61; 
			line-height: 20px; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			display: inline; 
			width: 270px; 
			float: left; 
			margin-top: 10px; 
			margin-left: 15px; 
			}
				
a { 
			text-decoration: none; 
			color: #660000; 
			}
				
/* -------------- Feature Rules ------------ */

#feature { 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 0 0;
			/*border: 1px solid black;*/ 
			width: 185px; 
			height: 51px; 
			float: left; 
			margin-left: 7px;
			margin-bottom: 10px; 
			display: inline; 
			}

							
/* -------------- Nav Rules ------------ */

#navright { 
			/*background-attachment: scroll; 
			background-position: 0 0; */
			width: 180px; 
			float: left; 
			margin-right: 0; 
			margin-bottom: 0; 
			margin-left: 0; 
			padding: 0 0 0 15px; 
			display: inline; 
			}
				
#navright2	{ 
			background-attachment: scroll; 
			background-position: 0 0; 
			width: 170px; 
			float: left; 
			margin-right: 0; 
			margin-bottom: 0; 
			margin-left: 0; 
			padding: 0 0 0 15px; 
			display: inline; 
			}

				
* html #navright {	
			padding: 0;
			}
				
ul { 		
			margin: 0 0; /*add in so IE will display right*/
			padding: 0 0; /*add in so IE will display right*/
			width: 165px; 
			list-style: none; 
			display: inline; 
			}
			
.sub {	
			list-style: none; 
			display: inline; 
			}
			
ul#bullet { 
			list-style-type: disc;
			}
				
* html ul#bullet {
			list-style-position: outside;
			}

ul#bullet li { 
			margin: 0 0 0 10px;
			text-indent: 0;
			}
				
ul#bullet li a:hover { 
			color: #660000; 
			text-decoration: none; 
			}

ul#bullet li a { 
			display: inline;
			color: #8086bc; 
			text-decoration: none; 
			background: none;
			border-top: 0px;
			padding: 0px 
			}

.bullet { 
			list-style: disc;
			width: 500px;  
			display: inline;
			}
				
.apply { 
			list-style: none; 
			display: inline; 
			}
			
.sortable_list {
			color: #333;
			padding-bottom:20px;
			}
			
.sortable_list li {
			border:1px solid black;
			background-color:#CCC;
			margin-bottom: 10px;
			margin-left: 20px;
			height: 20px;
			padding: 5px
			}
			

/* 
ul li { 
			background-image: none; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			position: relative; 
			width: 270px; 
			} 8?


#navright ul li.sub {
			 padding: 0 0 0 15px; 
			 }
*/

/* -------------- Styles for Tables ------------------ */

table {
			border-collapse:collapse;
			}
			
.theader {
			color: #FFF;
			background-color:#666;
			}

.rowAlt {
			background-color:#FFF;
			border-bottom:1px solid #333;
			}
.rowReg {
			background-color:#CCC;
			border-bottom:1px solid #333;
			}
.rowassoc {
			background-color: #FFF;
			border-bottom:1px solid #333;
			}
.mHeader {
			color: #FFF;
			background-color: #660000;
			border:1px solid #333;
			}


				
/* -------------- Styles for Menu Items -------------- */

ul li a { 
			display: block; 
			text-decoration: none; 
			color: #fff; 
			font-size: 11px; 
			background-image: none; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding: 4px; 
			border-top: 1px solid #660000; 
			}
				
.sub a { 
			color: #666; 
			font-size: 10px; 
			text-decoration: none; 
			background-image: none; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding: 5px; 
			border-top: 1px solid #dedede; 
			display: block; 
			}
				
.sub a 	strong { 
			color: #292929; 
			}

.apply a { 
			color: #666; 
			font-size: 10px; 
			text-decoration: none; 
			background-image: none; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding: 3px; 
			display: block; 
			border-top: 1px solid #dedede; 
			}
				
a:hover { 
			color: #7ec24c; 
			background-image: none; 
			background-attachment: scroll; 
			background-position: 0 0; 
			text-decoration: none; 
			}
				
ul li a:hover { 
			color: #fff; 
			background: #660000; 
			}
				
.sub a:hover { 
			color: #292929; 
			background: #ededed; 
			}

.apply a:hover { 
			color: #292929; 
			background: #ededed; 
			}

				
/* -------------- Hover Styles -------------- */

ul li a#active { 
			color: #fff; 
			background: #660000; 
			}
				
.sub #active { 
			color: #fff; 
			background: #97958d; 
			}

.sub #active strong	{ 
			color: #fff; 
			background: #97958d; 
			}

				
/* -------------- Fix IE. Hide from IE Mac -------------- */

* html .subold a {	
			color: #666; 
			font-size: 10px; 
			text-decoration: none; 
			background-image: none; 
			background-repeat: repeat; 
			background-attachment: scroll; 
			background-position: 0 0; 
			padding: 5px; 
			border-top: 1px solid #dedede; 
			display: block; 
			}
				
* html .subold a:hover {  
			color: #292929; 
			background: #ededed; 
			}

* html ul li a	{ 
			height: 1%; 
			}

*html .indent { 
			color: #575757; 
			margin: 0; 
			text-align: left;
			padding-left: 15px; 
			}
				

/* -------------- End -------------- */

/* -------------- Active Styles -------------- */

/* ---------- Various Classes and Header Rules ---------- */

.ste_header { 
			margin: 0; 
			font-size: 13px; 
			color: #a7a7a7; 
			padding-bottom: 10px; 
			padding-left: 4px; 
			}
.header { 
			color: #000; 
			font-size: 13px; 
			margin: 0; 
			padding-bottom: 10px;
			/* padding-left: 4px;  */
			}
.indent { 
			color: #575757; 
			font-size: 11px; 
			margin: 0; 
			padding-left: 10px; 
			}

.headerh2 { 
			color: #a7a7a7; 
			font-size: 14px; 
			font-weight: bold; 
			margin: 0 0 5px; 
			}
			
.headercurriculum { 
			color: #3b3e46; 
			font-size: 14px; 
			font-weight: bold; 
			margin: 0 0 5px; 
			}
			
.headerpage { 
			color: #676c97; 
			font-size: 16px; 
			font-weight: bold; 
			margin: 0; 
			}
			
.headerlist { 
			color: #3d3d3d; 
			font-size: 12px; 
			font-weight: bold; 
			line-height: 18px; 
			background-color: #f6f6f6; 
			text-indent: 5px; 
			margin: 0; 
			padding: 5px; 
			border: solid 1px #bfbfbf; 
			}
				
.headersub 	{ 
			color: #c7c7c7; 
			font-size: 13px; 
			margin: 0; 
			padding: 5px; 
			}
				
.directorytitle { 
			color: #343434; 
			font-size: 13px; 
			font-weight: bold; 
			margin: 0; 
			}
			
.headersubsub { 
			color: #343434; 
			font-size: 11px; 
			font-weight: bold; 
			margin: 0; 
			padding-top: 10px; 
			}
			
.programnames { 
			color: #243050; 
			font-size: 14px; 
			font-weight: bold; 
			margin: 0; 
			padding-bottom: 5px; 
			}

.titleTOC {
			padding-left: 10px;
			font-size: 1.0em;
/*			background: url(../specdrawer/css/newcal/images/blueArrow.gif) 0 .4em no-repeat; 
*/			color: #222;
			}

.titleTOC:hover {
			color: #00adef;
			}