/* cookie media 2008 */

body {background: silver;
      color: #6C6C6C;
      font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", Helvetica, "Verdana", "Arial", sans-serif;
      margin: 0;
      padding: 0;
      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 {margin: 0 0 20px 0;
                        padding: 0 0 2px 0;
                        color: #264b79;
                        background-color: #FFF;
                        font-weight: normal;}

h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 16px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.bottom-border {border-bottom: 1px solid #E0E0E0;}

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

ul {list-style-type: square;}

p {padding: 0;
   margin: 0 0 20px 0;
   line-height: 160%;}
   
p2 {color: #264b79;}

.tiny {font-size: 10px;
	font-style: italic;
	margin: 0 0 0 5px;}

p.clear-left {clear: left;}

img {border: 0;
     margin: 0 0 20px 0;}
     
#sideimg {margin-bottom: 25px;
		 background: white /*url(images/sideimg.jpg) no-repeat*/;
	     padding: 0;
         border: 2px solid #E0E0E0;
         width: 210px;
         height: 210px;}

a {color: #264b79; text-decoration: none; background-color: #FFF;}
a:link {color: #264b79; background-color: #FFF;}
a:visited {color: #264b79; background-color: #FFF;}
a:hover {color: #CC6633; background-color: #FFF;}
            
#container {width: 960px;
            background-color: #FFF;
            color: #6C6C6C;
            text-align: left;
            padding: 0;
            margin: 10px auto;}

/* Not being used*/
#header {width: 100%;
         background: #3D3D3D;
         color: #EEE;}

#header h1 {margin: 0;
            background: #3D3D3D;
            color: #EEE;
            padding: 0;}

#logo {display: block;
       margin: 0;}
/* End of not being used*/

/* Header images*/


#sub-header, #contact-header, #course-header, #links-header, #project-header, #pro1-header, #pro2-header, #pro3-header, #pro4-header, #pro5-header, #pro6-header, #pro7-header, #pro8-header, #pro9-header, #eng-header, #rya-header, #boat-header {width: 960px;
             height: 218px;
             color: #6C6C6C;}

#sub-header {background: #FFF;
			 margin-top: 0;
			 margin-left: 0;
			 text-align: right;}
             
#contact-header {background: #FFF url(images/header-contact.jpg) no-repeat;
				background-position: right;}
             
#course-header {background: #FFF url(images/header-courses.jpg) no-repeat;
				background-position: right;}

#links-header {background: #FFF url(images/header-links.jpg) no-repeat;
				background-position: right;}

#project-header {background: #FFF url(images/header-project.jpg) no-repeat;
				background-position: right;}

#pro1-header {background: #FFF url(images/header-pro1.jpg) no-repeat;
				background-position: right;}

#pro2-header {background: #FFF url(images/header-pro2.jpg) no-repeat;
				background-position: right;}
             
#pro3-header {background: #FFF url(images/header-pro3.jpg) no-repeat;
				background-position: right;}

#pro4-header {background: #FFF url(images/header-pro4.jpg) no-repeat;
				background-position: right;}

#pro5-header {background: #FFF url(images/header-pro5.jpg) no-repeat;
				background-position: right;}

#pro6-header {background: #FFF url(images/header-pro6.jpg) no-repeat;
				background-position: right;}

#pro7-header {background: #FFF url(images/header-pro7.jpg) no-repeat;
				background-position: right;}

#pro8-header {background: #FFF url(images/header-pro8.jpg) no-repeat;
				background-position: right;}

#pro9-header {background: #FFF url(images/header-pro9.jpg) no-repeat;
				background-position: right;}
				
#eng-header {background: #FFF url(images/header-eng.jpg) no-repeat;
				background-position: right;}
				
#rya-header {background: #FFF url(images/header-rya.jpg) no-repeat;
				background-position: right;}

#boat-header {background: #FFF url(images/header-boat.jpg) no-repeat;
				background-position: right;}


#sub-header img, #contact-header img, #course-header img, #links-header img, #project-header img, #pro1-header img, #pro2-header img, #pro3-header img, #pro4-header img, #pro5-header img, #pro6-header img, #pro7-header img, #pro8-header img, #pro9-header img, #eng-header img, #rya-header img, #boat-header img {
	float: left;
	margin: 20px 0 0 20px;				

}

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 34px;
       margin: 0;
       padding: 0;
       background: #FFF url(images/menu_background.jpg) repeat-x;
       color: #333;
       position: relative;
       display: block;}

#menu-right {position: absolute;
             width: 13px;
             height: 34px;
             right: 0;
             top: 0;
             background: #FFF url(images/menu_right.jpg) no-repeat;
             color: #333;}

#menu-left {position: absolute;
            width: 13px;
            height: 34px;
            left: 0;
            top: 0;
            background: #FFF url(images/menu_left.jpg) no-repeat;
            color: #333;}


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

#menu ul li {display: inline;
             margin: 10px 0 0 50px;
             padding: 0;
             font-weight: bold;}

#menu ul li#first {margin: 0;}

#menu ul li a {text-decoration: none;
               text-transform: uppercase;
               color: white;
               background-color: transparent;
               font-size: 14px;}

#menu ul li a:hover {color: #dc8037;
                     background-color: transparent;}

.access-key {color: #d2d7e4;
             font-size: 14px;
             background-color: transparent;
             font-weight: normal;}

/* End main navigation menu. */ 

#content {padding: 0 20px;
		  padding-top: 10px;
          background: #FFF url(images/content_top.jpg) no-repeat;
          color: #6C6C6C;}

/* The right-column division is your main content division. */

#right-column {width: 668px;
               float: right;
               min-height: 350px;}

#left-column {width: 216px;
              padding: 0;
              margin-right: 504px;}
              
#left-column img {padding: 0;
				  margin: 0;}              

/* The footer details Start*/

#footer {width: 960px;
         height: 78px;
         clear: both;
         margin: 0;
         padding: 0;
         background: #FFF url(images/footer_background.jpg) no-repeat;
         color: #6C6C6C;}

#footer-content {padding: 41px 20px 0;}

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

#footer p {margin: 0;}

#footer img {border: 0;
     		 margin: -15px 0;
     		 height: 37px;
     		 width: 118px;}
 
/* The footer details Finish*/
/* The Left side-bar */

.download {margin: 0 0 10px 0;
		   background: url(images/pdficon.gif) no-repeat;}

.download a {margin-left: 22px;}


.date {color: #264b79;
       background-color: #FFF;
       font-style: italic;
       float: right;}

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

.right {float: right;}

.justify {text-align: justify;}

.clear {clear: both;}

/* Begin recent projects list. */

#recent-projects {margin-bottom: 25px;
                 padding: 0;}

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

#recent-projects li {display: inline;
                    padding: 0 1px 0 0;}

#recent-projects li a img {padding: 0;
                          margin: 0;
                          border: 2px solid #E0E0E0;
                          width: 64px;
                          height: 64px;}

#recent-projects li a:hover img {border: 2px solid #264b79;}

/* End recent projects list. */

/* CONTACT PAGE */

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

.contact {margin: 0 0 20px 0;
		  text-align: left;}

           
/* Google Map */

#map a img {margin-bottom: 25px;
	  padding: 0;
      list-style: none;
      display: inline;
      border: 2px solid #E0E0E0;
      width: 210px;
      height: 210px;}

#map a:hover img {border: 2px solid #264b79;}

/* End Google Map */

#contact-form {width: 666px;
               float: left;
               padding-top: 20px;
               border-top: 1px solid #E0E0E0;}


/* Begin style for the featured services. */

.features {width: 218px;
		   text-align: center;
		   float: left;
		   padding: 0;
		   margin-right: 4px;}
		   

.featured-top {width: 216px;
               height: 24px;
               background: #FFF url(images/featured_top.png) no-repeat;
               color: #6C6C6C;
               text-align: left;
			   padding: 0;}

.featured-wrapper {width: 216px; 
                   background: #FFF url(images/featured_background.png) repeat-y;
                   color: #6C6C6C;
  				   text-align: left;
				   padding: 0;}
                   
.featured-content {margin: -10px 15px 0;
                   /*padding: 0 10px 10px 10px;*/
 				   text-align: left;
				   padding: 0;}
				   
.featured {width: 100%;
           /*padding-bottom: 25px*/;
		   text-align: left;
		   padding: 0;}
		   
.featured p {padding: 0 0 20px 0;
   			 margin: 0;
             line-height: 160%;}
		   
.featured h3 {margin: 0;
              padding: 8px 0 0 0;
              /*background: transparent;*/
              font-size: 16px;
              font-weight: bold;
 			  text-align: left;
			  /*padding: 0;*/}     
			                
.featured-bottom {width: 216px;
                  height: 15px;
                  background: #FFF url(images/featured_bottom.png) no-repeat;
                  color: #6C6C6C;
   				  text-align: left;
				  padding: 0;}

.number {font-size: 72px;
         line-height: 72px;
         float: left;
         margin: 0 10px 0 0;
         color: #264b79;
         padding: 0;}
         
#valid {text-align: right;
	    margin-left: 10px;}
	  
/* End style for featured services. */