body {

background : #e3e3e3 url(pics/backing.jpg) 50% 0;
color : #000000;
padding : 0;
margin : 0;
font-family : Verdana, Arial, sans-serif;
font-size : small;
}
#wrapper {
width : 760px;
margin : 0 auto;
background-color : #ffffff;
padding : 0px;
}


#content {
background-color : #ffffff;
padding : 2px;

}
#content h3 {
color : #000000;
padding : 5px;
}

#content {
padding-left : 10px;
}



#catalogue h3 {
color : #000000;
padding : 5px;
}
#catalogue h1 {
text-align : left;
}

#catalogue img {
float : right;
}


#catalogue {
background-color : #ffffff;
width=720px;
float : left;
width : 325px;
min-height : 80px;
margin-right : 5px;
margin-left : 15px;
margin-bottom : 5px;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 20px;
border-style: solid;
border-width: 1px
}






a:link {
color: #000000;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #FFFFFF;

}
a:active {
color: #ffffff;
}







#footer {
background : #000000;
clear : both;
text-align : center;
padding : 10px;
height : 35px;
}
#footer p {
font : bold 13px Arial, Helvetica, sans-serif;
color : #ffffff;
}
.separator {
height : 2px;
background-color : #198ea8;
clear : both;
margin : 2em 0;
}
.separatorInvisible {
height : 0;
clear : both;
}

#navigation {
height : 18px;
list-style-type : none;
margin : 0;
padding-right: 30px;
}
#navigation p {
margin-right : 55px;
text-align : bottom;
padding : 0;
float : right;
margin : 0;
}
#navigation li {
float : right;
margin : 22;
padding : 0;
display : inline;
border-bottom : 0 solid #ffffff;
}

#navigation a {
font : bold 12px Arial, Helvetica, sans-serif;
text-transform : uppercase;
margin-right : 5px;
margin-top : 55px;
text-decoration : none;
display : block;
padding : 3px 0 0;
padding-bottom : 0;
padding-top : 30;
height : 20px;
width : 90px;
text-align: center;
}

#navigation a:link {
color : #ffffff;

}

#navigation a:visited {
color : #ffffff;
}

#navigation a:hover {
text-decoration: underline;
color : #ffffff;

}

#navigation a:active {
color : #DDDDDD;

}




p {
font-size : 93%;
line-height : 1.3em;
margin-top : 0;
margin-bottom : 1em;
}
h1, h2 {
font-family : Arial, Helvetica, sans-serif;
margin : 3px;
padding : 0;
text-align : center;
}
h1 {
font-size : 140%;
color : #000000;
}
h2 {
font-size : 14pt;
color : #ffffff;
text-align : right;
}
h3 {
margin : 0;
color : #198ea8;
font : bold 100% Arial, Helvetica, sans-serif;
}
.column h1 {
font-size : 120%;
}
#boxout {
background-color : #FFFFFF;
float : left;
width : 195px;

margin-right : 5px;
margin-left : 5px;
margin-bottom : 5px;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 20px;
}
#boxout img {
border : 1px solid #ffffff;
margin-right : 15px;
float : center;
}





#boxout a:link {
color: #000000;
text-decoration: none;
}
#boxout a:visited {
color: #000000;
text-decoration: none;
}
#boxout a:hover {
color: #000000;
text-decoration: none;
}
#boxout a:active {
color: #000000;
text-decoration: none;
}





.plancol {
background-color : #ffffff;
float : left;
width : 145px;
min-height : 447px;
margin-right : 5px;
margin-left : 5px;
margin-bottom : 0;
padding-top : 5px;
padding-left : 3px;
padding-right : 20px;
}
.plancol ul {
font-size : 9pt;
list-style-image : url(assets/box.gif);
list-style-position : outside;
}
.plancol h2 {
font-size : 11pt;
color : #000000;
text-align : left;
margin-left : 15px;
}



#sider img {
margin-bottom : 0px;
margin-left: 0px;
align: right;
}

#sider p {
color: #000000;
align: right;
margin-right: 18px;
margin-left: 8px;

}

#sider {
color: #FFFFFF;
margin-right: 10px;
background-color : #ffffff;
width: 485px;
float: right;
border-right: 20px;
font-size : 9pt;
}




#sider h3 {
text-align: left;
color: #99CC33;
}


#spacebar2 {
background : #B4003A;
clear : both;
text-align : right;
padding : 0px;
margin : 5px;
height : 7px;
}


#masthead{
width : 760px; 
height : 102px;
background-color : #ffffff;
background : url(pics/head.gif) 100% 0;
background-repeat: no repeat;
}



.signin{
display: block;
background : transparent;
color: #000000;
clear : both;
text-align : center;
padding-top : 4px;
padding-left : 14px;
padding-right : 14px;
margin-top: 20px;
height : 138px;
width: 512px;
border: 2px solid #F3F3F3;
}

.signin p {

text-align : center;

}


.bottom {
margin-top: 3px;
background-color : transparent;
}

.bottom p {
text-align: center; 
font-size: 7pt; 
padding-top: 0px;

}

.bottom a {
margin-right: 5px;
margin-left: 5px;

}


.bottom a:link {
color: #000000;
}
.bottom a:visited {
color: #000000;
}
.bottom a:hover {
color: red;
}
.bottom a:active {
color: #414141;
}


#sider a:link {
color: #000000;
}
#sider a:visited {
color: #000000;
}
#sider a:hover {
color: #AAAAAA;
}
#sider a:active {
color: #D3D3D3;
}



#navigation2 {
text-align : top;
height : 18px;
list-style-type : none;
margin : 0;
padding-right: 10px;
text-align : center;
}
#navigation2 p {
margin-right : 55px;
text-align : top;
padding : 0;
float : right;
margin : 0;
}
#navigation2 li {
text-align : top;
float : right;
margin : 22;
padding : 0;
display : inline;
border-bottom : 0 solid #000000;
}

#navigation2 a {
font : bold 12px Arial, Helvetica, sans-serif;
text-transform : uppercase;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
text-decoration : none;
display : block;
padding : 3px 0 0;
padding-bottom : 0;
padding-top : 30;
height : 30px;
width : 130px;
text-align: center;
}

#navigation2 a:link {
color : #000000;

}

#navigation2 a:visited {
color : #000000;
}

#navigation2 a:hover {
text-decoration: underline;
color : #000000;

}

#navigation2 a:active {
color : #DDDDDD;

}



#boxout h1 {
font : bold 24px Arial, Helvetica, sans-serif;
margin-top : 15px;
padding-top : 150;
text-align : left;
color : #000000;
}