/******************************************************
Master Front End Style Sheet
Version: 1.2
Copyright: 2007 NMPCA
Developed: Jeff Algarra and Jason Stearns - NMBVI 
Date: July 20 2007
Updated: 02-08-2008

******************************************************/
/********Presentation Styles **********************/
* 
{
    padding:0px;
    margin:0px;
}
body 
{
	scrollbar-face-color : #001778;
	scrollbar-shadow-color :;
	scrollbar-highlight-color : #81828E;
	scrollbar-3dlight-color :;
	scrollbar-darkshadow-color:;
	scrollbar-track-color : #E0E0E0;
	scrollbar-arrow-color : #ffffff;
    background-color: #EEEEEE;
    font-family:Verdana, Arial, helvetica;
    font-size:11px;
    margin-top:15px;
    margin-bottom:15px;
}
p   
{
    font-size:11px;
    text-align:left;
}
a   
{
    color:#870000;
    text-decoration:underline;
}
a:visited   
{
    color:#870000;
    text-decoration:underline;
}
a:hover   
{
    color:red;
    text-decoration:underline;
}
h3
{
    background-color:#868686;
    font-size:15px;
    color:#fff;
    height:25px;
    padding-top:8px;
    /*border-top:2px solid #fff;*/
    border-bottom:5px solid #001778;
    border-top:2px solid silver;
    text-align:left;
    padding-left:5px;
}

h4  
{
    color:#870000;
}
h5	{
	margin-left:10px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:2px;
	color:#BF0000;
}
ol  li
{
    margin-left:40px;
    font-size:12px;
    margin-top:3px;
    margin-bottom:3px;
    text-align:left;
}
ol  li a
{
    color:Maroon;
}
hr  
{
    width:730px;
    background-color:#870000;
    color:#870000;
    height:1px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
/********Tabless Layout Styles*********************/
#main_container 
{
    width:750px;
    border: 2px solid silver ;
    background-color: #ffffff;
    height:auto;
} 
#header_container 
{
    background-color:#006B6E;
    background-image: url('../../images/header_grid.gif'); 
    width:750px;
    height:110px;
    border-bottom:3px solid silver;
}
#left_header    
{
    float:left;
    width:125px;
    text-align:left;
    /*border:1px solid #000000; */
}
#right_header    
{
    float:right;
    width:620px;
    /*border:1px solid #000000;*/ 
}
#middle_container   
{
    background-color:#ffffff;
    border-top:10px solid #870000;
    border-bottom:10px solid #870000;
    /*height:500px;*/
    clear:both;     
}
#middle_container2   
{
    background-color:#ffffff;
    border-top:10px solid #870000;
    border-bottom:10px solid #870000;
    height:auto;
    clear:both; 
       
}
#footer_container
{
    height:70px;
    border-top:3px solid silver;
    background-image: url('../../images/header_grid.gif');
    clear:both;
}
#nav_container  
{
    /*border: 1px solid #000000;*/
    width:auto;
    height:50px;
    float:right;
    margin-top:20px;
    background-color: #870000;
   /* filter:alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5;
    z-index:0;*/
}
#left_middle_container
{
    float:left;
    width:220px;
    /*height:200px;
    border:1px solid #000;*/
    vertical-align:top;
    background-color:#DFDFDF;
}
#right_middle_container
{
    float:right;
   /* border:1px solid #000;
    height:200px;*/
    width:530px;
}
#log-in 
{
    /*border-right:1px solid #000;
    border-bottom:1px solid #000;*/
    background-color:#DFDFDF;
    /*height:215px;*/
    width:220px;
    padding-bottom:10px;
}
#learning_log-in 
{
     float:right;
     margin-right:10px;
     margin-left:10px;
        
}
#left_news 
{
    /*border-right:1px solid #000;*/
    height:284px;
    background-color:#DFDFDF;
    width:220px;
    text-align:left;
    
}
#left_news_scroll 
{
    /*border-right:1px solid #000;*/
    overflow:auto;
    height:240px;
    background-color:#DFDFDF;
    width:220px;
    text-align:left;
    
}
#intro_text 
{
    /*border:1px solid #000000;*/
    min-height:160px;
    /*background-image:url('../../images/front_text_bg.gif');
    background-repeat:no-repeat;
    background-position: 450px 45px;*/
}

/******* Layout Styles Presentation ***************/
#left_header h1 
{
    padding:0px;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    margin-top:-60px;
    margin-left:-95px;
    margin-bottom:0px;
    z-index:99;
    text-align:center;
}
#right_header h2 
{
    padding-top:5px;
    font-family:Verdana;
    margin:0px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    letter-spacing:5px;
    clear:both;
}
.logo   
{
    margin-top:10px;
    margin-left:15px;
    padding-bottom:15px;
    padding:0px;
    z-index:1;
}
.main_pic_border    
{
    border-left:5px solid #870000;
    border-right:5px solid #870000;
    border-bottom:10px solid #870000;
}
.main_pic_border2    
{
    border:2px solid #fff;
}
#left_header   img
{
    border:none;
}
#log-in h3
{
    background-color:#868686;
    font-size:15px;
    color:#fff;
    height:25px;

    /*border-top:2px solid #fff;*/
    border-bottom:5px solid #001778;
    text-align:left;
    padding-left:5px;
}
#log-in p
{
    font-size:10px;
    text-align:justify;
    margin-left:5px;
    margin-right:5px;
    margin-top:3px;
    margin-bottom:3px;
    padding:0px;
}
#left_news h3
{
    background-color:#868686;
    font-size:15px;
    color:#fff;
    margin-top:5px;
     height:25px;
    /*border-top:2px solid #fff;*/
    border-bottom:5px solid #001778;
    text-align:left;
    padding-left:5px;
}
#left_news_scroll  h4  
{
   color:#001778;
   text-align:left;
   font-size:12px;
   margin-left:10px;
   padding-top:3px;
   padding-bottom:3px;
    
}
#left_news_scroll  h4 a 
{
   color:#001778;
   text-align:left;
  
}
#left_news_scroll  hr 
{
    width:95%;
    text-align:center;
    margin:3px;
}
#left_news_scroll p
{
    font-size:11px;
    text-align:left;
    margin-left:10px;
    margin-right:5px;
    margin-top:3px;
    margin-bottom:3px;
    padding:0px;
    line-height:15px
}
#intro_text  p  
{
    font-size:12px;
    margin-left:10px;
    margin-right:10px;
    line-height:17px;
}
#intro_text  h4
{
    font-size:14px;
    color:#870000;
    text-align:left;
    margin-left:10px;
    padding-top:10px;
    padding-bottom:10px;
        
}
#middle_container2 p    
{
    font-size:12px;
    margin-left:10px;
    margin-right:10px;
    margin-top:8px;
    margin-bottom:8px;
    line-height:18px;
}
    

#middle_container2 h4
{
    font-size:14px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
    color:#870000;
    text-align:left;
    
} 
.about img
{
    border:2px solid #D47E7E;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    
}
#learning_log-in   img
{
    border:none;
}
#learning_log-in h3
{
    vertical-align:middle;

}
 .top    
{
    color:Red;
    font-size:10px;
    margin-right:10px;
    text-align:right;
}
/******* Footer Styles ****************************/
.footer_links   
{
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}
.footer_links a 
{
   color:#fff;
}
.footer_links a:visited 
{
   color:#fff;
}
.footer_links a:hover 
{
   color:red;
   text-decoration:none;
}
.copyright
{
    font-size:11px;
    color:#fff;
}
.copyright a
{
    color:#fff;
}
.copyright a:visited
{
    color:#fff;
}

/*********** Main Navigation Styels**************/
#navcontainer
{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding: 0px;
    text-align:right;
}

#navcontainer ul
{
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float:right;

}

#navcontainer ul li
{
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

#navcontainer ul li a
{
    background: #DFDFDF;
    width: 100px;
    height: 20px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
    padding: 0;
    margin: 14px 0 0 0;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    font: normal 10px/19px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
    color: #fff;
    background-color:#868686
}

#navcontainer a:active
{
    background: #DFDFDF;
    color: #fff;
}

#navcontainer li#active a
{
    background: #DFDFDF;
    border: 1px solid #000;
    color: #fff;
}

/****************Box Border Style **********/
/* Square cutout Borders*/
.square 
{
    background: transparent; 
    width:300px; 
    margin:0 auto;
}

.square .top, .square .bottom 
{
    display:block; 
    background:transparent; 
    font-size:1px;
}
.square .b1t 
{
    margin:0 6px; 
    display:block; 
    overflow:hidden; 
    height:5px; 
    background:#DFDFDF; 
    border-left:1px solid #A13405; 
    border-right:1px solid #A13405; 
    border-top:1px solid #A13405;
}
.square .b2 
{
    display:block; 
    height:1px; 
    margin:0; 
    background:#DFDFDF; 
    border-left:7px solid #A13405; 
    border-right:7px solid #A13405; 
    overflow:hidden;
}
.square .b1b 
{
    margin:0 6px; 
    display:block; 
    overflow:hidden; 
    height:5px; 
    background:#DFDFDF;
    border-left:1px solid #A13405; 
    border-right:1px solid #A13405; 
    border-bottom:1px solid #A13405;
}
.square .boxcontent 
{
    display:block; 
    background:#DFDFDF; 
    border-left:1px solid #A13405; 
    border-right:1px solid #A13405;
    text-align:left;
    padding:10px
}

/****************Log - In Form Styles */

#loginform form{
     padding:0px;
     margin:0px;
}
#loginform fieldset{
    width:190px;
    margin:0px;
    padding:0px;
    color:#000;
    text-align:left;
}
#loginform legend{
    font-weight:bold;
    font-size:11px;
}
#loginform .text_box
{
    width:110px;
    text-align:left;
    margin-top:2px;
    margin-bottom:2px;
}
#loginform .log_submit
{
    text-align:center;
    float:none;
    clear:both;
    margin:10px

}
#loginform label{
    display:block;
    height:20px;
    padding:5px 5px 0;
}
#loginform input {
    margin-right:0px;
    border:1px solid #000000;
    float:right;
    clear:right;
    background:#fff;
    font-size:11px;
    padding:1px;
}
#loginform input:focus,#loginform input:hover {
    border:1px solid #333333;
}
.error{
    color:red;
    font-weight:bold;
}
.log_links  
{
     font-size:10px;
     text-align:center;
     margin-top:5px;   
}
/**************Contact Form Styles *****************/
#contact fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #870000;
	width:750px;
}

#contact legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #870000;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
}

#contact label {
	float: left;
	width: 200px;
	padding: 0 1em;
	text-align: right;
}

#contact fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

#contact fieldset div input, fieldset div textarea {
	width: 50%;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

#contact fieldset div select {
	padding: 1px;
}

#contact div.contact-multi div {
	margin: 5px 0;
}

#contact div.contact-multi input {
	width: 1em;
}

#contact div.contact-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#contact-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#contact-submit input {
	background:#868686;
    font-size:11px;
	padding: 2px 1em;
	border:1px solid #000000;
	color: #fff;
	font-size: 100%;
}

#contact input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

	
/* required fields - does not work in IE */
#contact fieldset div.contact-req {
	font-weight: bold;
}

/*#contact fieldset div.contact-req label:before {
	content: "* "; /* does not work in IE */
/*}*/
/*********************Sign Up Form Styles**********/
#sign fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #870000;
	width:750px;
}

#sign legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #870000;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
}

#sign label {
	float: left;
	width: 200px;
	padding: 0 1em;
	text-align: right;
}

#sign fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}
#sign fieldset div.exempt
{
    text-align:left;
    padding-left:300px;
}
#sign fieldset div.exempt label
{
    float:none;
    font-weight:bold;
}
#sign fieldset div.validationMessageDiv
{
    text-align:left;
    padding-left:300px;    
}

#sign fieldset div input, fieldset div textarea {
	width: 50%;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}
#sign fieldset div.exempt input
{
    width:auto;
}
#sign fieldset div select {
	padding: 1px;
}

#sign div.sign-multi div {
	margin: 5px 0;
}

#sign div.sign-multi input {
	width: 1em;
}

#sign div.sign-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#sign-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#sign-submit input {
	background:#868686;
    font-size:11px;
	padding: 2px 1em;
	border:1px solid #000000;
	color: #fff;
	font-size: 100%;
}

#sign input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

	
/* required fields - does not work in IE */
#sign fieldset div.sign-req {
	font-weight: bold;
}

/*#sign fieldset div.sign-req label:before {
	content: "* "; /* does not work in IE */
/*	color:Red;
}*/


A IMG
{
    border-style:none;
}
.FormUI_FormCellData input, .FormUI_FormCellData textarea, .FormUI_FormCellData select
{
    font-size:11px;
}