/* mainstyle.css */

body { /* defines the color of the backround to the entire screen */
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 50em;
background-color: #ff0000;
padding: 0px 0px 0px 0px;
}

.page { /* defines the background of the entire content */
width: 770px;
height: 700px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px auto;
border: 0px solid #000000;
}

.top {
width:770px;
height:200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
background-image: url(../images/CommonImages/top.jpg);
border: 0px solid #000000;
}

.banner {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
background-image: url(../images/BannerImages/banner5.jpg);
position: absolute;
border: 0px solid #000000;
}

.nav {
height: 10px;
padding: 0px 0px 0px 0px;
margin:139px 0px 0px 20px;
position: absolute;
border: 0px solid #000000;
}

.content_back {
background-image: url(../images/CommonImages/middle.jpg);
width: 770px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: regular;
z-index: 0;
border: 0px solid #000000;
}

.footer {
width: 770px;
height: 50px;
background-image: url(../images/CommonImages/footer.jpg);
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #000000;
}

.inner {
width: 660px;
height: auto;
margin: 0px 0px 0px 50px;
padding: 30px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000000;
font-weight: regular;
}

.indent {
width: 640px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
border: 0px solid #000000;
font-weight: regular;
}

.page_title {
margin: 175px 0px 0px 50px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
position: absolute;
z-index: 2;
border: 0px solid #000000;
}

.bottom_line {
margin: 20px 0px 0px 50px;
padding: 0px 0px 0px 0px;
}

.bold {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}

.large {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
font-weight: bold;
}

.small {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: regular;
}

.smaller {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;
font-weight: regular;
}

.smallest {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: left;
font-weight: regular;
}

.red {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #ff0000;
text-align: left;
font-weight: regular;
}

.big_red {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ff0000;
text-align: left;
font-weight: regular;
}

.blue {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #0000CC;
text-align: left;
font-weight: regular;
}

.grey {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #cccccc;
text-align: left;
font-weight: regular;
}

img {
border: 0px solid #000000;
}

.bottom_links {
width: 770px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
z-index:2;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

.bottom_links a:link {
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bottom_links a:active {
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bottom_links a:hover {
text-decoration: none;
color: #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bottom_links a:visited {
text-decoration: none;
color: #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.groups {
padding: 20px 20px 20px 20px;
background-color: #ffffff;
border: 1px solid #ff0000;
color: #000000;
}

.groups_image {
border:1px solid #999999;
}

.language {
width: 50px;
}