/* COLOR PALLETTE */
/* >Gainsboro	 #dcdcdc  */
/* Med Gray      #808080  */
/* SlateGray	 #708090  Visited Menu Links*/
/* Silver        #c0c0c0  */
/* Text Gray     #0a0a0a  Body Text  */
/* Slate Blue    #6a5acd  */
/* Med Blue      #336699  Links Bars*/
/* Light Gray	 #f0f0f0  Box Backgrounds /*
/* MidnightBlue  #191970  Page Title, Headlines, Borders, Menu Column*/
/* DarkBlue	 	 #00008b  Menu Links*/
/* DarkGray	 	 #a9a9a9  Visited Menu Links*/
/* RubyRed       #cd0000  Sub Titles, Sub Heads, Accent*/
/* PaleYellow    #ffffcc  Sidebar B/G, Text Accent*/
/* Yellow	 	 #ffff99  */

body 
{
  width: 810px;
  background-color: #ffffff;
  margin: 0;
  border: 0;
  padding: 0 4px;
}

/* Page Container */ 
div.content 
{
  float: left;
  width: 100%;
  margin: 0 0 0 10px;
  border-color: red;
  border-style: none;
  border-width: 1px;
  padding: 0;
}

/* DeltaNet Banner */			
.banner 
{
  float: left;
  clear: left;
  margin: 0;
  border-style: none;
  border-width: thin;
  border-color: blue;
  padding: 6px;
}
/*
div.banner img 
{
float: left;
clear: none;
margin: 10px;
border-style: none;
}
*/
div.tag-line 
{
  float : right;
  width : 200px;
  background-color : #f0f0f0;
  border-style : solid;
  border-width : 1px;
  border-color : #6a5acd;
  padding : 6px;
  margin : 10px 0px 0px 0px;
}

/* Horizontal Menu Bars */			 
p.links-horizontal 
{
  float: left;
  color: white;   			  	
  background-color: #336699;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-align: left;			 
  width: 800px;
  margin: 5px 25px 0 0;
  border-style: none;
  padding: 3px 0px 3px 10px;
}

div.links-horizontal
{
  background-color: green;
  width: 700px;
  height: 60px;
  
}
      
p.links-bottom 
{
  color : white;
  background-color : #336699;
  font-style : normal;
  font-weight : 600;
  font-variant : normal;
  text-align : center;
  margin : 0;
  border-style : none;
  padding : 3px 0 3px 0;
} 
   
/* Page Title Box */	
div.title-box 
{
  float: left;
  background-color : #ffffff;
  width: 810px;
  margin : 10px 0px;
  border-style : none;
  border-width : 1px;
  border-color : #191970;
  padding : 0;
}
               
/* Menu Box */	
div.menu-column 
{
  float: left;
  clear: none;
  width: 190px;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #ffffe0;
  border-style: solid;
  border-width: 1px;
  border-color: #6a5acd;
} 

.menu-here
{
  font-weight: 600;
  color: 	#32cd32;
  line-height: 1.2;
  margin: 0;
}
				
div.menu-column ul 
{
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px; 
  text-align: left;  
  font-weight: 500;
  line-height: 1.2;  
  position: relative;
  left : 0.5em;
  list-style-type: none;
  margin: 0 0.5em;
  border-style: none;
  padding: 0;
} 
                            
div.menu-column a 
{
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px; 
  text-align: left;  
  font-weight: 600;
  line-height: 1.2;
  padding: 0;
}

div.menu-column a:link 
{
  text-decoration : none;
  color : #000080;
  border-style: none;
}

div.menu-column a:hover 
{
  text-decoration : none;
  color : #ffffff;
  background-color : #191970;
  border-style: none;
}

div.menu-column a:visited 
{
  text-decoration : none;
  color : #a8a8a8;
  border-style: none;
}
				
/* Text Boxes */
div.menu-adjacent 
{
  float : right;
  width : 580px;
  padding : 0;
  border-style : solid;
  border-width : 0;
  border-color : red;
  margin: 8px 0 0 0;
}

div.purpose-right 
{
  float : right;
  width : 580px;
  background-color : #ffffe0;
  margin : 0 0 5px 0;
  border-style : solid;
  border-width : 1px;
  border-color : #6a5acd;
  padding : 10px 5px;
  
}

div.purpose-left 
{
  float : left;
  width : 500px;
  background-color : #f0f0f0;
  border-style : solid;
  border-width : 1px;
  border-color : #6a5acd;
  padding : 10px;
  margin: 10px 10px 20px 10px; 
}

		  
div.text-box-third {
  float : left;
  clear : none;
  border-color : #3366cc;
  border-style : solid;
  border-width : 1px;
  background-color: #ffffcc;
  width : 30%;
  margin-top : 12px;
  margin-right : 0;
  margin-bottom : 12px;
  margin-left : -1px;
  padding : 1em 0.5em;
}

div.text-box-fifth {
  float : left;
  clear : none;
  border-color : #3366cc;
  border-style : solid;
  border-width : 1px;
  width : 160px;
  margin-top : 12px;
  margin-right : 0;
  margin-bottom : 0;
  margin-left : 0;
  padding : 1em 0.5em;
}

div.action-call 
{
  clear : right;
  width : 690px;
  background-color : #ffffcc;
  border-style : outset;
  border-width : 3px;
  border-color : #191970;
  padding : 0.5em;
  margin: 20px 0 15px 60px;
} 

div.action-call-narrow 
{
  clear : right;
  width : 490px;
  background-color : #ffffcc;
  border-style : outset;
  border-width : 3px;
  border-color : #191970;
  padding : 0.5em;
  margin-top : 20px;
  margin-right : 0;
  margin-bottom : 15px;
  margin-left : 20px;
}
            
div.sidebar-left 
{
  float: left;
  clear: left;
  background-color: #ffffcc;
  width: 172px;
  border-style: solid;
  border-color: #336699;
  border-width: 1px;
  padding: 10px 8px 5px 0;
  margin: 5px 24px 5px 0;
}
  
div.sidebar-left-wide 
{
  float: left;
  clear: left;
  background-color: #ffffcc;
  width: 280px;
  border-style: solid;
  border-color: #336699;
  border-width: 1px;
  padding: 10px 8px 5px 0;
  margin: 5px 24px 5px 0;
}	
                
div.sidebar-right 
{ 
  float: right;
  background-color: #ffffcc;
  width: 200px;
  border-style: solid;
  border-color: #336699;
  border-width: 1px;
  padding: 10px 5px;
  margin: 5px 0 5px 10px;
}	 
			
div.sidebar-right-wide 
{ 
  float: right;
  background-color: #ffffcc;
  width: 300px;
  border-style: solid;
  border-color: #336699;
  border-width: 1px;
  padding: 10px 5px;
  margin: 5px 0 5px 10px;
}	

/* Photo Placements */
img.head-shot-left 
{
  float : left;
  clear : left;
  margin : 5px 10px 10px 0;
  border : none;
  padding : 0;
}

img.head-shot-right 
{
  float : right;
  clear : right;
  margin : 5px 0 10px 10px;
  border : none;
  padding : 0;
} 

img.banner 
{
  float: left;
  clear: none;
}

/* Fonts */
p 
{
  font-family:  Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #0a0a0a;
  text-align: left;
  line-height: 1.3; 
  padding: 0;
  border: none;
  margin: 0 0 6px 12px;
} 

p.center 
{
  text-align: center;
}

p.right 
{
  text-align: right;
}

p.empasis 
{
  font-weight: 700;
}
  
.align-right 
{
  text-align: right;
}
  
p.page-title 
{
  font-family : Times New Roman, Times, Georgia, serif;
  font-size : 28px;
  font-style : normal;
  font-variant : normal;
  font-weight : 600;
  color : #00008b;
  text-align : center;
  line-height : 1;
  padding : 0;
  margin : 0.3em 0;
}

p.page-sub-title 
{
  font-family : Times New Roman, Times, Georgia, serif;
  font-size : 20px;
  font-style : none;
  font-variant : normal;
  font-weight : 600;
  color : #cd0000;
  text-align : center;
  line-height : 1;
  margin: -0.2em 0 0.5em;
  padding : 0;
  border : none;
}

p.action-call
{
 font-weight: 500;
 text-align: center;
}
  
.emphasis {
  background-color: #ffffcc;
}
          
.last {
  margin: 0 0 0.2em 0; 
}
                 
p.caption {
  font-weight: 600;
  margin: 1em 0;
} 
	   
/* Heading Styles */
h1 
{
  color : #191970;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
  margin: 0.6em 0 0.2em 0;
  border-style: none;
  padding: 0;
}

h1.ruby 
{
  color : #990000;
  background-color : #ffffff;
}

h1.blue 
{
  color : #191970;
}

h1.center 
{
  text-align : center;
  margin : 0 0 0.5em 0;
} 
          
h2 
{
  color: #cd0000;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px; 
  font-weight: 600;
  padding: 0;
  margin: 6px 0 3px 0;
  border-width: 0;
} 
        
h2.blue 
{
  color: #003366;
  padding: 0;
  border-style: solid;
  margin: 0;           
}                 
        
h2.center 
{
  text-align: center;
  font-weight:700;
  margin: 0 0 0.2em 0; 
}

h2.right 
{
  text-align: right;
  margin: 0;
}
                  
h3 
{
  color: #191970;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px; 
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  border-width: 0;
  margin: 3px 0 6px 0;
}
        
h3.blue 
{
  color: #003366;
  font-size: 11pt; 
  font-weight: 600; 
}
        
h3.center 
{
  color: #191970;
  font-size: 11pt;
  text-align: center;
  margin: 0 0 0.5em 0;
}
          
h4 
{
  color : #990000;
  font-size : 10pt;
  font-weight : 600;
}
h4.blue 
{
  color : #003366;
  font-size : 12px;
  font-weight : 600;
}

h4.center 
{
  color : #990000;
  text-align : center;
  margin : 0 0 0.5em 0;
} 
          
/* Bullet Lists */			  
ul.bullet-gold 
{
  list-style-image : url(../images/bullet_gold.gif);
  list-style-position : outside;
  font-family : Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size : 12px;
  line-height : 1.2;
  margin : 10px;
  border-style : none;
  padding : 0;
}

ul.bullet-gold li 
{
  margin: 0 0 0.5em 2em; 
}

li.last 
{
  margin : 0 0 0.5em 2em;
  border-style : none;
  padding : 0 0 0 0.2em;
} 				 
                          
/* Link Styles */	  					  
a:link {
  color : blue;
  border-style: none;
}a:visited {
  color : #a9a9a9;
  border-style: none;
}a:hover {
  color : red;
  border-style: none;
}a.white:link {
  color : white;
  text-decoration : none;
}a.white:visited {
  color : #c0c0c0;
  text-decoration : none;
}                   
  			                      
/* Horizontal Rules */  
hr.red {
  color: #ff0000;
}                                                                                    						 
				   			   
/* Footer */
div.footer-box {
  float : left;
  width : 800px;
  padding : 5px 0 0 0;
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color : #ff0000;
  margin : 0.4em 0 0 0;
}div.w3c-validation {
  float : left;
  width : 800px;
  padding : 5px 0 0 0;
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color : #ff0000;
  margin : 0.4em 0 0 0;
}p.footer {
  font-size : 10px;
  line-height : 1.2;
  text-align : center;
} 
