/* Filename: style.css */

/******************************************************************************/
/*                                  STRUCTURE                                 */
/******************************************************************************/

body {
      /* background: #EEE; orig value; same as #EEEEEE */
      background: #669999;  /*was #EEEEEE; */
      margin: 0;
      padding: 0;
      font-family: tahoma;
      font-size: 12px;
      border-style: dotted; border-width: 0px; border-color: red;
}

#gradient-background {
         /* background: url(../images/gradient.png) repeat-x top left; */
         /* height: 20px; */
         border-style: dotted; border-width: 0px; border-color: blue;
}

#wrap {
      width: 950px;
      /* background: #FFF url(../images/gradient.png) repeat-x top left; */
      margin: 0 auto;
      padding: 10px 0 0 0;
     border-style: dotted; border-width: 0px; border-color: black;
     /* Surrounds all content centered within the body */
}

#container {
      width: 920px;
      padding: 15px 15px 25px 15px;
      overflow: hidden;      
      /* background: url(../images/logo-background.jpg) no-repeat center ; */
      background: #669999;  /* now muted blue-grey; was muted green (#33CC33); #EDDDA9 is light brown; was #CC9900 */
      border-style: dashed; border-width: 0px; border-color: brown;
      /* Surrounds main content below the header and above the contact form */
 }

#main-content {
      float: right;
      color: white;
      width: 75%; /* was 700px; */
      border-style: dashed; border-width: 0px; border-color: red;
      /* surrounds the right 2/3 of page below header */
}

      #main-content #col-left {
            float: left;
            width: 340px;
            color: #000;
            font-family: tahoma;
            font-size: 12px;
            text-align: justify;
      }
      
      #main-content #col-left p {
            line-height: 18px;
      }
      
      #main-content #col-right {
            float: right;
            width: 340px;
            font-family: 'Cantata+One';/* was tahoma; */
            font-size: 24px;
            letter-spacing:0px;
            color: white;
            /* line-height: 130px;  
            line-height: 200%;*/
            /* text-align: justify; */
}

#main-content-2 {
      float: right;
      color: white;
      width: 70%; /* was 75% and 700px; */
      /* margin-left: 20px; */
      border-style: dashed; border-width: 0px; border-color: red;
      /* surrounds the right 2/3 of page below header */
}

      #main-content-2 #col-left {
            float: left;
            width: 340px;
            color: #000;
            font-family: tahoma;
            font-size: 12px;
            text-align: justify;
      }
      
      #main-content-2 #col-left p {
            line-height: 18px;
      }
      
      #main-content-2 #col-right {
            float: right;
            width: 340px;
            font-family: 'Cantata+One';/* was tahoma; */
            font-size: 24px;
            letter-spacing:0px;
            color: white;
            /* line-height: 130px;  
            line-height: 200%;*/
            /* text-align: justify; */
}

      .col-right2 {
	        
	  }
	  .col-right3 {
	        margin-left: 15px;
			line-height: 90%;
	  }
      #main-content #col-right p {
            line-height: 22px;  /* was 18px */
}
      #cvtext1 {
            text-align: center;
            font-size: 22px;
			font-weight: 800;
      }
      #cvtext2 {
            text-align: left;
            font-size: 18px;
			font-weight: 800;
      }
      #cvtext2a {
            text-align: left;
            font-size: 18px;
			font-weight: 200;
            list-style-type: none;
      }
	  #cvtext2b {
            text-align: left;
            font-size: 18px;
			font-weight: 200;
      }
	  #cvtext2c {
            text-align: left;
            font-size: 18px;
			font-weight: 200;
            position:relative;left:40%;
      }
	  #cvtext2d {
            text-align: left;
            font-size: 18px;
			font-weight: 200;
            position:relative;left:4%;
			/*
			color:lime;
			text-indent:100px; */
      }
      #cvtext3 {
            text-align: right;
            position:relative;
			   top: -30px;
            font-size: 18px;
      } 
.side-container {
      width: 180px;
      background: #EDF7FC;
      border: 1px solid #DDE0E4;
      overflow: hidden;
      padding: 10px;
      margin-bottom: 5px;
}

/******************************************************************************/
/*                                    Header                                  */
/******************************************************************************/

#header {
      /* width: 100%; */
	  margin: auto;
	  /* float: left; */
      height: 130px;
      /* background: #0099FF url(../images/corbetts_h1.jpg) no-repeat center; */
	  /* #669999 is muted blue-grey; #33CC33 is muted green */
	  /* background: #669999 url(../images/corbetts_h1.jpg) no-repeat center; */
	  background: #669999;
	  border-style: solid; border-width: 0px; border-color: red;  
}
#header-right {
      /* right side of header - the part containing the picture */
      width: 53%;
	  height: 210px;
	  float: right;
      border-style: dashed; border-width: 0px; border-color: black; 
}
#header-text {
      width: 950px;
      margin: 0 auto;
	  border-style: solid; border-width: 0px; border-color: blue;
}

#logotexta {
     float: left;
	 width: 46%;
	 border-style: dashed; border-width: 0px; border-color: orange;
	 /* surrounds left half of header - the part with the text */
}
#logotext {
      /* surrounds the largest text in the header */
      font-family: 'Cantata+One';
      /* font-style: italic; */
	  width: 95%;
	  /* float: left; */
      font-size: 40px; /* was 48 */
	  font-weight: 800;
	  text-shadow: 4px 4px 4px #000000;
      /* text-align: center; */
	  text-align: left;
     /*  float: left; /* was right */
	  /* top, right, bottom, left */
      /* margin: 30px 3px 20px 0px; */
	  margin-top: 1px;
	  margin-right: 3px;
	  margin-bottom: 1px;
	  margin-left: 2px;  /* was 150, 170 */
	  /* color: #FF9900;  same as h1 */
	  color: white;
	  border-style: dashed; border-width: 0px; border-color: white;
}
#logotext2 {
      /* font-family: tahoma; */
	  font-family:'Cantata+One';
	  width: 97%;
	  /* float: left; */
      /* font-style: italic; */
      font-size: 26px;
	  font-weight: 800;
	  text-shadow: 4px 4px 4px #000000;
      text-align: left;
      /* float: left; was right */
	  /* top, right, bottom, left 
      margin: 30px 3px 20px 0px; */
	  margin-top: 0px;
	  margin-left: 1px;  /* was 140, 160 */
	  /* margin-right: 3px; */
	  /* color: #FF9900;  same as h1 */
	  color: white;
	  border-style: dashed; border-width: 0px; border-color: blue;
	  /* surrounds the 2nd largest text in the header */
}
#logo {
      float: left; /* was right */
      margin: 15px 20px 10px 0px;
}

.linkColr {color: #000099} /* dark blue */
.linkColr:hover {color: #A52A2A} /* brown */

/******************************************************************************/
/*                                    Header Tags                             */
/******************************************************************************/
h1 {
      color: #FF9900;
      margin: 0;
      font-family: tahoma;
      font-size: 25px;
      margin-bottom: 5px;
      display: block;
}

/******************************************************************************/
/*                                    Forms                                   */
/******************************************************************************/

input {
      border: 1px solid #DDD;
      width: 90px;
      padding: 3px;
}

.search-form {
      float: left;
      width: 180px;
      margin: 5px 0px;
}

.submitbutton {
      border: 1px solid #CCC;
      background: #DDDDDD;
      height: 24px;
      cursor: pointer;
      width: 70px;
      display: block;
      font-weight: bold;
}

#search-header {
      float: left;
      height: 18px;
      background: url(../images/search.jpg) top right no-repeat;
      font-family: tahoma;
      font-size: 17px;
      font-weight: bold;
      padding: 5px 0px;
      color: #000;
      border-bottom: 1px solid #DDE0E4;
      width: 180px;
}

#social-bookmarks {
      float: left;
      text-align: center;
      margin: 0px 5px 5px 5px;
      width: 180px;
}

#social-bookmarks img {
      margin: 5px 3px 0 3px;
}

#FName {
       width: 85%;
       background-color: #DDDDDD;
}
#Email {
       width: 85%;
       background-color: #DDDDDD;
	   border-style: dashed; border-width:0px; border-color: blue;
}
#dphone {
       width: 35%;
       background-color: #DDDDDD;
	   border-style: dashed; border-width:0px; border-color: blue;
}
#Subject {
       width: 85%;
       background-color: #DDDDDD;
       /* height: 15px; */
	   border-style: dashed; border-width:0px; border-color: blue;
}
#IUnderstand {
       width: 5%;
	   font-size: 7px;
	   color: black;
	   /* background-color: red; */
	   border-style: dashed; border-width:0px; border-color: blue;
}
#Message {
       width: 85%;
       background-color: #DDDDDD;
	   border-style: dashed; border-width:0px; border-color: blue;
}
#Button {
       background-color: #DDDDDD;
}
.contact {
      margin-left: 1px;
      background: #669999;  /* now muted blue-grey; was muted green (#33CC33); was tan (#EDDDA9) */
	  color: #FFFFFF; /* white */
	  width: 50%;
	  float: left;
      border-style: dashed; border-width: 0px; border-color: red;
}
#contact-form {
      /* margin-left: 20px; This line somehow prevents placement of the cursor in the subject line */
      background-color: #669999;  /* now muted blue-grey; was muted green; was tan (#EDDDA9) */
}
.contact-label {
      background-color: #669999;  /* now muted blue-grey; was muted green; was tan (#EDDDA9) */
	  width: 50px;
	  font-size: 18px;
}
.contact-right {
	  /* width: 35%; */
	  border-style: dashed; border-width: 0px; border-color: red;
	  color: #FFFFFF; /* white */
}
.label01{
	  font-size: 25px;
	  color: #6C4F32;
	  font-weight: 800;
}
.label02{
	  font-size: 18px;
}
.label03{
	  font-size: 18px;
	  position:relative;
	  left: 20px;
	  /* margin-left: 500px; */
	  /* text-align: left; */
	  border-style: dashed; border-width:0px; border-color: blue;
}
/******************************************************************************/
/*                                    News                                    */
/******************************************************************************/

#latest-news-header {
      /* float: left;  */
      height: 40px; 
      /* background: url(../images/document_icon.jpg) top right no-repeat; */
      font-family: tahoma;
      font-size: 17px;
      font-weight: bold;
	  margin-left: 50px;
      padding: 5px 0px;
      color: #FFF;
      /* border-bottom: 1px solid #DDE0E4; */
      /* width: 280px; */
}
.news-item { 
      border-top: 1px solid #DDE0E4;
      padding: 2px;
      float: left;
      text-align: left;
	  margin-left: 20px;
	  color: #FFFFFF
}    
.latest-news-content {
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      float: left;
      padding: 0px 3px 0px 3px;
}

.latest-news-date {
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      color: #FF9900
}

.latest-news-title {
      font-family: tahoma;
      font-size: 13px;
      text-align: center; 
      font-weight: bold;
}

.viewmore {
      color: #FF9900;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
}

a.viewmore {
      color: #FF9900;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
      text-decoration: none;
}

a.viewmore:hover {
      color: #FF9900;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
      text-decoration: underline;
}

 

.to-view-more {
      text-align: center;
      color: #FF9900;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: none;
      padding: 10px 10px 10px 33px;
}

a.to-view-more {
      text-align: center;
      color: #FF9900;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: none;
      padding: 10px 10px 10px 33px;
}

a.to-view-more:hover {
      text-align: center;
      color: #FF9900;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: underline;
      padding: 10px 10px 10px 33px;
}

table.search-table {
      width: 180px;
}


/******************************************************************************/
/*                                  MENU                                      */
/******************************************************************************/

#menu {
      width: 100%;
      height: 40px;
      margin: 0 auto;
      overflow: hidden;
      font-family: tahoma;
      font-weight: bold;
      background: #00FF00; /* Orig Value: #0000FF;  */
      text-align: center;
      font-size: 20px;
      border-style: dashed; border-width: 0px; border-color: red;
}

#menu ul {
      width: 75%; /* was 550px;  */
      list-style-type: none;
      margin: 0 auto;
      padding: 0px;
      border-style: dashed; border-width: 0px; border-color: red;
}

#menu li {
      float: left;      
}

#menu a {
      color: #FFF;
      padding: 12px 11px 12px 11px;
      display: block;
      text-decoration: none;
}

#menu a:hover {
      color: #FFF;
      background: #009933; /* Was #069BFF; */
      font-weight: bold;     
}

#left-content {
      float: left;
      width: 200px; /* was 200 */
	  height: 200px;
      border-style: double; border-width: 8px; border-color: #AAAAAA;
}

#menu2 {
      width: 100%;
      height: 25px; 
      margin: 0 auto;
      /*overflow: hidden; */
      font-family: tahoma;
      font-weight: bold;
      /* background: #888888; Orig Value: #0000FF;  */
      text-align: left;
      font-size: 15px;
      border-style: solid; border-width: 0px; border-color: #AAAAAA;
}

#menu2 ul {
      width: 95%; /* was 550px;  */
      list-style-type: none;
      margin: 0 auto;
      padding: 0px;
      border-style: dashed; border-width: 0px; border-color: red;
}

#menu2 li {
      /* float: left;  */ 
      margin-top: 5px;
      margin-bottom: 5px;  
}

#highlight {
      /* float: left;  */ 
      margin-top: 5px;
      margin-bottom: 5px; 
      background: #888888;
}

#menu2 a {
      color: #FFF;
      /* padding: 12px 11px 12px 11px; 
	  padding  top right bottom left*/
	  padding: 3px  11px  3px   11px;
      display: block;
      text-decoration: none;
}

#menu2 a:hover {
      color: #FFF;
      background: #666666; /* Now Grey; Was #069BFF; */
      font-weight: bold;     
}

/******************************************************************************/
/*                                  FOOTER                                    */
/******************************************************************************/

#footer {
      /* width: 950px; */
	  width: 99%;
	  clear: both;
      background: #AAAAAA; /* Now was brown (#CC9900); was #00AEEF; */
      text-align: center;
      height: 55px;
      margin-bottom: 3px;
}

#footer-links {
      padding-top: 8px;
      height: 25px;
}

#footer a {
      color: #FFF;
      text-decoration: none;
      font-family: tahoma;
      font-weight: bold;
      font-size: 11px;
}

#footer a:hover {
      color: #99FFFF;
      font-family: tahoma;
      font-weight: bold;
      font-size: 11px;
      text-decoration: underline;
}

#address {
      height: 25px;
      color: #FFF;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      float: left;
      margin: 15px 0px 0px 15px;
}

#telephone {
      height: 25px;
      color: #FFF;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      float: right;
      margin: 15px 15px 0px 0px;
}

#gianc {
      font-family: tahoma;
      font-size: 11px;
      width: 950px;
      height: 20px;
      margin: 0px 0px 10px 0px;
      float: left;
      text-align: right;
      color: #DDDDDD;
      text-decoration: none;
}

#gianc a {
      font-family: tahoma;
      font-size: 11px;
      color: #DDDDDD;
      text-decoration: none;
}

#gianc a:hover {
      font-family: tahoma;
      font-size: 11px;
      color: #0000FF;
      text-decoration: underline;
}