body
{
    margin: 0;
    padding: 0;
    font-family: hellvetica, arial;  /* georgia, times, "times new roman", serif; */
    font-size: 0.9em;
    color: #ddd;
    /* background-image:  url(../images/deep_red_bg.gif); */
    background-color: #006;
}

#container        
{
    margin: 0px 40px 150px 40px;       /* determines how much of the screen is used */
    background-color: #000;
    /* background-image:  url(images/deep_red_bg.gif); */
    background-repeat: repeat-y;
    border: 0px solid #333;
    background-position: right;
}

#header
{
    height: 110px;
    background: url(../images/header_bg.jpg) top #000;
    border-bottom: 1px solid #a00;
}

#header h1
{
    margin: 0;

}

#left_sub_container
{
    padding-top: 1em;
    margin: 0 200px 0 2em;
}

#left_sub_container h1 {
    margin-top: 0;
    padding: 0em;
    font-size: 1.4em; /* note: general font attributes set in body tag css */
    color: #aaa; /* note: general font attributes set in body tag css */
    text-align: right;
}

#left_sub_container h2 {
    margin-top: 0;
    padding: 0em;
    text-transform: uppercase;
    font-size: 0.8em; /* note: general font attributes set in body tag css */
    font-weight: bold; /* note: general font attributes set in body tag css */
    color: #777; /* note: general font attributes set in body tag css */
    border-bottom: 1px dotted #777;

}

#left_sub_container ul li {
    font-size: 0.9em;       /* note: general font attributes set in body tag css */
}

#right_sub_container
{
    float: right;
    width: 160px;
    height: 375px;
    margin-right: 10px;
    padding-top: 1em;
}

#right_sub_container p {
    margin-top: 20px;
    margin-right: 7px;
    margin-left: 7px;
    align: center;
    color: #555;
    font-size: 0.8em;
}


#footer
{
    height: 29px;
    clear: both;
    padding-top: 5px;

    background-color: #000;
    font-size: 0.8em;           /* note: general font attributes set in body tag css */
    font-weight: bold;           /* note: general font attributes set in body tag css */
    color: #333;           /* note: general font attributes set in body tag css */
    text-align: center;
    border-top: 0px solid #222;
    border-bottom: 1px solid #500;
    background: url(../images/footer_bg.jpg) repeat-x;
}

#footernav {
    text-align: right;
}

a { outline-width: 1px; }
a.pagenav:visited { text-transform: uppercase; font-family: arial; color: #444; font-size:0.7em; font-weight:bold; text-decoration:underline; }
a.pagenav:link    { text-transform: uppercase; font-family: arial; color: #444; font-size:0.7em; font-weight:bold; text-decoration:underline; }
a.pagenav:hover   { text-transform: uppercase; font-family: arial; color: #ddd; font-size:0.7em; font-weight:bold; text-decoration:none; }
a.pagenav:active  { text-transform: uppercase; font-family: arail; color: #444; font-size:0.7em; font-weight:bold; text-decoration:underline; }


input, select, textarea {
    background-color: #222;
    color: #fff;
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid #369;
}

.inp {
    background-color: #222;
    color: #fff;
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid #369;
}

.inp_alert {
    background-color: #d00;
    color: yellow;
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid yellow;
}


.btn {
    border: thin solid #eee;
    background-color: #444;
    color: #fff;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
}

.formfieldlabels {
    font-size: 0.8em;
    font-weight: bold;
    color: #999;
 }


/* Note: these CSS attributes taken from the custom one in menu_manager.php */
.tablebox {
    background-color: #111;
    color:#aaa;
    border:1px solid #222;
}

.captcha_border {
    border:solid 1px #fff;
}


.sysmess {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight:normal;
    color:#f00;

}
.sysmesstbl {
    border:1px solid #f00;
    background-color:#222;
}



/* ************ Start menu css ************************************************ */
#menu_container td {
    font-family:hellvetica, arial;
    font-size:10pt;
    height: 36px;
}

#menu_container table {
    height:36 px;
}

a.mainmenulink:visited { color:#FFFFFF; font-family: georgia, times, "times new roman", serif; font-size:11pt; font-weight:bold; text-decoration:none; }
a.mainmenulink:link    { color:#FFFFFF; font-family: georgia, times, "times new roman", serif; font-size:11pt; font-weight:bold; text-decoration:none; }
a.mainmenulink:hover   { color:#FFFFFF; font-family: georgia, times, "times new roman", serif; font-size:11pt; font-weight:bold; text-decoration:underline; }
a.mainmenulink:active  { color:#FFFFFF; font-family: georgia, times, "times new roman", serif; font-size:11pt; font-weight:bold; text-decoration:none; }

a.submenulink:visited { color:#00FFFF; font-family: georgia, times, "times new roman", serif; font-size:9pt; font-weight:bold; text-decoration:none; }
a.submenulink:link    { color:#00FFFF; font-family: georgia, times, "times new roman", serif; font-size:9pt; font-weight:bold; text-decoration:none; }
a.submenulink:hover   { color:#FFFFFF; font-family: georgia, times, "times new roman", serif; font-size:9pt; font-weight:bold; text-decoration:underline; }
a.submenulink:active  { color:#00FFFF; font-family: georgia, times, "times new roman", serif; font-size:9pt; font-weight:bold; text-decoration:none; }

a.body:visited { font-family: hellvetica, arial; color: #ddd; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:link    { font-family: hellvetica, arial; color: #ddd; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:hover   { font-family: hellvetica, arial; color: #fff; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:active  { font-family: hellvetica, arial; color: #ddd; font-size:1em; font-weight:normal; text-decoration:underline; }

.lftmenubdr   { border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.rhtmenubdr   { border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
.lfttopmenubdr { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; }
.rhttopmenubdr { border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; }
.allmenubdr   { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; } 




#b0 { background-image: url(../images/menu_bg.jpg); background-color: #0000CC; top:100px; left:87px; z-index:7; width:170px; height:36px; position:absolute; visibility:visible; }
#b1 { background-image: url(../images/menu_bg.jpg); background-color: #0000CC; top:100px; left:257px; z-index:7; width:170px; height:36px; position:absolute; visibility:visible; }
#b2 { background-image: url(../images/menu_bg.jpg); background-color: #0000CC; top:100px; left:427px; z-index:7; width:170px; height:36px; position:absolute; visibility:visible; }
#b3 { background-image: url(../images/menu_bg.jpg); background-color: #0000CC; top:100px; left:597px; z-index:7; width:170px; height:36px; position:absolute; visibility:visible; }
#b4 { background-image: url(../images/menu_bg.jpg); background-color: #0000CC; top:100px; left:767px; z-index:7; width:170px; height:36px; position:absolute; visibility:visible; }
#b1s0 { background-color: #0033FF; top:136px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s0left { top:136px; left:227px; z-index:7; width:30px; height:174px; position:absolute; visibility:hidden; }
#b1s0right { top:136px; left:427px; z-index:7; width:30px; height:144px; position:absolute; visibility:hidden; }
#b1s1 { background-color: #0033FF; top:172px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s2 { background-color: #0033FF; top:208px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s3 { background-color: #0033FF; top:244px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s0end { top:280px; left:257px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }
#b2s0 { background-color: #0033FF; top:136px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s0left { top:136px; left:397px; z-index:7; width:30px; height:282px; position:absolute; visibility:hidden; }
#b2s0right { top:136px; left:597px; z-index:7; width:30px; height:252px; position:absolute; visibility:hidden; }
#b2s1 { background-color: #0033FF; top:172px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s2 { background-color: #0033FF; top:208px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s3 { background-color: #0033FF; top:244px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s4 { background-color: #0033FF; top:280px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s5 { background-color: #0033FF; top:316px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s6 { background-color: #0033FF; top:352px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b2s0end { top:388px; left:427px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }
#b3s0 { background-color: #0033FF; top:136px; left:597px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b3s0left { top:136px; left:567px; z-index:7; width:30px; height:66px; position:absolute; visibility:hidden; }
#b3s0right { top:136px; left:767px; z-index:7; width:30px; height:36px; position:absolute; visibility:hidden; }
#b3s0end { top:172px; left:597px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }
#b4s0 { background-color: #0033FF; top:136px; left:767px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b4s0left { top:136px; left:737px; z-index:7; width:30px; height:66px; position:absolute; visibility:hidden; }
#b4s0right { top:136px; left:937px; z-index:7; width:30px; height:36px; position:absolute; visibility:hidden; }
#b4s0end { top:172px; left:767px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }
#b1s3s0 { background-color: #0033FF; top:244px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s3s0left { top:244px; left:397px; z-index:7; width:30px; height:138px; position:absolute; visibility:hidden; }
#b1s3s0right { top:244px; left:597px; z-index:7; width:30px; height:108px; position:absolute; visibility:hidden; }
#b1s3s1 { background-color: #0033FF; top:280px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s3s2 { background-color: #0033FF; top:316px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; }
#b1s3s0end { top:352px; left:427px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }