/*classes start here*/

/*this is for the banner*/
.banner{
width:778px;
height:70px;
border-top:solid 1px #5A5C72;
border-left:solid 1px #5A5C72;
border-right:solid 1px #5A5C72;
}
/*this is for the navigation*/
#nav{
vertical-align:middle;
width:778px;
height:20px;
border-left:solid 1px #5A5C72;
border-right:solid 1px #5A5C72;
}
/*class for the titles on the pages (Catalogue Request Form, Representatives)*/
.title{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; 
color: #FFFFFF;
background-color:#444557;
font-weight:bold;
border-left:solid 1px #5A5C72;
width:200px;
}
/*class for the titles that span the entire page*/
.title_across{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; 
color: #FFFFFF;
background-color:#444557;
font-weight:bold;
border-left:solid 1px #5A5C72;
border-right:solid 1px #5A5C72;
width:778px;
height:40px;
}
/*Title navigation*/
.title_nav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
width:573px;
border-right:solid 1px #5A5C72;
border-top:solid 1px #5A5C72;
border-bottom:solid 1px #5A5C72;
padding-left:5px;
background-color:#8a8c99;
}
/*all general content*/
.content{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
width:768px;
border-right:solid 1px #5A5C72;
border-left:solid 1px #5A5C72;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
}
/*class for subject headings*/
.heading{
background-color: #6d6e7f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #ffffff;
font-weight:bold;
width:772px;
border-right:solid 1px #5A5C72;
border-left:solid 1px #5A5C72;
border-top:solid 1px #5A5C72;
padding-left:5px;
}
/*class for "Return to top"*/
.top{
background-color: #6d6e7f;
width:772px;
border-right:solid 1px #5A5C72;
border-left:solid 1px #5A5C72;
border-bottom:solid 1px #5A5C72;
padding-right:5px;
}
/*left footer with Copyright*/
.footer_left{
background-color:#444557;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #cccccc;
width:384px;
border-left:solid 1px #5A5C72;
border-bottom:solid 1px #5A5C72;
border-top:solid 1px #5A5C72;
padding-left:5px;
}
/*right footer with Site Map Link*/
.footer_right{
background-color:#444557;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #cccccc;
width:384px;
border-right:solid 1px #5A5C72;
border-bottom:solid 1px #5A5C72;
border-top:solid 1px #5A5C72;
padding-right:5px;
}
/*for the table data that holds the table for the pictures and their contents*/
.pic_content{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
background-color:#5a5c72;
padding:5px;
border-left:solid 1px #5A5C72;
width:518px;
vertical-align:top;
}
/*table data that holds the picture*/
.pic_tbl{
background-color:#5a5c72;
padding:5px;
border-right:solid 1px #5A5C72;
width:240px;
vertical-align:top;
}
/*table data that holds the text*/
.inside{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
background-color:#444557;
vertical-align:top;
width:508px;
padding:5px;
height:140px;
}
/*classes end here*/

/*other stuff starts here*/

/*set fonts styles for everything in paragraph tags*/
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
}
/*set fonts styles for everything in h3 tags*/
h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
}
/*set fonts styles for everything in h1 tags*/
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #ffffff;
font-weight:bold;
}
/*effects everything in the italics tags*/
i{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #cccccc;
font-style: normal;
}
/*for links*/
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF66;
text-decoration: none;
font-size: 12px;
}
a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF66;
text-decoration: underline;
font-size: 12px;
}
/*other stuff ends here*/