html, body {height:100%}

body {
padding:0;
margin:0;
background:white;
color: #000;
}

#outer{ 
min-height:100%;
margin-left:140px;
margin-right:143px;
margin-top:0px;
border-left:1px solid white;
border-right:1px solid white;
margin-bottom:-52px;
background:white; 
color: #000;
}

* html #outer{height:100%;} /*IE6 and under treat height as min-height anyway*/

#header{
background:white;
background-image: url("../images/grad01.jpg"); background-repeat: repeat-x;
color: #000;
text-align:center;
position:relative;
padding-top:0px;
margin-left:-140px;
margin-right:-143px;
min-height:0; /* ie 7 haslayout fix */
}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

img.left1 {float:left; margin-bottom: 0px;  margin-top: 10px; margin-left: 20px; margin-right: 5px;  border-style: ridge; border-width: 2px; border-color: #ccc}

img.left2 {float:left; border-width: 0; margin-top: 3px; margin-right: 10px; margin-bottom: 2px; margin-left: 20px;}

img.left3 {float:left; border-width: 0; margin-top: 3px; margin-right: 10px; margin-bottom: 0px; margin-left: 20px;}

img.right1 {float:right; border-width: 0;  margin-top: 0px; margin-right: 20px; margin-bottom: 5px; margin-left: 10px;}

img.mid {float:left; border-width: 0; margin-top: 0px; margin-right: -10px; margin-bottom: 0px; margin-left: -10px; }

img.cont {margin-top: 0px; margin-right: 0px; margin-bottom: -1.0em; margin-left: 0em; border-style: none; border-width: 0em;}

span.leftimg {float: left; margin-left: 0px; margin-right: 5px; margin-bottom: 1px; margin-top: 4px}

ul {list-style-type:circle;}
ul ul {list-style-type:disc;}
ul ul ul {list-style-type:square;}
ul li{margin: 0.8em 1em 0px 0px; padding:0px 0px 0px 1.0%; font-style: normal;
      font-family: 'times new roman', serif ;}
ul  a{font-style: normal; font_weight: bold; color: black; background: transparent; text-decoration: none; font-family: verdana, arial, sans-serif;}

#header p {margin: 0px 1px 0px 1px; font-family: verdana, arial, sans-serif; 
          padding: 0px; font-size: 1.0em; text-align: left; font-weight: 500;}

span.logocaps {font-family: 'times new roman', serif; color:#66c;
               font-size: 3.3em; text-align: left; font-weight: 600; 
               margin: 0px 0px 0px 10px; padding-top: 20px;}

span.logolowr {font-family: arial, sans-serif; color:#66c;
               font-size: 2.6em; text-align: left; font-weight: 600;
               margin: 0px 0px 0px 0px; }

span.logosmal {font-family: arial, sans-serif; color:#222;
               font-size: 0.9em; text-align: left; font-weight: 500;
               margin: 0px 0px 0px 10px; }

span.logo2smalit {font-family: arial, sans-serif; color:#000;
               font-size: 0.9em; text-align: right; font-weight: 500;
               font-style: italic; margin: 0px 0px 0px 10px; padding: 0;}

span.list {font-family: arial, sans-serif; font-size: 0.95em;}

span.normal {font-style: normal;}

span.italic {font-style: italic;}

span.bold {font-weight: bold;}

span.dropcap {font-size: 1.3em; font-weight: 500;}

span.indent {margin-left: 2em;}

#menu1  { position: relative;
          width: 670px; height: 21px;
          padding: 0px; 
          margin: 0px auto;
          border: thin outset navy; text-align: center;
          background-image: url("../images/menu3.jpg"); 
          background-repeat: repeat-x;
          background-color: #63c;} 

#menu1pad {padding: 0px;}

#menu1 p {margin: 2px 2px 3px 2px; font-family: verdana, arial, sans-serif;
          padding: 0px; font-size: 0.8em; font-weight: 600; text-align: center;}

#menu1 span {padding: 0px 5px; margin: 0px;}

#menu1 a {margin: 0 4px; text-decoration: none;}
#menu1 a:link {color: white; background: transparent;}
#menu1 a:active {color: white; background: transparent;}
#menu1 a:hover {color: white; text-decoration: underline;  
         background: transparent;}
#menu1 a:visited {color: white; background: transparent;}

#left {
position:relative;/*ie needs this to show float */
width:140px; /* same as the left margin on #outer*/
float:left;
margin-left:-139px; /*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
left:-2px; /* push column into position*/
background:white;
background-image: url("../images/backgroundRs.jpg");
background-repeat: repeat-x;
}

#left p {padding-left: 2px; padding-right: 2px; margin: 0px;}

#leftbox1  {width: 95%;             
            padding: 0px; margin: 0px;
            background:white;
background-image: url("../images/backgroundRs.jpg");
background-repeat: repeat-x;
            border: none;
            z-index: 3} 

#leftbox1 h2 {color: #336; background-color: transparent;  /*#b5c4ff;*/
             padding-right: 3px; padding-top: 0px; padding-bottom: 2px;
             margin: 10px 0px 6px 0px;
             border: none;             
             font-family: arial, sans-serif;font-size: 1.0em; font-weight: 600;
             text-align: right;}

#leftbox1 p {margin: 5px 2px 3px 2px; font-family: arial, sans-serif; 
             font-size: 0.8em; text-align: right; font-weight: bold; 
             color: #336;}

#leftbox1 a {margin: 2px 2px; text-decoration: none;color: #336;}
#leftbox1 a:link {color: black; background: transparent;color: #336;}
#leftbox1 a:active {color: black; background: transparent;color: #336;}
#leftbox1 a:hover {color: black; text-decoration: underline; background: transparent;color: #336;}
#leftbox1 a:visited {color: black; background: transparent;color: #336;}


#right {
position:relative;/*ie needs this to show float */
width:143px;/* same as right margin on #outer*/
float:right;
margin-right:-142px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
left:2px;/* push column into position*/
background:white;
background-image: url("../images/backgroundR.jpg");
background-repeat: repeat-x;
}

#right p {padding: 0px 15px; clear: both; font-size: 0.8em; color: #933; 
          margin: 0px 0px; font-family: arial, sans-serif; text-align: left;}

img.rt-1 {float:left; margin-top: 1.0em; margin-right: 0px; margin-bottom: 3px; margin-left: 15px;
             border-style: inset; border-width: 0.2em; border-color: #ddd}

img.rt-2 {float:left; margin-top: 15px; margin-right: 0px; margin-bottom: 3px; margin-left: 15px;
             border-style: inset; border-width: 0.2em; border-color: #ddd}

#right a {text-decoration: none; color: #933;}
#right a:link    {background: transparent; color: #933;}
#right a:active  {background: transparent; color: #933;}
#right a:hover   {background: transparent; color: #933; text-decoration: underline;}
#right a:visited {background: transparent; color: #933;}

#centrecontent {margin: 0px; padding: 0px;
background-color: white;
background-image: url("../images/background.jpg");
background-repeat: repeat-x;
}

* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#centrecontent h1 {margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 7px;
             color: #000000; background-color: transparent;
             border-left: solid 10px #66c;border-bottom: solid 2px #66c;
             padding: 0em;
             font-family: arial, sans-serif; font-size: 1.3em; font-weight: 400;
             text-indent: 0.25em}

#centrecontent h2 {margin-left: 15px; margin-right: 0px; 
             margin-top: 15px; margin-bottom: 5px;
             color: #000000; background-color: transparent;
             border-left: solid 10px #66c;
             padding: 0em;
             font-family: arial, sans-serif; font-size: 1.1em; 
             font-weight: 500; text-indent: 0.25em}

#centrecontent h3 {margin-left: 15px; margin-right: 0px; 
             margin-top: 10px; margin-bottom: 2px;
             color: #000; background-color: transparent;
             border: none; clear: left;
             padding: 0em; text-align: center;
             font-family: arial, sans-serif; font-size: 1.1em; 
             font-weight: 500;}

#centrecontent p {margin: 5px 20px 0px 20px; font-family: arial,sans-serif; 
             font-style: normal;
             padding: 0px; font-size: 0.9em; text-align: justify; 
             font-weight: 400; word-spacing: 0.1em; }

#centrecontent a {text-decoration: none; color: #000;}
#centrecontent a:link   {background: transparent; color: blue;}
#centrecontent a:active {background: transparent; color: #000;}
#centrecontent a:hover  {background: transparent; color: blue; 
                         text-decoration: underline;}
#centrecontent a:visited {background: transparent; color: purple;}

#centreinsert {margin: 10px 0px; padding: 0px; text-align: center;}

#video {background-color: white;} 

#footer {
width:100%;
clear:both;
height:50px;
border-top:1px transparent;
border-bottom:1px solid #eee;
background-color: #eee;  /*fc0*/
color: #000;
text-align:center;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:52px; /* for ie5 */
he\ight:50px; /* for ie6 */
}

#clearfooter{clear:both;height: 40px;} /*needed to make room for footer*/ 

#footer p {margin: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; 
          padding: 0px; font-size: 0.7em; text-align: center; font-weight: normal;}

#menu3  {background: transparent; text-align: center; 
         margin-left: auto; margin-right: auto;}

#menu3pad {padding: 0px;}

#menu3 p {margin: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; 
          padding: 0px; font-size: 0.7em; text-align: center; font-weight: bold;}

#menu3 span {padding: 0px 0px 0px 0px; margin: 0px;}

#menu3 a {margin: 0 6px; text-decoration: none;}
#menu3 a:link {color: black; background: transparent;}
#menu3 a:active {color: black; background: transparent;}
#menu3 a:hover {color: black; background: transparent; text-decoration: underline;}
#menu3 a:visited {color: black; background: transparent;}