
/* offscreen  formatting */
#offscreen 
{
position : absolute;
left : -999px;
width : 900px;
}

/* container  formatting */
#container
{
width : 710px;
margin-left : auto;
margin-right : auto;
text-align : left;
background-color : #FFFFFF;
border-width : 0px 6px 0px 6px;
border-color : #FFFFFF;
border-style : solid;
}

/* header  formatting */
#header
{
width : 710px;
height : 265px;
background-image : url(../images/headerimg.jpg);
background-repeat : no-repeat;
}

/* navigation formatting */
#navcontainer ul
{
padding : .8em 0;
margin :  0;
list-style-type : none;
background-color : #BE0027;
color : #FFF;
width : 100%;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 75%;
font-weight : normal;
}

li
{
display : inline; 
}

li a
{
text-decoration : none;
background-color : #BE0027;
color : #FFF;
padding : .2em 1em;
/* border-right : 1px solid #FFFFFF;*/
}

li a:hover
{
background-color : #BE0027;
color : #FFFFFF;
border-bottom : 2px solid #FFFFFF;
}

#navcontainer h1
{
display : none;
}

#navcontainer h2
{
display : none;
}

/* content  formatting */
#content
{
width : 455px;
margin-top : -10px;
padding-left : 132px;
padding-right : 8px;
padding-bottom : 20px;
}

/* IE5.5 Box Model Hack */
/* http://css-discuss.incutio.com/?page=BoxModelHack */
#content
{
\width: 585px; 
w\idth: 455px;
}

#content p
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 74%;
text-decoration : none;
text-align : justify;
line-height : 145%;
color : #4C4C4C;
}

#content h1
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 120%;
font-weight : normal;
color : #446DAB;
padding-top : 10px;
}

#content h2
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 82%;
font-weight : bolder;
color : #446DAB;
padding-top : 2px;
width : 455px;
}

#content h3
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 82%;
font-weight : bold;
color : #446DAB;
letter-spacing : 1px;
}

#content ul
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 87%;
text-decoration : none;
line-height : 140%;
color : #4C4C4C;
}

#content li
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 87%;
text-decoration : none;
line-height : 140%;
color : #4C4C4C;
list-style-image : url(../images/bullet.jpg);
}

#content p a:link
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#content p a:hover
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
border-bottom : 1px solid;
color : #B51032;
}

#content p a:visited
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#content p a:active
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#content li a:link
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#content li a:hover
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#content li a:visited
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : underline;
color : #B51032;
}

#content li a:active
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : underline;
color : #B51032;
}

#bodylist li
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 87%;
text-decoration : none;
line-height : 140%;
color : #4C4C4C;
list-style-image : url(../images/bullet.jpg);
display : list-item;
}

/* footer formatting */
#footer
{
text-align : center;
margin-left : 0px;
margin-right : 0px;
padding-top : 15px;
padding-bottom : 45px;
}

#footer p
{
font-family : Arial, Helvetica, sans-serif;
font-size : 70%;
color : #4C4C4C;
padding-top : 10px;
line-height : 150%;
}

#footer p a:link
{
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#footer p a:hover
{
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
border-bottom : 1px solid;
color : #B51032;
}

#footer p a:visited
{
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#footer p a:active
{
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
text-decoration : none;
color : #B51032;
}

#footer a:link
{
font-family : Arial, Helvetica, sans-serif;
font-size : 70%;
text-decoration : none;
color : #B51032;
}

#footer a:hover
{
font-family : Arial, Helvetica, sans-serif;
font-size : 70%;
border-bottom : 1px solid;
color : #B51032;
}

#footer a:visited
{
font-family : Arial, Helvetica, sans-serif;
font-size : 70%;
text-decoration : none;
color : #B51032;
}

#footer a:active
{
font-family : Arial, Helvetica, sans-serif;
font-size : 70%;
text-decoration : none;
color : #B51032;
}

/* other classes */
.linksep1
{
letter-spacing : 7px;
color : #18335E;
}

.linksep2
{
letter-spacing : 7px;
color : #18335E;
}

.imgfloatleft
{
float : left;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 10px;
}

.imgfloatright
{
float : right;
padding-top : 10px;
padding-left : 20px;
padding-bottom : 10px;
}

.sendbutton
{
background-color : #BE0027;
border : none;
padding : 1px;
color  : #FFFFFF;
font-size : 74%;
}

.textbox
{
background-color :  #FFFFFF;
border : 1px solid #BE0027;
color : #4C4C4C;
}

.commentbox
{
background-color :  #FFFFFF;
border : 1px solid #BE0027;
margin-top : 5px;
color : #4C4C4C;
}

/* html styling */
html body
{
margin : 0px 0px 0px 0px; 
padding : 0px;
text-align : center;
background : #FFFFFF url(../images/sides_body.jpg) repeat-y center top; 
}

abbr
{
text-decoration : none;
border-bottom : 1px;
border-bottom-style : dotted;
color : #B51032;
cursor : help;
}

acronym
{
text-decoration : none;
border-bottom : 1px;
border-bottom-style : dotted;
color : #B51032;
cursor : help;
}

form
{
margin : 0px;
padding : 0px;
}

fieldset
{
margin-top : 30px;
margin-bottom : 0px;
padding : 0px;
border-style : none;
}

label
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 74%;
text-decoration : none;
color : #446DAB;
}

input
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 74%;
color : #333333;
padding : 2px;
border-style : solid;
border-color : #4A5FAC;
border-width : 1px;
margin-top : 5px;
margin-bottom : 20px;
}

textarea
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 74%;
text-decoration : none;
color : #FFFFFF;
padding-left : 2px;
padding-top : 2px;
border-style : solid;
border-color : #4A5FAC;
border-width : 1px;
margin-bottom : 20px;
}

strong
{
font-size : 110%;
color : #4C4C4C;
}

em
{
color : #4C4C4C;
}

/* FIR headings */
#welcome
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_welcome.jpg) top left no-repeat;
}

#welcome span
{
display : none;
}

#about
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_aboutus.jpg) top left no-repeat;
}

#about span
{
display : none;
}

#products
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_products.jpg) top left no-repeat;
}

#products span
{
display : none;
}

#services
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_services.jpg) top left no-repeat;
}

#services span
{
display : none;
}

#thankyou
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_thankyou.jpg) top left no-repeat;
}

#thankyou span
{
display : none;
}

#contact
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_contact.jpg) top left no-repeat;
}

#contact span
{
display : none;
}

#accessibility
{
width : 400px;
height : 50px;
margin : 50px 0px -10px 0px;
color : #4C4C4C;
background : #FFFFFF url(../images/h_accessibility.jpg) top left no-repeat;
}

#accessibility span
{
display : none;
}