/* Template CSS IE Fixes WebbySoft Solutions 2007 */

body {font-size: 12px;
      font-family: Verdana, Arial, Helvetica, sans-serif, "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      background: #F5F5F4 url(images/background.png) repeat-x;
      color: #000000;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

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

p {line-height: 160%;}

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

a {color: #1469C1; text-decoration: none;}
a:link {color: #1469C1;}
a:visited {color: #1469C1;}
a:hover {color: #4153AD;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */

.right {float: right;}

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

.justify {text-align: justify;}
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 140px;
         position: relative;}

#logo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100px;
	height: 98px;
	top: 0px;
}

#logo h1 {margin: 0;}

#logo a {background: transparent;}

#logo img {display: block;
           margin: 0;}

#coname {
	position: absolute;
	bottom: 0px;
	left: 5px;
	width: 85px;
	height: 20px;
	top: 90px;
}
#coname h1 {
	font-family: "palatino linotype", "trebuchet ms", "times new roman";
	font-size:25px;
	font-weight:bold;
	color: #CCFFFF;
}
#coname h4 {
	font-family: "palatino linotype", "trebuchet ms", "times new roman";
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #CCFFFF;
}
#headright {
	position: absolute;
	bottom: 0px;
	left: 130px;
	width: 650px;
	height: 140px;
	top: 0px;
	z-index: 0;
}

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 37px;
       clear: both;}

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

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 37px;
               padding: 0 14px;
               margin: 0;
               line-height: 37px;
               display: block !important;
               float: left !important;
               background: #1469C1 url(images/button_background.png) repeat-x;
               color: #E3DBDB;
               font-size: 12px;
			   font-family: Arial, Verdana, Helvetica, sans-serif;
			   font-weight: bold;
               border-right: 1px solid #504B4A;}

#menu ul li a#first {border-left: 1px solid #504B4A;}

#menu ul li a:hover {background: #5D5756 url(images/button_background.png) repeat-x;
                     background-position: 0 -37px;
                     color: #FFF;}

/* End main navigation menu. */

#content-wrapper {
	width: 100%;
	clear: both;
	background: #B3C1CB url(images/bg.png);
}

#content {width: 780px;
         margin: 0 auto;
         clear: both;
		 padding: 0 10px 0 10px;
         text-align: left;
         position: relative;}

#left-column {width: 525px;
              float: left;
              padding: 0;
              margin: 0;
			  font-style:italic;
              min-height: 300px;}

#left-column h2 {
		font-size: 24px;
        font-style: normal;
		color: #CC0000;
}
p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;
             text-align: right;
             margin-bottom: 25px;}

#learn-more a img {display: block;
                   float: right;}

#right-column {width: 240px;
               padding: 0 5px 5px 5px;
               float: right;
               margin: 0;
			   border: 2px solid;
			   border-color: #CC0000;
			   }

.sidebar-header {font-size: 20px;
                 font-weight: normal;
                 width: 240px;
                 height: 37px;
                 line-height: 37px;
                 text-indent: 34px;
                 color: #E3DBDB;
                 background: #1469C1 url(images/sidebar_header.png) no-repeat;}

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #5A6F90;
       background-color: #F5F5F4;
       float: right;}

#footer-wrapper {width: 100%;
                 clear: both;
                 background: #1469C1 url(images/footer_background.png) repeat-x;
                 color: #B9B6AF;}

#footer {width: 780px;
         margin: 0 auto;
         clear: both;
         padding: 0;
         text-align: right;
         position: relative;}

#back-to-top {position: absolute;
              right: 2px;
              top: 4px;}

#back-to-top img {display: block;}

#footer-content {padding: 45px 0 5px;}

#footer p {margin: 0;}

#footer a {color: #8395B1;
           text-decoration: none;}

#footer a:link {color: #8395B1;}

#footer a:visited {color: #8395B1;}

#footer a:hover {color: #FFF;}

#footer-left {float: left;
              margin: 0;}

#footer-left img {display: block;
                  float: left !important;
                  margin: 0;}

/* Begin links list or a list of whatever you want */

#links {width: 100%;
        margin-bottom: 25px;}

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

#links ul li {margin: 0 0 1px;}

#links ul li a {display: block;
                padding: 3px 0;
                width: 230px;
                border-bottom: 1px dotted #5D5756;
                text-decoration: none;}

#links a:hover {background-color: #4297EF;}

/* End links list. */