/* Leonardo Template CSS First Light Web Design 2007 */

body {
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #666;
	}
acronym, abbr {cursor: help;
               border-bottom: 1px dotted #334755;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 25px 0;
                        padding: 0;}

ul {list-style-type: square;}

p {padding: 0;
   margin: 0 0 25px 0;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 14px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}

a { text-decoration: none; color:#009999;  }
a:visited {color: #5B7E97;}

            
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 1100px;
	background: #fff;	
	border: 2px solid #009999;
	padding: 0 0px;
	text-align: left;
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background:#ffffff url(image-files/header.gif) no-repeat 100% 0;
	border-bottom: 20px solid #009999;
	border-top: 20px solid #009999;
	padding: 10px 10px;
	}	
	
	
#logo {float: left;
       margin: 0 5px 0 0;
       padding: 0;}

#header h1 {margin: 36px 0 0 20px;
            padding: 0;
            font-size: 29px;
            line-height: 30px;}

#header h2 {margin: 1px 0 0 20px;
            padding: 0;
            font-size: 14px;
            line-height: 15px;}



/* Begin main navigation menu. */

#menu {width: 950px;
       height: 30px;
       margin: 2px 5px 0;
       background: #829099 url(images/menu_background.jpg) repeat-x;
       border: 1px solid #334755;}

#menu ul {list-style-type: none;
          text-align: center;
          margin: 0;
          padding: 0;}

#menu li {display: inline;
          margin: 0;
          padding: 0;}

#menu a {text-decoration: none;
         height: 30px;
         padding: 0 12px;
         margin: 0;
         line-height: 30px;
         display: block !important;
         float: left !important;
         background: #829099 url(images/button.jpg) repeat-x;
         color: #334755;
         font-size: 16px;
         font-weight: bold;
         border-left: 1px solid #334755;}

#menu a.first {margin-left: 20px;}

* html #menu a.first {margin-left: 10px} /* IE Hack */

#menu a.last {border-right: 1px solid #334755;}

#menu a:hover, #menu a#selected {background: #ACCBDF url(images/button.jpg) repeat-x;
                                 background-position: 0 -30px;
                                 color: #000;}

/* End main navigation menu. */ 

/* The leftcolumn division is your main content division. */

#leftcolumn {float: left;
             width: 400px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumn {margin: 0 0 0 13px} /* IE Hack */

#leftcolumn_2 {float: left;
             width: 250px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumn_2 {margin: 0 0 0 13px} /* IE Hack */

#middlecolumn_2 {float: left;
             width: 200px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #middlecolumn_2 {margin: 0 0 0 13px} /* IE Hack */

#middlecolumn {float: left;
             width: 900px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumn {margin: 0 0 0 13px} /* IE Hack */


#rightcolumn {float: left;
              width: 250px;
              padding: 0;
              margin: 0 0 0 25px;}

#rightcolumn h5, #rightcolumn h6 {border-bottom: 1px solid #98A5AE;
                                  padding: 0 0 2px 0;}

#footer {width: 740px;
         clear: both;
         margin: 0 5px;
         font-size: 11px;
         text-align: center;}

#footer p {padding: 5px 0;
           margin: 0;}

.left {float: left;
       margin: 5px 5px 0 0;}

.right {float: right;
        margin: 5px 0 0 5px;}

.justify {text-align: justify;}

/* Begin topics list. It could instead be used for a list of links. */

#topics {width: 246px;
         margin-bottom: 25px;}

#topics ul {margin: 0;
            padding: 0;
            list-style-type: none;}

#topics li {margin: 0 0 1px;}

#topics a {display: block;
           padding: 3px 0 3px 10px;
           width: 280px;
           background: #829099 url(images/topics_background.jpg) repeat-x;
           color: #334755;
           border-left: 5px solid #334755;
           border-top: 1px solid #334755;
           border-bottom: 1px solid #334755;
           border-right: 1px solid #334755;
           text-decoration: none;}

#topics a:hover {border-left: 5px solid #4F6C7F;
                 border-top: 1px solid #4F6C7F;
                 border-bottom: 1px solid #4F6C7F;
                 border-right: 1px solid #4F6C7F;
                 background: #ACCBDF url(images/topics_background.jpg) repeat-x;
                 background-position: 0 -25px;
                 color: #334755;}

/* End topics list. */

.date {float: right;
       font-size: 11px;
       margin: 7px 0 0;
       font-style: italic;}

.divider {width: 400px;
          height: 11px;
          clear: both;
          margin: 2px 5px 0;
          background: #E7EAEB url(images/divider.jpg) repeat-x;
          color: #334755;}

.divider2 {margin: 0 0 25px;
           border-bottom: 1px solid #98A5AE;}

p.featured {border: 2px solid #98A5AE;
            padding: 5px 5px 20px;
            background: #FFFFFF ;
            color: #333333;}
            
            
            #first_column {
	    	width:27%;
	    	float:left;
	    	padding:0 20px 0 10px;
	    	margin-right:1%;
	    	margin-left:1%;
	    	}
	    
	    #second_column {
	    	width:27%;
	    	float:left;
	    	padding:0 10px 0 10px;
	    	margin-right:1%;
	    	margin-left:1%;
	    	}
	    
	    #third_column {
	    	width:27%;
	    	float:left;
	    	padding:0 10px 0 20px;	
	    	margin-right:1%;
	    	margin-left:1%;
	}
	
	
	.red {
		color:#f73602;
	}
	
	.blue {
			color:#800080;
	}
	
	.purple {
				color:#7E354D;
	}
	
	#footer a { text-decoration: none; color:#009999; border-bottom: 0px; }
	#footer a:hover { border-bottom:0px ; color:#333333; }
	
	#footer {
		
		background-color:#999999;
		width: 1010px;
		border-top: 10px solid #fff;
		text-align: center;	
		color:#333333;
		font-size: 0.8em;
		padding: 10px;
		line-height: 16px;
		clear: both;
	}