/* the bit that does the work */
* {margin: 0; padding: o;}
body { margin:0;border:0;padding:0;height:100%;max-height:100%;background:#fff; 
  font-family: verdana, arial,sans-serif;font-size:70%;overflow: hidden; }

/* for internet explorer */
* html body {padding:10em 0 4em 0;}

#container {font-family:"Trebuchet MS",veranda,arial,sans-serif;font-size: 1.2em; position:fixed;top:10em;left:0;
  bottom:3em; right:0; overflow:auto; background:#fff;padding:1em;text-align:center;}

* html #container { height:100%;  width:100%; }

#header { position:absolute; top:0; left:0;width:100%;height:10em;background:#fff; color: #fc6;border-bottom:.3em solid #73a2bd;z-index:10}
.imgbox{width: 15%; padding-top:1em;padding-left: 2em;float:left;position: relative;background:transparent;}
.textbox{float:left;text-align:center;position:relative;}
#atalogo{position:absolute; top:2em; right:2em;border:none;text-decoration:none}
#atalogo a{border:none;text-decoration:none;color:transparent;background:transparent;}
#header a{text-decoration:none;border:none;color:transparent;background-color:transparent;}
* html #header {height:10em;}

#footer { position:absolute; bottom:0; left:0;width:100%; height:2em;  overflow:auto; text-align:right;  padding-top:.5em;padding-left:1em;
text-align:left;font-size: 1em;color: #FC6;background: #039;border-top:.3em solid #73a2bd;}

* html #footer {height:3em;}

#navigation{position:absolute; top:8.5em; left:10em; width:100%; height:2em;  overflow:hidden;font-size: 1em;text-align: center;font-weight: bold;letter-spacing: 1px;z-index:11}

* html #navigation {height:2em;}
/* end of bit that does the work */
img.left{float:left;padding:.5em;display:block;}
img.right{float:right;padding:.5em;}
/*typography*/
h1,h2,h3,h4,h5,h6{font-family: "times new roman",serif;padding-top:.5em;padding-bottom:.5em}
h1{font-size:3em;margin-top:1em;margin-bottom:1em;}
h2{font-size: 2em;}
h3{font-size:1.5em;text-transform:uppercase;letter-spacing:1px;}
h4{font-size: 1.5em;}
h5{font-size: 1.4em}
h6{font-size: 1.2em;}
h1{font-family:papyrus,textile,cursive;float:left;font-size: 3em; background:transparent;color:#fc6;text-align:left;font-weight:bold;line-height:2.5em;padding: 0}
p{padding-bottom: 0.7em;line-height:1.5em}
a{text-decoration: none}
ul {font-size:1em;line-height:1.3em;padding:1.5em;}
ol {font-size:1em;line-height:1.3em;padding:1.5em;}
#middlecolumn li {margin-left: 2em;}


#leftcolumn{text-align:left;font-size: 1.1em;font-weight: bold;color: #06c;background-color: transparent;
	width:18%;float:left;clear:both;display: block;padding: 1em .5em 0 .5em;}
#middlecolumn{float:left;clear:none;display: block;padding: 1em;margin: 0;width: 58%;text-align:left;background-color: transparent;color: #006;border-left: .2em dotted #900;}
#middlecolumn p{text-indent:2em;}
#rightcolumn{text-align:left;font-size: 1em;background-color: transparent;color: #006;
	width:18%;height: auto;float: left;clear: none;display: block;padding: 1em .1em .1em .2em;}
ul#tabnav{font:bold .9em verdana, arial, sans-serif;}
ul#tabnav li{}
#tabnav a{}
#tabnav a:hover{}
td.right{text-align: right;vertical-align: top;}
td.two{ text-align: left;width: 16em;vertical-align: top;font-size: 1em;}
td.three{ text-align: left;width: 5em;vertical-align: top;font-size: 1em;}
td.four{ text-align: left;width: 19em;vertical-align: top;font-size: 1em;}
em{font-style:italic;font-weight: bold;}
#leftcolumn a{font-size: 1em;}
#rightcolumn a {font-size:1em;}
dt{font-weight:bold;}
.new {color:red;}
table#pandc {width:50em;}
table#calendar {width:45em;padding:1em;border-collapse:collapse}
table#calendar th{padding:0.5em}
table#calendar td{padding:0.4em}
table#calendar td.col0{text-align:right; width: 3em;vertical-align: top;}
table#calendar td.col1{text-align:right; width: 3em;vertical-align: top;}
table#calendar td.col2{text-align:left; width: 16em;}
table#calendar td.col3{text-align:right; width: 6em;vertical-align: top}
table#calendar td.col4{text-align:left; width: 16em;}
table#calendar td.navtop{text-align:left;}

.new {font-weight:bold; color:yellow; background:red;}

div.shadow{float:left;padding:0 6px 6px 0;
    background: url(images/dropshadow.png) no-repeat bottom right}
div.shadow img{display:block;position:relative;
    top: -3px;left:-3px;padding:5px;background:#FFF;
    border:1px solid;border-color: #ccc #666 #666 #ccc}

/*layout*/
.centre{text-align:center}
.noindent p{text-indent:0}
blockquote{float:right;display:inline;width: 200px;margin: 0 10px 5px 15px;padding:5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
#navigation{float: none;clear: both;display: block;visibility: visible;width: auto;margin-left: .8em;margin-right: .8em;padding-left: 0;}
#validation{float:right; padding:3px;}
ul#tabnav {list-style-type: none;padding:0;padding-left:.5em;padding-bottom:.3em;}
ul#tabnav li {float:left;height:1.8em;margin: .2em .2em 0 .2em;}
ul#rightcolumn {list-style-type: none;padding: 0;margin-left: 1em;}
#tabnav a {float: left;display: block;padding: .2em;}
#tabnav a:hover {}
.img1{width:100%;clear:right;height:1px;}

/*colors*/

#navigation{background;trandparent;color: #FC6;}
ul#tabnav{}
ul#tabnav li{background-color:#900;border: .2em solid #600;}
#tabnav a {color: #FC6;}
#tabnav a:hover {color: #900;background: #fff;}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a {color: #900;z-index:13}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11 {border-bottom: .2em solid #fff;background-color:#fff;z-index:14;}
body#tab1 div#header{background:#00349a;}
body#tab2 div#header{background:#00349a;}
body#tab3 div#header{background:#00349a;}
body#tab4 div#header{background:#00349a;}
body#tab5 div#header{background:#00349a;}
body#tab6 div#header{background:#00349a;}
body#tab7 div#header{background:#00349a;}
a:link{color:#f96; }
a:visited{ color:#f96;}
a:hover{color:#933; text-decoration: none; background:#fc9}
a:active{ color:#f96;}
a.middle2column:link{font-size:8px}
a#middlecolumn:link{color:#66f;text-decoration:underline;}
a#middlecolumn:visited{color:#66f;text-decoration:underline;}
a#middlecolumn:hover{color:#f00;text-decoration:underline;}
a#middlecolumn:active{color:#66f;text-decoration:underline;}
a#leftcolumn:link{ color:#039;text-decoration:none;}
a#leftcolumn:visited{color:#006;text-decoration:none;}
a#leftcolumn:hover{color:#f00;text-decoration: underline;}
a#leftcolumn:active{color:#039;text-decoration: underline;}
hr {height: 15px;background: #fff url(hr1.gif) no-repeat scroll center;}
img.right{float;right;padding:10px;display:block;position:relative;margin-left:10px;
    top: -3px;left:-3px;padding:5px;background:#FFF;border:1px solid;border-color: #ccc #666 #666 #ccc}
img.left{float;left;padding:10px;display:block;position:relative;margin-right:10px;
    top: -3px;left:-3px;padding:5px;background:#FFF;border:1px solid;border-color: #ccc #666 #666 #ccc}
img.width100{width:100%;float;left;padding:10px;display:block;position:relative;margin-right:10px;
    top: -3px;left:-3px;padding:5px;background:#FFF;border:1px solid;border-color: #ccc #666 #666 #ccc}

.add{color:red}
.delete
{
	color: blue;
	font-style: italic;
}