/* Template CSS 2007 */

body {background: #000 url(images/page_background.jpg) repeat;
      color: #CCC;
      font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      text-align: center;} /* Needed to center layout in old IE browsers. */

abbr {cursor: help;
               border-bottom: 1px dotted #334755;}

acronym {cursor: help;
               border-bottom: 1px dotted #334755;}

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

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

h4 {margin: 0 0 25px 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;}

ul {list-style-type: square;}

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

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

a {color: #0000AB; text-decoration: underline; background-color: none;}
a img {border: 0px; border-thickness: 0px; border-color: #ffffff; border-style: solid;}
a:link {color: #800000; background-color: none;}
a:visited {color: #660033; background-color: none;}
a:hover {color: #0000FF; text-decoration: none; background-color: none;}

 

/* Holly Hack: Hide From IE5/Mac \*/
* html img {
  	margin: 0px 0;
  	vertical-align: middle;
}

* html input { 
	margin: 0px 0; 
	vertical-align: middle;
}

#header {width: 797px;
         line-height: 0px;
}
/* Holly Hack: End Hide From IE5/Mac */



            
#container {width: 810px;	
            text-align: center;
            padding: 5px 0 5px;
            margin: 5px auto;
            background-color: #E7EAEB;
            color: #334755;}

#header {width: 800px;
         height: 100px;
         background: #E7EAEB url(images/header_background.jpg) repeat-x;
         color: #334755;
         margin: 0 4px 0;
         padding: 0;
         border: 1px solid #334755;
         position: relative;}

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

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



/* Begin main navigation menu. */

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

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


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

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

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

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

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

* html #menu a.last {margin-right: 0px} /* IE Hack */


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


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

/* End main navigation menu. */ 

/* Begin main navigation menu. */

#menu2 {width: 800px;
		vertical-align:middle;
       	height: 30px;
       margin: 2px 5px 2px;
       background: #FFFFFF url(images/menu_background.jpg) repeat-x;
       border: 0px solid #334755;}

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


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

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

#menu2 a.first {margin-left: 0px;}

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

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

* html #menu a.last {margin-right: 0px} /* IE Hack */


#menu2 a#selected {background: #ACCBDF url(images/button2.jpg) repeat-x;
                                 background-position: 0 0px;
                                 color: #000;}


#menu2 a:hover {background: #ACCBDF url(images/button2.jpg) repeat-x;
                                 background-position: 0 0px;
                                 color: #000;}



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

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

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

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

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

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

#footer {width: 800px;
         height: 26px;
         background: #E7EAEB url(images/header_background.jpg) repeat-x;
         color: #334755;
         margin: 0 5px;
         padding: 0;
         border: 1px solid #334755;
         position: relative;}

#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: 230px;
           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. */



.divider {width: 799px;
          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;}

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

p.featured {border: 1px solid #98A5AE;
            padding: 5px 5px 20px;
            background: #E7EAEB url(images/gradient.jpg) repeat-x;
            color: #334755;}