body {

background-image:url(../images/bg.gif);

font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#fff;

}

#box {

width:800px;

height:550px;

top:50%;

left:50%;

margin-top:  -275px;

margin-left: -390px;

position:absolute;

}

#cal {

height:850px;

}

#top {

width:800px;

height:10px;

background-image:url(../images/bg_top.png);

background-repeat:no-repeat;

}

#middle {

width:800px;

height:523px;

background-image:url(../images/bg_body.jpg);

}

#bottom {

width:800px;

height:10px;

background-image:url(../images/bg_bottom.jpg);

background-repeat:no-repeat;

}

#nav {

width:780px;

height:44px;

background-color:#140201;

margin:0 auto;

}

#nav #logo {

display:inline;

float:left;

}

#nav #logo h1 {

padding:0;

margin: 14px 0 0 10px;

font-size:13px;

color:#FFFFFF;

text-transform:uppercase;

}

#nav #logo h1 a{

color:#FFFFFF;

text-decoration:none;

}

#nav #logo h1 span{

color:#999;

}

#nav #menu {

display:inline;

float:right;

}

#nav #menu ul{

padding:0;

margin:16px 10px 0 0;

font-size:12px;

}

#nav #menu ul li{

list-style-type:none;

display:inline;

font-weight:bolder;

margin-left: 20px;

text-transform:uppercase;

}

#nav #menu ul li a{

text-decoration:none;

color:#FFFFFF;

}

#nav #menu ul li a:hover{

color:#999;

}

#main_img {

width:780px;

height:402px;

background-image:url(../images/main_img.png);

background-repeat:no-repeat;

margin:0 auto;

}

#main_text {

width:780px;

height:74px;

background-color:#140201;

margin:0 auto;

}

#main_text p {

margin:0;

padding:0;

}

#main_text p a{

color:#FFFFFF;

text-decoration:none;

}

#sign_text {

width:780px;

height:370px;

background-color:#1A0B00;

margin:0 auto;

}

#sign_text p {

margin:0;

padding:0;

}

#sign_text p a{

color:#FFFFFF;

text-decoration:none;

}

#welcome {

width:740px;

margin:0 auto;

padding: 10px 5px;

}

#main_text h2 {

margin:0;

padding:0;

color:#CCCCCC;

font-size:14px;

}

#footer {

text-align:center;

color:#999999;

clear:both;

}

#footer a{

text-decoration:none;

color:#999999;

}

#footer a:hover{

color:#DDDDDD;

text-decoration:underline;

}

#inner_box {

width:800px;

top:50%;

left:50%;

margin:0 auto;

}

#inner_middle {

width:800px;

background-image:url(../images/bg_body.jpg);

display:table;

color:#333333;

}

#inner_img {

width:780px;

height:112px;

background-image:url(../images/inner_img.png);

background-repeat:no-repeat;

margin:0 auto;

}

#Main Page {

display: table;

}

#row one {

display: table-row;

}

#left col, #right col {

display: table-cell;

}

#left {

float:left;

width:560px;

border-right: 1px #333 solid;

}

#left p{

width:500px;

margin:10px 0 10px 30px;

text-align:justify;

padding:0;

}

#left h2 {

width:500px;

margin: 0 0 0 30px;

font-size:16px;

padding:20px 0 0 0;

}

#left h3 {

width:500px;

margin: 0 0 0 30px;

font-size:14px;

padding:20px 0 0 0;

}

#right {

float:right;

width:220px;

}

#right h3 {

font-size:13px;

border-bottom:1px #333 solid;

width:160px;

margin:0;

padding:20px 0 0 0;

}

#right ul{

margin:0;

padding:5px 0 0 20px;

font-size:11px;

list-style-type:square;

}

#right ul li a{

color:#333;

text-decoration:none;

}

#right ul li a:hover{

text-decoration:underline;

}