body {
font-family: sans-serif;
color: white;
margin: 0px;
background-image:url(images/back.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #040001;
}

#nav {
color: #a61829;
}

#largetitle {
font-size: 14px; 
font-weight: bold;
}

#nav a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#content_area_2 {
font-size: 11px;
line-height: 180%;
padding:30px;
padding-top:15px;
border-bottom: 1px solid #484c4f;
}

#content_area_2a {
font-size: 11px;
line-height: 180%;
padding:30px;
padding-top:15px;
background-color: #171a1d;
background-image:url(images/content2.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #484c4f;
}

#copyright {
font-size: 11px;
color: #666666;
text-align: center;
height: 50px;ta
background-color: #19222b;
}

#rightcontent {
padding: 15px;
padding-top:0px;
font-size: 12px;
}

#rightcontent a{
font-size: 12px;
color: #cccccc;
}

#rotate {
padding-left: 7px;
padding-top:10px;
}

#rotate2 {
padding-left: 7px;
padding-top:16px;
}

a {
color: #707b8d;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebuttonred{
background: transparent url('media/square-grayred-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttonred, a:visited.squarebuttonred, a:active.squarebuttonred{
color: #ffffff; /*button text color*/
}

a.squarebuttonred span{
background: transparent url('media/square-grayred-right.gif') no-repeat top right;
display: block;
padding: 8px 8px 8px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebuttonred:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebuttonred:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapperred{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

}

a.squarebuttonred2{
background: transparent url('media/square-grayred-left2.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttonred2, a:visited.squarebuttonred2, a:active.squarebuttonred2{
color: #ffffff; /*button text color*/
}

a.squarebuttonred2 span{
background: transparent url('media/square-grayred-right2.gif') no-repeat top right;
display: block;
padding: 8px 8px 8px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebuttonred2:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebuttonred2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapperred2{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

}