/* NEW CSS STYle SHEET test4 */
.footer_copyright {
   font-size: .75em;
   border: 1px solid blue;
   padding: 3px;
}

.main-content {
   font-family:serif;
   margin-left: 2em;
   margin-right: 8em;
   padding: 1em;
   border:1px solid black;
}

.main-content h1 {
   font-family:sans-serif;
   font-size:1.5em;
}

.main-sub-content {
   font-family: verdana;
   border:1px solid blue;
   width: 45%;
}

.main-sub-content .head {
   font-weight:bold;
   padding: .4em;
   background-color:#cccccc;
   border-bottom: 1px solid blue;
}

.main-sub-content .body {
   font-size:.75em;
   padding:5px;
}

.left {
   width:150px; 
   float:left;
   height:100%;
   border:1px solid green;
}

.left .head {
   font-weight: bold;
   font-family: sans-serif;
   padding: .4em;
   background-color: aliceblue;
   border-bottom: 1px solid red;
}

.left .body {
   font-size:.6em;
   font-family: sans-serif;
   padding: .6em;
   
}


#k12LeftNav, #hiedLeftNav {
   padding:10px;
   width: 200px;
   border:1px solid black;
   dashed black; 
   margin-left:50px; 
   margin-top:50px;
}

#k12LeftNav ul {
   list-style-type:none;  
}

#hiedLeftNav ul {
   list-style-type:square;
}


/* NEW CSS STYle SHEET */
body {
margin:0;
padding:0;
font:75%/1.4 verdana,Helvetica,sans-serif;
/*background-image:url(../images/body_bg.gif);*/ 
background-color:#EEEEEE;
text-align:center;
}

h3,h4 span {
display:none;
}
/* Higher ed, Nm Cyber Academy, state image heights */
h3 {
height:80px;
margin:0;
padding:0;
}
/* Main image height*/
h4 {
height:181px;
margin:0;
padding:0;
}

.padding {margin:0;padding:10px;}

.white_links {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	}
	
.k_12white_links {
	color: #FFFFFF;
	font-size: 1.6em; 
	font-weight: bold;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	}
	
	
#photo_links a:hover{ text-decoration: underline; color:#999999;}
#photo_links a{ color:#999999; text-decoration: none}
#photo_links {
margin-right:19px; 	font-size:8pt;
font-weight: normal;
color: #CCCCCC;

}
	

p {margin:0;padding:0;}

#p2 {margin:0;padding:0;
font:Verdana, Arial, Helvetica, sans-serif;color: #006699  }


acronym {
border:none;
}


a {
color:#000000;
background-color:none;
text-decoration:underline;

}

a:hover, a:hover {
color:#000000;
background-color:white;
}


/* ////////////// layout /////////////////bgcolorhere */

#container {
width:772px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(../images/bg.gif) repeat-x #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#454545;
text-align:left;
}

/* ////////////// header ///////////////// */
#header {
width:770px;

background-color:#ffffff;
font-size:12px; 
font:verdana,Helvetica,sans-serif; 
background-repeat:repeat-y;
margin:0 0 2px 5px;
color:#454545;
display:block;padding:0;
}
#header a 
{
	text-decoration:none;
    color:#000000;
    background-color:#none;
    margin :0px 0px 0px 0px;
    padding:0px 3px 0px 3px;
    height:100%;
}
#header {
padding-top:10px;
background:url(../images/NMEL_header.gif) top no-repeat;
/*aligntop links*/
}

#header img {
margin:0px 0px 0px 0px;
}
html> body div#header img { margin:0px 0px 0px 0px;}


#header p span {
	padding:0 15px 10px 400px;
    display:block;
}

/* ////////////// align column here /////////////////bgcolorhere */
#main_image, #body_highlight {
width:546px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:10px 0 2px 226px;
color:#454545;
display:block;padding:0;
}
html> body div#main_image { margin:10px 0 2px 226px;}
#body_highlight img{ border-style:none;
}



#cyber_academy {
width:168px;
height:180px;
font-size:10px;
margin-top:0px;
font:verdana,Helvetica,sans-serif; 
background-color:#313131;
background-repeat:repeat-y;
margin-left: 242px;
color:white;
display:block;padding:0;
}

#cyber_academy1 {
width:253px;
height:70px;
margin-top:0px;
font:verdana,Helvetica,sans-serif; 
background-color:#313131;
background-repeat:repeat-y;
margin-left: 230px;
display:block;padding:0;
}
html> body div#cyber_academy1 { margin-top:-3px;}

#cyber_academy1 h3 {background:url(../images/cyber_academy.gif) no-repeat;display:block}

#cyber_academy1 p span{
padding:0 40px 10px 17px;
display:block;
}



#state_programs{
	position:absolute;
	left:599px;
	top:269px;
	width:168px;
	height:180px;
	background-color:#313131;
	background-repeat:repeat-y;
	font-size:10px; 
font:verdana,Helvetica,sans-serif; 
color:white;
}
html> body div#state_programs { top:269px;}
#higher_ed{
	position:absolute;
	left:427px;
	top:269px;
	width:168px;
	height:180px;
	background-color:#313131;
	background-repeat:repeat-y;
	font-size:10px; 
font:verdana,Helvetica,sans-serif; 
color:white;
}
html> body div#higher_ed { top:269px;}

#state_programs p span {
padding:0 15px 10px 77px;
display:block;
}


#main_image p span, #cyber_academy p span, #body_highlight p span {
padding:0 40px 10px 17px;
display:block;

}

#k-12_content {
padding:0 40px 10px 17px;
display:block;
width:720px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:10px 0 2px 20px;
color:#454545;
display:block;padding:0;}

#k-12_content img{ border-style:solid;
}


#footer {
width:730px;
margin:20px 0 0 10px;
text-align:left;
padding:5px 5px 5px 5px;
border:2px  dotted #bdbdbd;
clear:both
}
#footer a{
text-decoration:none;
color:#888888;
background-color:#dfdfdf;
border:1px solid #bdbdbd;
padding:3px 15px;
height:100%;

}

#footer a:hover {
background-color:#ebebeb;
color:#777777;
}

/* ////////////// NAV /////////////////*/
#linkList {
position:absolute;
top:86px;
left:17px;
width:200px;


}



#lselect, #highlight_one, #highlight_two {
margin:0 0 2px 0;
}

.highlight_one {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 2px solid #555;
}

#highlight_news {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #555;
}


#linkList li {
list-style:none;
padding:6px 0 2px 0;
background:url(../images/line.gif) bottom repeat-x;
}

#linkList li a {
padding-left:7px;
background:url(../images/link.gif) left center no-repeat;
text-decoration:none;
}

#line  {
width:450px; 
margin-left:16px;
padding:6px 0 2px 0;
background:url(../images/line.gif) bottom repeat-x;
}

#k-12_line  {
width:720px; 
margin-left:0px;
padding:6px 0 2px 0;
background:url(../images/line.gif) bottom repeat-x;
}

#linkList li a:hover {
text-decoration:underline;
}

#lselect li a {
display:block;
font-weight:normal;
background-position:0 0.6em;
}

#lselect .c {
display:inline;
color:#666666;
padding:0;
background:none;
background-color:#ffffff;
}
#lselect ul, #highlight_one ul, #highlight_two ul{
margin:0;
padding:0 25px 20px 17px;
}


#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{display:none;}


/* images */
#higher_ed h3 {background:url(../images/higher_ed.gif) no-repeat; display:block}
#state_programs h3 {background:url(../images/title_stateprograms.gif) no-repeat;display:block}
#cyber_academy h3 {background:url(../images/cyber_academy.gif) no-repeat;display:block}


.bodyMain, h1 {
   font-size: 1.5em;
   line-height: 150%;
}

.bodyMain, h2 {
   font-size: 1.1em;
   line-height: 150%;
}


.bodyMain img{
   float:center;
   margin-left:15px;
   margin-right:20px;
   border:1px solid black;   
}

.bodyMain p.alert {
   font-size: 1.7em;
   text-align:left;
}

.bodyMain table.dataTable {
   font-size: 1em;
   border-collapse: collapse;
}


.bodyMain table.dataTable td {
   border-bottom: 1px black solid;
}

.bodyMain table.dataTable td {
   padding-right: 1em;
   padding-bottom: 1em;
   padding-top: .75em;
}

.bodyMain ul {
   margin:0;
   padding:0;
   margin-left:40px
}

.bodyMain li {
   background: none;
   margin:0px;
   padding:0px
}
 
.bodyMain li a {
   line-height:16px;
   color:#5181AC; 
   font-weight:bold 
}

/* This one controls the <ul>'s <li> items on miscellaneous_documents.tpl.
The other documents in there should use this style, as well.
Sorry if this is duplicated elsewhere. This style sheet isn't well organized.

.bodyMain li.linksList {
	padding-bottom:1em;
	list-style-type: none;
}
*/

.bodyMain img{
   float:right;
   margin-left:15px;
   border:1px solid black;   
}

.bodyMain a{
   line-height:16px;
   color:#5181AC; 
   font-weight:bold;   
}

.bodyMain table.courseListing {
  font-size:1em;
}

.bodyMain table.courseListing th {
   text-align:left; 
}

.bodyMain table.courseListing td {
}

.linksList  {
	list-style:none;
	padding-bottom:1em !important;
}

.linksList li {
	line-height:200%;
}


<!--new code test it!!!

#body_k_12 p span {
padding:0 40px 10px 17px;
display:block}

#body_k_12 {
width:546px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:10px 0 2px 226px;
color:#454545;
display:block;padding:0;
}
#body_k_12 img{ border-style: none;
}


.bd {padding:5px 10px 10px;
}
.btn-more-2 {  background-image:url(../images/grd-1px_1.4.gif);
  background-repeat:repeat-x;
}
.hd {
	background-image:url(../images/grd-1px_1.4.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	padding-left:1em;
	color:#18397c;
  	background-color:#fff;
  	background-position:0 -916px;
  	border:1px solid #b0bec7;
  	border-bottom:1px solid #93a6b4;
	position:relative;
	margin:-1px -1px 0;
}

.md { 
  border:1px solid #b0bec7;
}

.md {position:relative;
margin:0 0 10px;
}
#mastheadbd {  background-image:url(../images/grd-1px_1.4.gif);
  background-repeat:repeat-x;
}
#mastheadft {  background-image:url(../images/grd-1px_1.4.gif);
  background-repeat:repeat-x;
}
.hd h2{
position:relative;
font:bold 100% arial;
padding:1px 11px;
border-bottom:1px solid #fff;
}


div.faq {
	/* Placeholder for this div. */
}

.faq-header {
     font-size:1.3em;
     padding-top:1em;
}

p.faq-header a, p.faq-question a {
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

.faq-question {
	font-style:italic;
	padding-top:.5em;
	line-height: 120%;
}

.faq-answer {
	padding-left:1em;
	text-indent:1.5em;
	line-height: 120%;
}


/* Added by gg for the cost calculator. */
table#calc {
    border-color: #000;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-collapse: collapse;
    
    margin-top: 2em;
    
    width: 600px;
    
    /* Center the table on both IE and FF */
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    
}

table#calc td.head {
    border-color: #600;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    color:#333366;
    background-color: #ffff99;
    font-size:1.5em;
    text-align: center;
    padding: 5px;
}

table#calc th {
    font-size:2em;
    background-color: #ffff99;
    text-align: center;
    font-weight:bold;
    font-color: #333366;
    padding: 5px;
}

table#calc td.question {
    text-align: right;
    font-size: 1.2em;
    width: 80%;
    font-color: #333366;
}

table#calc td.response {
    text-align: right;
    width: 20%;
    font-color: #333366;
    font-size: 1.2em;
    padding-right:20px;
}

table#calc td.response input {
    font-size:1.0em;
}
#higher_ed1 ul li{ padding-bottom:3px; list-style:disc; color:#FFFFFF; font-size:1.0em; font-weight:bold ;padding:3; }
#higher_ed1 ul li a{color:#FFFFFF; }
#higher_ed1{ position:absolute; margin-top:0px; left:498px; width:256px; height:70px; background-color:#313131; background-repeat:repeat-y;font-size:11px; font:verdana,Helvetica,sans-serif; color:white;
}

#higher_ed1 h3 {background:url(../images/higher_ed.gif) no-repeat; display:block}
.list-item{ }
.list-address{padding-left:20px; }
.list-phone{padding-left:20px; }
.list-email{ padding-left:20px; }
.detail-view{ padding-top:10px; border:0;}

-->
/* This breaks the nav at the top.
.bodyMain, p {
   padding-bottom:.1em;
   text-align:left

to chang eto spring colors 
.md {  background:#fff;
  border:1px solid #b0bec7;




/* Something here causes the left nav to disappear in IE.



*/


/* 
TODO break out into different files (or sections) eg: layout, typography.
TODO why are there different faces? arial and tahoma?
TODO use em for font-size.

Gah. These styles are all messed up. Why in the bleep do we have something like this: .bodyMain, h1 ?????
*/