/* ==== LAYOUT PARTS ==== START ==== */
body, html { background-color: #dd8d8c; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: 0 0; margin: 0; }
.container { width: 718px; height: 100%; margin-left: auto; margin-right: auto; }
.site-container { background-color: #ffffff; background-image: url(images/bg_content.gif); background-repeat: repeat-y; width: 700px; height: 100%; float: left; }
.site-left-shadow { background-color: #dd8d8c; width: 9px; height: 100%; float: left; }
.site-left-shadow-top { background-color: transparent; background-image: url(images/left_shadow.jpg); background-repeat: no-repeat; background-position: 0 top; width: 9px; height: 100%; }
.site-right-shadow { background-color: #dd8d8c; width: 9px; height: 100%; float: left; }
.site-right-shadow-top { background-color: transparent; background-image: url(images/right_shadow.jpg); background-repeat: no-repeat; background-position: 0 top; width: 9px; height: 100%; }
.site-top { background-color: #ffffff; background-image: url(images/top.jpg); background-repeat: no-repeat; height: 121px; }
.site-left { float: left; width: 150px; padding: 10px 0 20px; }
.site-middle { background-color: #fffcf5; float: left; width: 382px; padding: 10px 5px 20px 10px; }
.site-right { float: right; width: 135px; padding: 44px 10px 20px 5px; }
.site-bottom {
        clear: both;
        text-align: center;
        padding: 0px 10px 5px 160px;
}
.site-clear-float {
        clear: both;
}
.site-table-default {
        width: 100%;
}
/* ==== LAYOUT PARTS ==== END ==== */


/* ==== MENU STYLE ==== START ==== */

div#menu {
        width: 150px;
}
div#menu ul {
        list-style: none;
        background-color: #FBFBFB;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;        
        border-top: 1px solid #d4d4d4;
}

div#menu ul ul {       
        padding: 0px 0px 0px 20px;
        margin: 0px 0px 0px 0px;
        border-bottom: 1px solid #d4d4d4;
        border-top: 0px                        
}
div#menu ul ul ul {
        border: 0px;
	padding: 0px 0px 0px 20px;
}
div#menu ul li {
        display: inline;        
}

div#menu ul li a {
        display: block;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #1C1C1C;
        border-bottom: 1px solid #d4d4d4;
        padding: 3px 0px 3px 15px;
        text-decoration: none;
        /* text-transform: uppercase; */
        background-color: #F3F3F3;
        
}
div#menu ul li a:link {
        text-decoration: none;
        color: #1C1C1C;
}
div#menu ul li a:hover {
        background-color: #FF0000;
        color: #FFFFFF;
}
div#menu ul li a.active {
	background-color: #FF0000;
	color: #FFFFFF;
}
div#menu ul ul li a {
        display: block;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border: 0px;
        padding: 2px 0px 2px 15px;
        text-decoration: none;
        text-transform: none;
        background: none;
}
div#menu ul ul li a:link,
div#menu ul ul li a:visited {
        text-decoration: none;
        color: #000000;
}
div#menu ul ul li a:hover {
        background: none;
        color: #000000;
}
/* ==== MENU STYLE ==== END ==== */
/* ==== COMMON ==== START ==== */
body, span, div, td, a, h1, h2, h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
h1,h2,h3 {
        color: #000000;
        font-weight: bold;
}
h1 {
        font-size: 20px;
}
h2 {
        font-size: 17px;
}
h3 {
        font-size: 14px;
}

form {
        display: inline;
}
hr {
        height: 1px;
        border: none;
        background-color: #000000;
        color: #000000;
        margin: 0px 0px 5px 0px !important;
        margin: 0px;
}
textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #000000;
        border: 1px #000000 solid;
        padding: 2px;
}
a, a:link, a:visited {
        color: #FF0000;
}
/* ==== COMMON ==== END ==== */

/* ==== BOX ==== START ==== */
.box1 {
        width: 127px;
        border: 1px #F3F3F3 solid;
        border-top: 0px;
        padding-left: 4px;
	padding-right: 2px;
        padding-bottom: 4px;
        padding-top: 4px;
        margin-bottom: 0px;
}
.box2 {
        width: 129px;
        background-color: #F3F3F3;
        padding-left: 4px;
	padding-right: 2px;
        padding-bottom: 4px;
        padding-top: 4px;
        margin-bottom: 0px;
	color: #000000;
}
.box3 {
    width: 140px;
    border: 1px #F3F3F3 solid;
    border-top: 0px;
    padding-left: 4px;
    padding-right: 2px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 0px;
}
.box4 {
    width: 138px;
    background-color: #F3F3F3;
    padding-left: 4px;
    padding-right: 2px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 0px;
    color: #000000;
}


/* ==== BOX ==== END ==== */

/* ==== ARTICLE ==== START ==== */
.header {
        color: #000000;
        font-size: 20px;
        font-weight: bold;
        padding: 2px 0px 4px 0px;
}
.ingress {
        font-weight: bold;
        padding-bottom: 4px;
}

/* ==== ARTICLE ==== END ==== */