/*************************************************************************************************************
* Echo-U Website CSS Coding
* Created by Lee Stott
* 16-12-08
**************************************************************************************************************/

/******** index.php ********/

/* Main body style */
body 
{
  font-family: 'Microsoft Sans Serif';
  font-size:12px;
  width:929px;
  margin:auto;
  color: #1D447A;
  scrollbar-arrow-color: #4e658a;
  scrollbar-3dlight-color: #777799;
  scrollbar-darkshadow-color: #666677;
  scrollbar-face-color: #a1b1c3;
  scrollbar-highlight-color: #e9e9e9;
  scrollbar-shadow-color: #a1b1c3;
  scrollbar-track-color: #9faab8;
}

/* Header container for logo and clock */
#head1
{
  float: left;
  height:107px;
  width: 100%;
  padding-left:4px;
  background-color:white;
  background:url(images/header.jpg);
}

/* Logo Container */
#header
{
  float: left;
  height:105px; 
  width: 40%;
  padding-top:8px;
  padding-left:8px;
}

/* Clock and header links container */
#headerlinks
{
  float: right;
  width: 20%;
  padding-top:1px;
  padding-right:5px;
  text-align: right; 
}

/* Header link styling */
#headerlinks a
{
  text-decoration: none;
  color: black;
}

/* Header link hover styling */
#headerlinks a:hover
{
  text-decoration: none;
  color: #309BFF;
}

/* Clock code, not used 20-01-09 */
#clock
{
  float: right;
  width: 20%;
  padding-top:1px; 
}

/* Navigation bar styling */
#navbar
{
  float: left;
  height:30px;  
  border: #BDD80F 4px ridge;
  width: 99.7%;
  background:url(images/navbarback.jpg);
}

/* Main image - flash animation */
#mainimage
{
  float: left;
  height:188px;
  width:100%;
  border: #BDD80F 2px solid;  
}

/* Main image 2 - flash animation - Not used 20-01-09 */
#mainimage2
{
  /*margin-top:5px;*/
  float: left;
  height:125px;
  width:100%;
  border: #BDD80F 2px solid;  
}

/* Main content section container */
#maincontent 
{
  margin-top:1px;
  float: left;
  width:100%;
  height: 420px;  
}

/******** home.html ********/

/* Row for link banner */
#contentRow1 
{
  float: left;
  width:100%;
  padding-top:40px;
}

/* Create first image in banner */
.contentRowPhotoStart
{
  float: left;
  width:16.5%;
  height:120px;
  border-left: #BDD80F 2px ridge; 
  border-top: #BDD80F 2px ridge; 
  border-bottom: #BDD80F 2px ridge; 
}

/* Create middle images in banner */
.contentRowPhoto 
{
  float: left;
  width:16.3%;
  height:120px;
  border-left: #BDD80F 2px ridge; 
  border-top: #BDD80F 2px ridge; 
  border-bottom: #BDD80F 2px ridge;
}

/* Create last image in banner */
.contentRowPhotoEnd
{
  float: left;
  width: 16%;
  height:120px;
  border: #BDD80F 2px ridge;
}

/* Create text section (Used in most pages) */
.contentRowText 
{
  float: left;
  margin-top:5px;
  margin-left:4px;
  width:180px; 
  height:104px;
}

/* Style text title (Used in most pages) */
.contentRowText  span.title
{
  font-size: medium;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  color: white;
  font-weight: bold; 
}


.linkbox
{
  width:16.5%;
  float: left;
  color: white;  
  font-family: arial;
  text-align: center;  
  border-right: white 1px solid;
  height: 30px;
  line-height:2em;
  font-size: 13px;
  text-decoration: none; 
}

.linkboxfinal
{
  width:16.5%;
  float: left;
  color: white;  
  font-family: arial;
  text-align: center;
  height: 30px;
  line-height:2em;
  font-size: 13px;
  text-decoration: none; 
}

.linkbox a
{
  text-decoration: none; 
  color: white;  
}
			  				  
.linkbox a:hover 
{
  color: #BDD80F;
}

.linkboxfinal a
{
  text-decoration: none; 
  color: white;  
}
			  				  
.linkboxfinal a:hover 
{
  color: #BDD80F;
}

/* Main page content - Not Used 20-01-09 */
#pagecontent 
{
  margin-top: 10px;
  padding-left: 2px;
  float: left;
  width:100%;
}

/* Main page header - Not Used 20-01-09 */
#pagecontent span.header
{
  font-family: Calibri, Verdana, Ariel, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/* Main page image - Not Used 20-01-09 */
#pageimage
{
  margin-top: 10px;
  float: right;
  width: 40%;
}

/* Footer used on home.html */
#footer
{
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 10px;
  height:50px;
}

/* Main content section styling */
#contentSection
{
  float: left;
  width:47%;  
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 10px;
}

/* Main content section form styling used in contant.php */
#contentSectionFormText
{
  float: left;
  width:49%; 
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 10px;
}

/* Content section text (If 2 columns) */
#contentSectionRight
{
  float: left;
  width:47%;
  height:190px;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 0px;
}

/* Form styling - contact.html */
#contentSectionForm
{
  float: left;
  width:46%;
  height:190px;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 0px;
}

/* Main content 2 section styling */
#contentSection2
{
  float: left;
  width:100%;
  height:390px;
  padding-left:0px;
  margin-top: 20px;
}

/* Main content 3 section styling */
#contentSection3
{
  float: left;
  width:98%;
  height:190px;
  padding-left:10px;
  padding-right:10px;
  padding-top: 10px;
  overflow: auto;  
}

/* News section - news.php */
#contentSectionNews
{
  float: left;
  width:100%;
  height:190px;
  padding-left:0px;
  padding-right:0px;
  padding-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* News Item - newsitem.php */
#contentSectionNewsStory
{
  float: left;
  width:70%;
  height:190px;
  padding-left:0px;
  padding-right:0px;
  padding-top: 10px;  
  overflow-y: scroll;
  overflow-x: hidden;
}

/* News Photo - newsitem.php */
#contentSectionNewsImage
{
  float: left;
  width:30%;
  height:190px;
  padding-top: 30px;  
}

/* Resources images */
#contentSectionResourcesImage
{
  float: left;
  width:49%;
  height:190px;
  padding-top: 40px;   
}

/* Staff profile pics */
#contentStaffPics
{
  float: left;
  width:30%;
  height:100%;
}

/* Staff profile images individual */
.contentStaffPicsIndiv
{
  float: left;
  width:40%;
  height:35%;
  border: none;
  overflow: none; 
}

#contentStaffProfile
{
  float: left;
  width:64%;
  height:90%;
  padding-left: 5px;
  padding-top: 0px;
}

/* Staff profile name individual */
.contentStaffProfileName
{
  font-size: medium;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  font-family: arial;
}

/* Content section header */
#contentSectionHeader
{
  font-size: medium;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  font-family: arial;  
}

/* Content section text area */
#contentSectionText
{
  text-align: left;
  color: #1D447A;
  font-size: 12px;
  margin: 0; 
  padding: 0;
  line-height: 1em; 
  font-size: 1em;

}

/* Table formatting */
table.one 
{
  font-style: italic;
}

/* bullet point formatting - services.html */
ul 
{
list-style-image: url('arrow.JPG');
}

/* Email style - contact.php */
#email 
{
   line-height:2em;
}

/* Rollover link - say.html */
a.srollover 
{
  display: block;
  width: 396px;
  height: 16px;
  border: #1D447A 1px solid;
  text-decoration: none;
  text-align: center;
}

/* Rollover hover link - say.html */
a:hover.srollover {
  border: #BDD80F 1px solid; 
  text-decoration: none;
}