@charset "UTF-8";
/* CSS Document */


/* background color */

body{
background-color: #999999;
}




h1 {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0;
padding-top: 20px;

}

h2 {
font-size: .65em;
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
margin: 0;
}

h3 {
font-size: 4em;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0;
}

h4 {
font-size: 2em;
font-family: Arial,sans-serif;
font-weight: normal;
color: #999999;
margin: 0;
}

h5 {
font-size: 2em;
font-family: Arial,sans-serif;
font-weight: normal;
color: #f20017;
margin: 0;
}



p {
font-size: .65em;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 125%;
}

a { 
text-decoration: none;
color: #ffffff; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ffffff; text-decoration: underline; }
a:active { color: #ffffff; }

#text_area {
position: relative;
margin-left: 100px;
margin-right: 200px;

}


#main_content_wrapper {
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
width: 100%;
height: 600px;
background-color: #ffffff;

}

#left_image {
position: relative;
float: left;
width: 50px;
height: 600px;
background-image: url(art/icons_vert.png);
background-repeat: no-repeat;
background-position: bottom;
background-color: #cccccc;
}

#right_image {
position: relative;
float: right;
margin-top: 0px;
width: 175px;
height: 600px;
padding-left: 25px;
background-color: #f20017;
}


/* styling the menu */

#navbar {
position: relative;
margin-left: 30px;
}

#navbar img {
margin-left: 20px;
margin-top: 30px;}

#navbar a:hover {
color: #ED1C24;
}

ul.mainnav {
list-style-type: none;
font-size: .6em;
font-family: Arial, Helvetica, sans-serif;
color: #666666;

}

ul.mainnav li {
display: block;
}


ul.mainnav a {
text-decoration: none;
color: #999999;

}