/* Blue Gray Template CSS First Light Web Design 2007 */

body {
	font-size: 12px;
	font-family: "palatino linotype", "trebuchet ms", "times new roman";
	margin: 0;
	padding: 0;
	background: #99C68E url(background.png) repeat-x;
	position: relative;
	color: #000000;
	text-align: center;
	height: 100%;
} /* Needed to center layout in old IE browsers. */

abbr {cursor: help;
               border-bottom: 1px dotted;}

acronym {cursor: help;
               border-bottom: 1px dotted;}

p {margin: 0 0 15px 0;
                           padding: 0;}

h6 {margin: 0 0 25px 0;
                           padding: 0;}

h5 {margin: 0 0 25px 0;
                           padding: 0;}

h4 {margin: 0 0 15px 0;
                           padding: 0;}

h3 {margin: 0 0 25px 0;
                           padding: 0;}

h2 {margin: 0 0 25px 0;
                           padding: 0;}

h1 {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}

.justify {text-align: justify;}

ul {list-style-type: square;}

img {border: 0;
     margin: 0 0 0 0;}
 
#header {width: 100%;
         height: 240px;
         position: relative;
         margin-top: 15px;
}
      
h1 {font-size: 26px;}
h2 {font-size: 26px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.bottom-border {border-bottom: 1px solid #FFFF00;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}


#header h1 {margin: 0;}

/* Begin main navigation menu. */

#menu {clear: both;
              width: 100%;
              margin-bottom: 25px;
              margin-left: auto;
              margin-right: auto;
}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 0px;
          padding: 0;} 

#left-column {width: 60%;
              float: left;
              padding: 0;
              margin: 2em;
              text-align: center;
              font-size: medium;}
             
#left-column ul li {font-size: large;} 

#left-column ol li {font-size: large;}  
 
#right-column {width: 20%;
               padding: 0;
               float: right;
               margin: 2em;
               text-align: left;
               font-size: medium;}

#left-column2 {width: 47%;
              float:  left;
              padding: 0;
              margin-left: auto;
              margin-right: auto;
              text-align: center;
              font-size: large;}
              
#right-column2 {width: 47%;
               padding: 0;
               float: right;
               margin-right: auto;
               margin-left: auto;
               text-align: center;
               font-size: large;}

p#intro {font-size: 32px;
         font-style: normal;
         font-family:"Bookman Old Style", "margin: 0";
}

#learn-more {width: 100%;}

#learn-more a img {display: block;
                   float: right;}

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

#sub-wrapper {float: left;
              width: 100%;}

#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 

#footer {width: 80%;
         height: 56px;
         margin-left: auto;
		 margin-right: auto;
         background: #000000 url(footer_background) repeat-x;
         color: #FFFFFF;
         clear: both;
         text-align: center;
         padding: 0;
         position: relative;}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #000000 url(footer_right) no-repeat;
               color: #FFFFFF;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #000000 url(footer_left) no-repeat;
              color: #FFFFFF;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: none;
                    margin: 0;}

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {
	width: 100%;
	clear: both;
	font-style: normal;
	font-family: Arial;
	font-size:medium;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
                
#single-column2 {width: 50%;
                clear: both;
                font-style: normal;
                font-family: Arial;
                font-size:large;
                margin-top: 5px;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                padding: 0;}
