html, body{
margin:0;
padding:0;
text-align:center;
background-color:#333399;
color:#333399;
font-family: arial, sans-serif;
font-size:90%;
}

h1 {
position:relative;
top:10px;
color:#6699cc;
font-size:1.5em;
margin:0px 0px 2px 0px;
background:transparent;
padding:2px 0px 0px 10px;
}

h2 {
color:#000000;
background:transparent;
font-size:1.3em;
padding:2px 0px 4px 0px;
}

h3 {
color:#ffffff;
background-color:#ff0000;
font-size:1.0em;
}

table {
margin:20px 0px;
}

#pagewidth{
width:760px;
text-align:left;
min-width: 500px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
border-bottom:0px solid #ffffff;
}

#header{
height:92px;
width:760px;
text-align:center;
background-color:#ffffff;
}

#header p.left {
position: relative;
float:left;
margin:0px;
padding:0px;
text-align:left;
font-size: 1.5em;
color:#006600;
background:transparent;
}

#header p.right {
position: relative;
float:right;
margin:-20px 230px 0px 0px;
padding:2px 0px 3px 5px;
font-size: 100%;
color:#000000;
}

#header .right {
position: relative;
float:right;
margin:-20px 230px 0px 0px;
padding:2px 0px 3px 5px;
font-size: 100%;
color:#000000;
}

#header a:link {
color:#ff6600;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:visited {
color:#ffcc00;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:focus {
color:#000000;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:hover {
color:#000000;
background:transparent;
margin-left: 5px;
margin-right: 5px;

}

#header a:active {
color:#ffffff;
background:transparent;
}

#navcontainer {
position:relative;
width:100%;
height:30px;
background-image:url(../layout/topMenuBg.gif);
background-repeat:repeat-x;
background-color:#336699;  
margin-top: -15px;
margin-left: 0px;
padding-left: 0px;
border-bottom:1px solid #000000;
}

#navlist ul{
position:relative;
width:100%;
margin-left: 0px;
}

#navlist li.link {
display: inline;
position:relative;
top:2px;
left:-25px;
list-style-type: none;
background: transparent;
margin-left: 0px;
margin-right: 0px;
padding: 2px;
}



#navlist a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
}

#navlist a:hover
{
color:#00ffff;
text-decoration: none;
}



#outer{
border-left: 0px solid #ffffff;   /* left column colour */
background-color: #ffffff; /* center column colour */
width: auto;
}

#inner{margin:0px; width:100%;}

#maincol {
float:left;
margin: 2px 0px 0px 0px;
padding-bottom: 0px;
width: 98%;
position: relative;
background-color: #ffffff;
color:#ffffff;
}


#leftcol{
position: relative;
float: left;
width: 192px;
margin-top:0px;
margin-left: -192px;
margin-right:0px;
padding-bottom:10px;
background:transparent;
}

#leftcol .heading{
width: 162px;
margin-top:-5px;
margin-right:0px;
padding:2px;
background-color:#cc9966;
color: #990000;
text-align:center;
}

#leftcol p {
position:relative;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
padding:2px;
color: #808080;
font-size:.85em;
}

ul#leftmenu {
list-style-type: none;
position:relative;
width:155px;
margin:0px 0px 0px 0px;
padding:0px;
font-size:.9em;
}


ul#leftmenu li a:link {
display: block;
margin: 2px 0px 0px 5px;
padding: 3px 0px 4px 15px;
text-decoration: none;
width: 138px;
background-color: transparent;
background-image; background-image:url(http://localhost/nickos/layout/menuarrow.jpg);
Background-repeat:no-repeat;
color:#808080;
border-bottom: 1px dotted #cccccc;
}

ul#leftmenu li a:visited {
display: block;
margin: 2px 0px 0px 5px;
padding: 3px 0px 4px 15px;
text-decoration: none;
width: 138px;
background-color: transparent;
background-image; background-image:url(http://localhost/nickos/layout/menuarrow.jpg);
Background-repeat:no-repeat;
color:#ff0000;
border-bottom: 1px dotted #cccccc;
}

ul#leftmenu li a:focus {
display: block;
margin: 2px 0px 0px 5px;
padding: 3px 0px 4px 15px;
text-decoration: none;
width: 138px;
background-color: transparent;
background-image; background-image:url(http://localhost/nickos/layout/menuarrow.jpg);
Background-repeat:no-repeat;
color:#0066cc;
border-bottom: 1px dotted #cccccc;

}

ul#leftmenu li a:hover {
display: block;
margin: 2px 0px 0px 5px;
padding: 3px 0px 4px 15px;
text-decoration: none;
width: 138px;
background-color: transparent;
background-image; background-image:url(http://localhost/nickos/layout/menuarrow.jpg);
Background-repeat:no-repeat;
color:#003399;
border-bottom: 1px dotted #cccccc;
}

ul#leftmenu li a:active {
display: block;
margin: 2px 0px 0px 5px;
padding: 3px 0px 4px 15px;
text-decoration: none;
width: 138px;
background-color: transparent;
background-image; background-image:url(http://localhost/nickos/layout/menuarrow.jpg);
Background-repeat:no-repeat;
color:#009900;
border-bottom: 1px dotted #cccccc;
}


#footer{
height:80px;
width:760px;
background-color:rgb(102,153,255);
color:#ffffff;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:.85em;
padding-top:3px;
}

#footer p{
background:transparent;
color:#ffffff;
margin:3px 0pc 0px 0px;
padding:0px;
}

#footer a:link {
background:transparent;
color:rgb(6, 45, 83)
}

#footer a:visited {
background:transparent;
color:#000000
}

#footer a:focus {
background:transparent;
color:#ffffff;
}

#footer a:hover {
background:transparent;
color:#ffffff;
}

#footer a:active {
background:transparent;
color:#000000;
}

#outer>#inner { border-bottom: 0px solid #ffffff;  }


.maincontent{
position:relative;
width:100%;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background-color:#ffffff;
color:#006600;
min-height:350px;
height:100%;
}


.mainimage {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:center;
border-left: 1px solid rgb(255,102,0);
}

.contentbg {
position:relative;
margin-top:-1px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
width:98%;
padding:2px 0px 2px 5px;
background-color:#ffffff;
color:#333366;

}


.frontboxleft {
position:relative;
float:left;
width:355px;
font-size:.85em;
border:1px solid #3399cc;
margin: 2px 0px 0px 0px;
padding: 2px;
color:#333399;
background:transparent;
height:90px;
}

.frontboxright {
position:relative;
float:right;
width:355px;
font-size:.85em;
border:1px solid #3399cc;
margin: 2px 0px 10px 0px;
padding: 2px;
color:#333399;
background:transparent;
height:90px;
}

.clr{clear:both;}

.img {
border:none;
}


.center {
text-align:center;
}

.button {
background-color: #ffffff;
color:rgb(6, 45, 83);
margin-bottom:5px;
margin-left:5px;
cursor:hand;
}

.lable {
padding-left:5px;
}


#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/

.copy p {
color:#330066;
background:transparent;
text-align:center;
font-size:.9em;
margin-top:0px;
}

.onethird {
margin: 20px 2px 0px 0px;
float: left;
width: 31%;
padding: 5px;
height:150px;
text-align:center;
}

.onequater {
margin: 10px 15px;
float: left;
padding: 0px;
background:transparent;
text-align:center;
border:none;
}


.floatcontainer {
position:relative;
background:transparent;
padding:0px;
margin-left:10%;
margin-right:auto;
text-align:center;
}

.onefifth {
margin: 10px 10px;
float: left;
width: 120px;
padding: 0px;
background:transparent;
text-align:center;
}


.sitemap {
margin-bottom:10px;
}

.bigBlue {
color:#6699cc;
background: transparent;
font-size:1.3em;
}

