/*****************************************************************
 * File Name: style.css
 * Purpose: Defines the styles for the website
 * Change Log:
 *    10-12-2009 - Created - David Verro
 *    10-15-2009 - Added styles for body, a, p, #container, #header, header.img,  
 *                  #navigation, #content, and #footer 
 *    01-26-2010 - Finished customizing for ECMcorp.net site           
 */  
                    
 

/*****************************************************************
 *  Top Level Styles (body, headings, a, p)
 */


/* Topmost container for the website content*/
body 
{
  font-family: arial;
  font-size: 1em;
  color: #444444;
  margin:0px;
  padding:0px;    
  background-image:url('images/background1.png');
  background-repeat:repeat-y;
  background-position:center;
  background-color: #333;
  text-align: center;
}

/* Controls the style of the heading content on the page*/
h1, h2, h3, h4, h5, h6
{
  color: #333333;
  font-weight: bold;
}

/* Controls the style of the paragraph content blocks on the page*/
p
{
  text-indent: 0px;
}

/* Controls the style of the anchor tags & hyperlinks on the page*/
a
{
  color: #111111;
}

blockquote
{
  margin: 0px;
  padding: 0px;
  font-style: italic;
  font-size: .8em;
}

label
{      
  font-size: .9em;
}

hr
{
  color: rgb(176,176,176);
}

img.inline
{
  height: 1em;
  border: 0px; 
}

span.error
{
  color: #00f;
  font-style: italic;
  font-size: .8em;
  display: block;
}

table.schedule
{
  width: 600px;
}

td.schedule
{
  width: 50%;
  vertical-align: text-top;
  padding-bottom: 6px;
}

td.courses
{
  vertical-align: text-top;
  padding-bottom: 6px;
}

li
{
  list-style-image: url(images/bullet.png)
}



/*****************************************************************
 *  Div Level Styles
 */
 
 
/* Container for the header, nav, content, and footer*/
#container 
{
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;  
}

/* Container for the header*/      
#header 
{
  width: 800px;
  height: 120px;
  text-align: left;  
  background-color: white; 
  margin-top: 10px;
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
}

  #header img
  {
      border: 0px;
  }
  
  #header a
  {
    text-decoration: none;
  }
  
  #header a:hover
  {
    text-decoration: underline;
  }


  #header-left
  {    
    width: 250px;  
    height: 100%;
    float: left; 
    margin-left: 10px; 
  }
  
  #header-middle
  {      
    width: 400px; 
    height: 100%;   
    float: left;
  }
  
    #header-middle h1
    {
      margin-top: 60px;
      font-size:1em;
      color: #792323;
      text-align: center;
    }
  
  #header-right
  {   
    padding-top: 10px;
    padding-left: 60px;
    text-align: right;   
    width: 50px;  
    height: 100%;    
    float: left;  
  }

/* Container for the top navigation*/
#navigation 
{
  height: 100%;
  float: left;
  width: 136px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
  #navigation ul 
  { 
    list-style-type: none;
    padding: 0px;      
    margin: 0px;
  }
  
  /** Styles for nav lists in the navigation div*/
  #navigation li
  {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;      
    color: #dddddd;
    margin-top: 15px; 
    list-style: none url();  
  }
  
  /** Styles for anchor tags in the navigation div*/
  #navigation a
  {       
    color: #dddddd;
    text-decoration: none;   
  }
  
  /** Styles for anchor tags during hover in the navigation div*/
  #navigation a:hover
  {
    color: #EEEEEE;
    text-decoration: underline;   
  }
  
  #navigation img
  {
    border: 0px;
  }

/* Container for the content, and footer*/
.contentcontainer 
{
  margin-left: auto; 
  margin-right: auto;
  width: 800px;    
  text-align: center;
  padding-top: 15px; 
}

/* Container for the main content*/ 
#content 
{    
  margin-left: -1%;   
  width: 664px;
  min-height: 400px;
  float:left;                           
  background-color: white; 
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
  border: 1px solid #000;
  text-align: center;
}

  #content h1
  {
    color: #792323;
    font-size: 1.5em;
  }
  
  #content h2
  {
    color: #994343;
    font-size: 1.2em;
  }
  
  #content h3
  {
    color: #792323;
    font-size: 1em;
  }
  
  #content p
  {
    font-size: 1em;
  }
  
  #content img
  {
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
  }
  
  #content td.regform
  {
    width: 50%; 
  }
    
  #content fieldset
  {
    border: none;
    border-top: .1em rgb(176,176,176) solid; 
    padding: 0px;
    margin: 0px;
  }
  
  #content legend
  {
    padding: 0px;  
    margin: 0px;
    margin-left: 5em;          
    border: .1em rgb(176,176,176) solid;
    font-style: italic;
    font-size: .8em;
  }

 
#innercontent 
{           
  text-align: left;
  margin: 15px;
}
  
  #innercontent a
  {
    color: #792323;
  }
  
  #innercontent a:hover
  {
    color: #400;
  }

  #innercontent input
  {
    margin-top: 5px;
  }   
  
  #innercontent input.text
  {  
    border: 1px #ddd inset;
  }
  
  #innercontent input:focus
  {
    background-color: rgba(121, 35, 35, .1);
  }
  
  #innercontent input.button
  {
    height: 32px;
    width: 96px;
    border: 2px #994343 outset;
    margin-top: 5px;
    background-color: #792323;
    color: white;
    font-size: 1.2em;  
  }
  
  #innercontent input.button:hover
  {     
    cursor: pointer;    
  }
   
/* Container for the footer content*/
#footer
{
  width: 720px;
  height: 25px;
  margin-left: 40px;
  float: left;    
  text-align: center;
  color: #bbb;
  font-size: 14px;
  background-color: #792323;
}

  /** Styles for anchors tags in the footer div*/
  #footer a
  {
    text-decoration: none;
    color: #bbb;
  }
  
  /** Styles for anchors tags during hover in the footer div*/
  #footer a:hover
  {
    text-decoration: underline;
  }
  
  #footer img
  {
    border: 0px;
  }