/* New CSS Layout Template with Top & Left Side Navigation Bars - updated on 1/03/10 by smd */

body {margin: 10px 5px 10px 5px; /*this means top-10px, right-5px, bottom-10px, left-5px */
  	  background-color: #CEE2EF; font-family: Verdana;
  	 }

/* Style for Container - which will be grouping all elements, like #header, #leftside navigators and the #main section into centre of page */

#container {width: 800px; background-color: white; margin-left: auto; margin-right: auto;}

/* Style for Header - top part of our Webpage */

#header {width: 800px; height: 145px; background-image: url('images/windows4.gif'); background-repeat: no-repeat; background-position: center; margin: 0px;}

/* Style for Top Menu Bar - just below the main header */

#topmenu {width: 800px; height: 35px; margin: 0px;}

/*Style for Left Menu Bar - adjusting the Width to match the Header image*/

#leftside {float: left; width: 200px; height: 100%; margin-left: 5px; margin-top: 5px; vertical-align: top;}

/*	 border: 4px solid; border-left-color: #0072A8; border-top-color: #0072A8; border-right-color: white; border-bottom-color: #0072A8;} */
  
/* Style for Main section of the page - adjusting the Width to match the Header */

#main {float: right; width: 574px; height: 100%; margin-right: 5px;}

/* Style for Header - top part of our Webpage */

#footer {clear: both; width: 800px; margin: 0px; padding: 0px;}

/*Style for Paragraph (p)*/

p {
  color: #2E2E2E;
  font-family: Verdana;
  font-size: small;
  padding: 1px 2px 1px 5px; /*top-1px, right-2px, bottom-1px, left-5px */
  }

/* Additional Style - for text in header */

.headertext {text-align: center; font-weight: bold; padding: 1px 0px 1px 0px;}
   
/* Style for Heading 2 (h2) */ 

h2 {font-family: Verdana; font-size: 18pt;}

/* Style for Heading 3 (h3) */

h3 {font-family: Verdana; font-size: 12pt;}

/* Style for Heading 4 (h4) */

h4 {font-family: Verdana; font-size: 10pt;}

/* message box for in the header on the right side */

.box {width: 220px; height: 80px; position: relative; top: -100px; margin: 0px 0px 0px 600px;}
  
/* Additional Style - centered font white background blue */

.style1 {text-align: center; color: white; background: #000099; margin: 5px 0px 5px 0px;}
   
/* Additional Style - for first top header line - left font white background blue */

.style-1thl {text-align: left; color: white; background: #000099; margin: 3px 0px 20px 73px; padding: 1px 1px 1px 1px; width: 480px;}
   
/* Additional Style - for first top header line - right font blue no background */

.style-1thr {text-align: right; color: #000099; margin: 5px 35px 20px 385px;}
      
/* Additional Style - for second top header line - left font white background blue */

.style-2thl {text-align: left; color: white; background: #000099; margin: 5px 0px 15px 175px; padding: 1px 1px 1px 1px; width: 275px;}
  
/* Additional Style - for third top header line - left font white background blue */

.style-3thl {text-align: left; color: white; background: #000099; margin: 15px 0px 0px 80px; width: 465px;}
 
/* Additional Style - Left plus background color */

.style2	{text-align: left; color: white; background: #000099; margin: 5px 390px 5px 200px;}
  
/* Style for the border around the Photos */

/* Style for linking menu items */

a:link {  /*adding Style for Links in the TopMenu division*/
		color: white;
		font-size: 10pt;
		font-weight: bold;
		font-family: Verdana;
		}

a:visited {  /*adding Style for Visited Links in the TopMenu division*/
		color: white;
		font-size: 10pt;
		font-weight: bold;
		font-family: Verdana;
		}

a:hover {  /*adding Style for Hovered Links in the TopMenu division*/
		color: #FF0000;
		font-size: 10pt;
		font-weight: bold;
		font-family: Verdana;
		}
  
/* Style for Top Menu li background color & underline */

.bgcolor {background: #000099; text-decoration: underline;}