body
{
    margin-top: 0;
    margin-right: 1px;   /* abstract that allows scroll bar to be more visible */
    margin-bottom: 0;
    margin-left: 0px;
    padding: 0;
    font-family: hellvetica, arial;  /* georgia, times, "times new roman", serif; */
    font-size: 1em;
    color: #245ddb;  //ddd;
    background-color: #00c;
}

#container        
{
    margin: 0px 0px 0px 0px;       /* determines how much of the screen is used */
    background: #fff url(../images/container_bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    border-top: 0px solid #a00;
    border-right: 0px solid #a00;
    border-bottom: 0px solid #a00;
    border-left: 0px solid #a00;
}

#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;
    height: auto; /* 435px; */
}

#left_sub_container h1 {
    margin-top: 0;
    padding: 0em;
    font-size: 1.6em; /* note: general font attributes set in body tag css */
    font-family: Georgia;
    color: #ccc; /* 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: #555; /* 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: 22px;
    clear: both;
    padding-top: 11px;
    background-color: #009;
    background: #fff url(../images/footer_bg.jpg);
    background-repeat: repeat-x;

    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: #aaa;           /* note: general font attributes set in body tag css */
    text-align: center;
    border-top: 0px solid #222;
    border-bottom: 0px solid #500;
}

#footernav {
    text-align: right;
}

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


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

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

.inp_alert {
    background-color: #ff0; /* #f55; */
    color: #f00; /* #ff0; */
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid #a00;
}


.btn {
    border: 1px solid #000;
    background-color: #666;
    color: #fff;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
}

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


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

.sectiontitle2 {
    font-size: 1em;
    font-weight: bold;
    color: #555;
}

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


.sysmesstbl {
    border:1px solid #f00;
    background-color:#fee;
}
.sysmess {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight:normal;
    color:#f00;
}
.sysmess2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.0em;
    font-weight:normal;
    color:#f00;
}



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

    /* Height Note: originally set to 36 but this setting in ie resulted in the 
                    disapperance of the bottom border on all b*s* buttons in IE.
                    reduced to 35 fixed this problem for all b*s* buttons in IE with the exception 
                    of button b1s3s0 specifically. Dropping this setting to
                    34 allowed one extra pixel to fix this specific button also. */
    height: 34px;
}

#menu_container table {
    height: 36px;
}

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: #245ddb; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:link    { font-family: hellvetica, arial; color: #245ddb; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:hover   { font-family: hellvetica, arial; color: #222; font-size:1em; font-weight:normal; text-decoration:underline; }
a.body:active  { font-family: hellvetica, arial; color: #245ddb; 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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b1s2 { background-color: #0033FF; top:208px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b1s3 { background-color: #0033FF; top:244px; left:257px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b2s2 { background-color: #0033FF; top:208px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b2s3 { background-color: #0033FF; top:244px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b2s4 { background-color: #0033FF; top:280px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b2s5 { background-color: #0033FF; top:316px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b2s6 { background-color: #0033FF; top:352px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }

#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b4s0 { background-color: #0033FF; top:136px; left:767px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#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; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b1s3s2 { background-color: #0033FF; top:316px; left:427px; z-index:9; width:170px; height:36px; position:absolute; visibility:hidden; filter:alpha(opacity=88); -moz-opacity:88%; opacity:.88; }
#b1s3s0end { top:352px; left:427px; z-index:8; width:200px; height:30px; position:absolute; visibility:hidden; }