﻿body				{ background-color:#F7F4EE; }

   
/* Set width for entire page. Margin auto centres the page */
#wrapper 			{ width:900px; margin:0px auto; background-color:#FFFFFF; font-family:"Lucida Sans Unicode", "Tahoma", "Lucida Sans",  "Lucida Grande", Geneva, Verdana, sans-serif;  }

img {border : 0;}
img a {outline : none;}

/* --------------------*/
/* Shadow style info  */
/* --------------------*/
.shadow
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow:before, .shadow:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.shadow:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}


/*  */
#banner				{ background-color:#003366; width:100%; padding:10px 0px; overflow:hidden; }

#logo				{ margin:0 0 0 10px; float:left; }

/* --------------------*/
/* Contact style info  */
/* --------------------*/

#contact			{ background-color:#003366; float:right; margin:23px 10px 4px 0px; text-align:right; }

#contact p			{ color:#ffffff;  font-size:11px; }

#contact ul li		{ color:#ffffff; font-size:13px; display:inline; } /* inline means list is horizontal */
#contact ul li a	{ padding:5px 5px; }

#contact a:link     { text-decoration: none; color:#FFFFFF; }
#contact a:visited  { text-decoration: none; color:#FFFFFF; }
#contact a:active 	{ text-decoration: none; color:#FFFFFF; }
#contact a:hover 	{ text-decoration: none; color:#ffcccc; }
#contact a:focus 	{ text-decoration: none; color:#FFFFFF; }



/* --------------------*/
/* Nav style info      */
/* --------------------*/

#nav				{ background-color:#6699cc; clear:both; font-size:13px } /* clear ensures nav is not in banner */

#nav ul				{ width:100%; float:left; margin:0px; background-color:#6699cc; padding:0px; 
					  border-bottom: 1px #99ccff solid;}
					  
#nav ul li 			{ display:inline; }
#nav ul li a		{ float:left; padding:10px 20px; }

#nav a:link     	{ text-decoration: none; color:#FFFFFF; }
#nav a:visited  	{ text-decoration: none; color:#FFFFFF; }
#nav a:active 		{ text-decoration: none; color:#FFFFFF; }
#nav a:hover 		{ text-decoration: none; color:#FFFFFF; background-color:#003366; }
#nav a:focus 		{ text-decoration: none; color:#FFFFFF; }


/* --------------------*/
/* Subbanner style info*/
/* --------------------*/

#subbanner 			{  color: #ffffff; text-align:center; line-height:180%; background-color: #6699cc; padding: 5px 20px; overflow: hidden;
 					  border-bottom: 1px #99ccff solid; border-top: 1px #99ccffsolid; }
#subbanned h2       { font-size:20px; font-weight: bold;}
#subbanner h3  		{ font-size:16px; font-weight: bold; padding: 0px 30px; }

#subbanner a:link     { text-decoration: none; color:#FFFFFF; }
#subbanner a:visited  { text-decoration: none; color:#FFFFFF; }
#subbanner a:active { text-decoration: none; color:#FFFFFF; }
#subbanner a:hover 	{ text-decoration: none; color:#003366; }
#subbanner a:focus 	{ text-decoration: none; color:#FFFFFF; }




/* --------------------*/
/* Content style info  */
/* --------------------*/
#house	 			{ margin:25px 25px 20px 15px; float:left; overflow:hidden;}
#content 			{ padding: 10px 35px; font-size:14px }
#content p			{ line-height:160%; padding: 0 40px 0 0;}

#ff					{ width:100%; padding:10px 10px; overflow:hidden; }
#multi_first ul		{ float:right; padding: 0px 40px 0px 0px ;}
#multi_first ul	li	{ display:inline; }
#multi_first ul	img	{ float:right; padding:0px 10px;  }
#ff-img				{ float:left; padding:20px 20px 20px 0px; }

#sf					{ width:100%; padding:10px 10px; overflow:hidden; }
#multi_second ul	{ float:left; padding: 0px 40px 0px 0px ;}
#multi_second ul li	{ display:inline; }
#multi_second ul img { float:left; padding:0px 10px;  }
#sf-img				{ float:right; padding:20px 20px; }



/* --------------------*/
/* Footer style info   */
/* --------------------*/

#footer				{ clear:both; background-color:#003366;  padding:1px 0px;  }
#footer p			{ text-align:center; color: #ffffff; font-size:10px;}