/* CSS Document version 2.0 */

@media print {
    body { font-size: 12pt; }
}

body {
    margin:0;
    padding:0;
    background-color : #ebf4ff;
    background-image : url(images/bg.gif);
    color: #000033;
    font-family : 'Verdana', Helvetica, 'Lucida Sans Unicode', 'Century Gothic', sans-serif;
    font-size : medium;
}

a:link, a:visited {
    color : #0000cc;
    background : transparent;
    text-decoration : none;
}

a:active {
    color : #00ccff;
    background : transparent;
    text-decoration : none;
}

a:hover {
    background : white;
    color : red;
    text-decoration : underline overline;
}

img {
    color : inherit;
    border-width : 0;
    border-style : none;
}

img.images {
    padding : 0;
    border-width : 0;
    border-style : none;
    margin : 0;
    vertical-align : top;
    text-align : left;
}

img.himag {
    padding : 0;
    border-width : 0;
    border-style : none;
    margin : 0;
    vertical-align : middle;
    text-align : right;
}

img.imbed {
    float : left;
    padding : 8px;
    margin : 0 0 2px 0;
}

img.par {
    padding : 0;
    border-width : 0;
    border-style : none;
    margin-right : 10px;
    vertical-align : top;
    float : left;
}

h1, h2, h3, h4, h5, h6 {
    text-align : left;
    white-space : nowrap;
    padding-top : 2px;
    padding-bottom : 8px;
    background : transparent none;
}

h1, h2, h3 {
    color : #3333cc;
    font-family : 'Bimini', 'Baby Face', 'Brave New Era G98', 'MS PGothic', 'Myriad Web', 'Century Gothic', Verdana, 'Trebchet MS', 'Lucida Sans Unicode', 'Blue Highway', 'Optimum', Geneva, 'Lucida Sans', 'MS PGothic', Tahoma, Helvetica, Lucida, Arial, sans-serif;
    font-weight : bold;
}

h4, h5, h6 {
    color : black;
    font-family : 'Lucida Sans Unicode', 'Blue Highway', 'Optimum', Geneva, 'Lucida Sans', 'MS PGothic', Tahoma, Helvetica, Lucida, Arial, sans-serif;
    font-weight : bolder;
}

h1 {
    font-size : 200%;
    margin : 0 0 0 14%;
    font-weight : bold;
    text-shadow : gray 2px 2px 6px;
}

h2 {
    font-size : 150%;
    margin : 0 0 0 12%;
}

h3 {
    font-size : 130%;
    margin : 0 0 0 7%;
}

h4 {
    font-size : 108%;
    margin : 2% 0 0 6%;
    text-decoration : underline;
}

h5 {
    font-size : 102%;
    font-style : oblique;
    margin : 2% 0 0 4%;
}

h6 {
    font-size : 99%;
    font-variant : small-caps;
    margin : 0 1% 0 1%;
}

#page {
    color : #103399;
    background : transparent none repeat;
    font-weight : bolder;
    font-size : 96%;
    margin-left : 2em;
    margin-right : 2em;
}

input.but {
    font-family : 'Tahoma', 'Helvetica', 'Trebchet MS', 'Arial', 'Verdana', sans-serif;
    font-size : 90%;
    font-weight : bold;
    color : #006;
    background : #f0f8ff none;
    border-top : 2px solid white;
    border-right : 2px solid #000066;
    border-left : 2px solid white;
    border-bottom : 2px solid #000066;
    text-align : center;
    margin-left : auto;
    margin-right : auto;
}

.hide {
    display : none;
}

p.copyright {
    font-size : 90%;
    margin-left : 6em;
    margin-right : 25em;
    margin-top : 0.5em;
    margin-bottom : 2em;
}

p.copyright small {
    font-size : small;
}

small {
    font-size : 88%;
    font-weight : 300;
}

big {
    font-size : 114%;
    font-weight : 800;
}

pre, code, cite, tt, samp, address {
    font-family : "Andale Mono", "Lucida Console", "Lucida Typewriter", "Courier New", Courier, monospace;
    margin : 6px 40px 4px 40px;
    overflow : auto;
    padding : 4px 4px 4px 4px;
    text-align : left;
    text-decoration : none;
    text-transform : none;
    word-spacing : 1px;
}

.smlnobr {
    font-size : 84%;
    white-space : nowrap;
}

.unbroken {
    white-space : nowrap;
}

.ctr {
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
    padding : 2px;
}

.ctrdis {
    text-align : center;
    vertical-align : middle;
    margin-left : 20px;
    margin-right : 20px;
    padding : 2px;
    border : none;
}

.ctrsml {
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
    padding : 2px;
    margin : 0;
    font-family : 'Verdana', 'Arial Rounded MT', 'Trebchet MS', Helvetica, 'Tahoma', Lucida, Arial, sans-serif;
    text-transform : none;
    font-style : normal;
    font-weight : normal;
    font-size : 75%;
}

.nav {
    text-align: left;
    padding: 0;
    margin: 15px;
    font-size : 82%;
}

.ctxnav {
    text-align : center;
    vertical-align : middle;
    margin-left : 15px;
    margin-right : 15px;
    padding : 2px;
    font-family : 'Verdana', 'Arial Rounded MT', 'Trebchet MS', Helvetica, 'Tahoma', Lucida, Arial, sans-serif;
    text-transform : none;
    font-style : normal;
    font-weight : normal;
    font-size : 82%;
}

.rght {
    text-align:right;
}

p {
    margin-left : 3em;
    margin-right : 3em;
}

blockquote {
    margin-left : 5em;
    margin-right : 5em;
    font-size : 102%;
    font-style : italic;
}

hr {
    visibility : visible;
    color : #cccce0;
}

hr.fancy {
    display : block;
    height : 4px;
    width : 98%;
    color : #8099ff;
    text-align : center;
    margin-left : auto;
    margin-right : auto;
    background-color : #4c66cc;
    border-top : 1px solid #e8f0ff;
    border-left : 6px solid #ccddff;
    border-bottom : 1px solid #082733;
    border-right : 6px solid #223366;
    float : none;
}

center {
    text-align : center;
    margin-left : auto;
    margin-right : auto;
    float : none;
}

br.clr {
    clear : left;
}

div.dis1 {
    text-align : justify;
    color : #330099;
    font-weight : bolder;
    font-size : 102%;
}

div.dis2 {
    text-align : left;
    color : #330066;
    font-weight : bolder;
    font-size : 98%;
}

.article {
    text-align : left;
    margin-left  : 0;
    margin-right : 0;
    color: #009;
    background-color : transparent;
    padding: 0;
    border: none;
    line-height: 1.75ex;
    font-family : 'Lucida Sans Unicode', 'Century Gothic', 'Verdana', Helvetica, sans-serif;
    font-size: 1em;
}

.framed {
    border-style : inset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #f5faff;
    color : #334466;
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
    font-weight : bold;
    font-size : 90%;
    font-family : "Verdana", sans-serif;
    line-height : 120%;
    width : 90%;
}

.ctk_framed {
    border-style : inset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #f5faff;
    color : #334466;
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
    font-weight : bold;
    font-size : 90%;
    font-family : "Verdana", sans-serif;
    line-height : 120%;
}

.nav_framed {
    border-style : outset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #5864d2;
    color : #f5faff;
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
    font-weight : bold;
    font-size : 90%;
    font-family : "Verdana", sans-serif;
}

.tbutt {
    background : #cce4ff;
    color : white;
    border : 3px outset #6680cc;
    border-color : #99ccff #333399 #333399 #99ccff;
    border-style : outset;
    padding : 0;
    margin-left : auto;
    margin-right : auto;
}

ol, ul {
    margin-left : 4em;
    margin-right : 6em;
    font-size : 96%;
}

ol {
    list-style-type : decimal;
}

ol.upalpha {
    list-style-type : upper-alpha;
}

ol.lowalpha {
    list-style-type : lower-alpha;
}

ul {
    list-style-type : square;
}

ul.squa {
    list-style-type : square;
}

ul.disc {
    list-style-type : disc;
}

ul.non {
    list-style-type : none;
}

ul.circl {
    list-style-type : circle;
}

ol ol {
    margin-left : 1ex;
    margin-right : 1ex;
    list-style-type : lower-alpha;
}

ul ul {
    margin-left : 1ex;
    margin-right : 1ex;
    list-style-type : disc;
}

ul ul ul {
    margin-left : 1ex;
    margin-right : 1ex;
    list-style-type : circle;
}

li {
    line-height : 150%;
    padding-top : 6px;
    padding-bottom : 6px;
}

.indent {
    text-indent: 3em;
    margin-left : 3em;
    margin-right : 3em;
}

.nindent {
    text-indent: -3em;
    margin-left : 3em;
    margin-right : 3em;
}

li.caption {
    font-family : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-size : 120%;
    font-weight : bold;
    background-color : transparent;
    color : #0000cc;
    text-decoration : none;
    word-spacing : 2px;
    letter-spacing : 1px;
    text-shadow : gray 2px 2px 6px;
}

a.subcap {
    font-weight : bold;
    font-size : 112%;
    line-height : 142%;
}

a.subcap:link, a.subcap:visited {
    color : #000066;
    background-color : transparent;
    text-decoration : none;
}

a.subcap:hover {
    color : #cc0000;
    background-color : white;
    text-decoration : underline overline;
}

a.subcap:active {
    color : #3300ff;
    background-color : transparent;
    text-decoration : none;
}

a.nbar {
    background-color : transparent;
    text-decoration : none;
    font-family : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-size : 98%;
    font-weight : bold;
    text-align : center;
    width : 114px;
    height : 24px;
}

a.nbar:link, a.nbar:visited {
    color : black;
    text-shadow : #f5faff 1px 1px 2px;
}

a.nbar:active {
    color : blue;
    text-shadow : white 1px 1px 2px;
}

a.nbar:hover {
    color : red;
    text-shadow : #fff0f5 1px 1px 2px;
}

span.nbar {
    background-color : transparent;
    color : black;
    text-decoration : none;
    font-family : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-size : 98%;
    font-weight : bold;
    text-align : center;
    padding-left : 1em;
    padding-right : 0.25em;
    padding-top : 0;
    padding-bottom : 0;
    width : 114px;
    height : 24px;
    text-shadow : #f5faff 1px 1px 2px;
}

.sub_caption {
    font-family : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-size : 124%;
    font-weight : bold;
    background-color : transparent;
}

.initial {
    font-family : "Leonardo", "Forgotten Futurist College", "Lucida Console", "Andale Mono", "OCRB", "Monotype.com", "Optimum", monospace, sans-serif;
    font-size : 200%;
    font-weight : bold;
    background-color : transparent;
    color : #330066;
    vertical-align : top;
    text-align : left;
    padding : 4px 4px 4px 4px;
}
.warning {
font-family : 'Arial Rounded MT', 'Verdana', 'Trebchet MS', Helvetica, 'Arial Black', Impact, Futura, Bimini, 'Tahoma', Lucida, Arial, sans-serif;
text-transform : none;
font-style : normal;
font-weight : bold;
font-size : 118%;
letter-spacing : 0.2em;
text-align : left;
color : red;
background-color : transparent;
margin : 0 0 0 12%;
}
.caution {
font-family : 'Verdana', 'Arial Rounded MT', 'Trebchet MS', Helvetica, 'Tahoma', Lucida, Arial, sans-serif;
text-transform : none;
font-style : normal;
font-weight : bolder;
font-size : 98%;
letter-spacing : 0.12em;
text-align : left;
color : #3300cc;
background-color : transparent;
margin : 0 0 0 14%;
}
a.warning:link, a.warning:visited, a.warning:active {
color : #ff0000;
background-color : transparent;
text-decoration : none;
}
a.warning:hover {
color : #cc0000;
background-color : white;
text-decoration : underline overline;
}
.wmi {
margin-left : 2em;
margin-right : 2em;
}

#intro {
    position:absolute;
    top:125px;
    left:0px;
    margin-top: 1em;
    margin-bottom:4em;
    margin-left: 1em;
    margin-right: 1em;
}

#intro_bdy {
    position:relative;
    top:50px;
    text-align : center;
    vertical-align : middle;
    margin-left : auto;
    margin-right : auto;
}


/*----HEADER PANEL----*/

#topPan {
    width:100%;
    height:98px;
    position:absolute;
    top:0px;
    left:0px;
    margin:0 auto;
    background-color: #6680f0;
    background:url(images/hdr_bg.jpg) 0 0 repeat-x;
}

#topPan img.logo {
    width:200px;
    height:50px;
    position:absolute;
    top:28px;
    left:12px;
    background-color: transparent;
    border:none;
    padding:0;
}

.panText {
    position:absolute;
    top:25px;
    left:250px;
    font-family: 'Bimini', 'Century Gothic', 'SF Old Republic', 'MS UI Gothic', 'Arial Rounded MT Bold', 'MS PGothic', Verdana, 'Trebchet MS', 'Lucida Sans Unicode', 'Blue Highway', 'Optimum', 'Geneva', 'Lucida Sans', 'Tahoma', Helvetica, Lucida, Arial, sans-serif;
    font-size: 125%;
    font-weight: bold;
    color:#f0f8ff;
    text-shadow : #102455 2px 2px 4px;
}


/*----Menu Panel----*/

#menuPan {
    width:100%;
    height:24px;
    background-color: #f4faff;
    background:url(images/nav_bot.jpg) 0 0 repeat-x;
    position:absolute;
    top:97px;
    left:0px;
    float:left;
    margin:0;
    border:none;
    padding:0;
}

#menuPan div.navBar {
    width:100%;
    height:24px;
    background-color: transparent;
    position:absolute;
    top:0;
    left:0;
    border:none;
    padding:0;
    margin: 0;
    white-space:nowrap;
    overflow: hidden !important;
}

div.navBar .nbar0 {
    padding: 0;
    margin: 0;
    position:absolute;
    top:0;
    left:24px;
    cursor: pointer;
    width:116px;
    height:24px;
    border:none;
    text-align: center;
}

div.navBar .nbar1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position:absolute;
    top:0;
    left:142px;
    cursor: pointer;
    width:116px;
    height:24px;
    border:none;
    text-align: center;
}

div.navBar .nbar2 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position:absolute;
    top:0;
    left:258px;
    cursor: pointer;
    width:116px;
    height:24px;
    border:none;
    text-align: center;
}

div.navBar .nbar3 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position:absolute;
    top:0;
    left:374px;
    cursor: pointer;
    width:116px;
    height:24px;
    border:none;
    text-align: center;
}

div.navBar .nbar4 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position:absolute;
    top:0;
    left:490px;
    cursor: pointer;
    width:116px;
    height:24px;
    border:none;
    text-align: center;
}

a.men {
    font-weight : bold;
    font-size : 88%;
    line-height : 100%;
}

a.men:link, a.men:visited {
    color : #000066;
    background-color : transparent;
    text-decoration : none;
}

a.men:hover {
    color : #cc0000;
    background-color : white;
    text-decoration : none;
}

a.men:active {
    color : #3300ff;
    background-color : transparent;
    text-decoration : none;
}

a.nav {
    font-weight : bold;
    font-size : 92%;
    line-height : 80%;
}

a.nav:link, a.nav:visited {
    color : black;
    background-color : transparent;
    text-decoration : none;
    text-shadow : white 1px 1px 2px;
}

a.nav:hover {
    color : #ff0000;
    background-color : transparent;
    text-decoration : none;
}

a.nav:active {
    color : #3300ff;
    background-color : transparent;
    text-decoration : none;
}

td.tdnav {
    width : 116px;
    height : 24px;
    text-align : center;
    background-color : transparent;
    white-space : nowrap;
    overflow : hidden;
}

span.snav {
    color : black;
    background-color : transparent;
    text-decoration : none;
    text-shadow : white 1px 1px 2px;
}

.framed_menu1 {
    border-style : outset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #f5faff;
    font-family : 'Verdana', 'Trebchet MS', 'Lucida Sans Unicode', 'Blue Highway', 'Century Gothic', 'Optimum', Geneva, 'Lucida Sans', 'MS PGothic', Tahoma, Helvetica, Lucida, Arial, sans-serif;
    text-align : left;
    position : absolute;
    top : 122px;
    left : 130px;
    margin : 0;
    padding : 0 0 0 0;
    font-weight : bold;
    font-size : 90%;
    line-height : 120%;
    width : 176px;
    height : 138px;
    white-space : nowrap;
    z-index : 90;
    overflow : hidden;
}

.framed_menu2 {
    border-style : outset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #f5faff;
    font-family : 'Verdana', 'Trebchet MS', 'Lucida Sans Unicode', 'Blue Highway', 'Century Gothic', 'Optimum', Geneva, 'Lucida Sans', 'MS PGothic', Tahoma, Helvetica, Lucida, Arial, sans-serif;
    text-align : left;
    position : absolute;
    top : 122px;
    left : 260px;
    margin : 0;
    padding : 0 0 0 0;
    font-weight : bold;
    font-size : 90%;
    line-height : 120%;
    width : 232px;
    height : 380px;
    white-space : nowrap;
    z-index : 90;
    overflow : hidden;
}

.framed_menu3 {
    border-style : outset;
    border-width : thin;
    border-color : gray white white gray;
    background-color : #f5faff;
    font-family : 'Verdana', 'Trebchet MS', 'Lucida Sans Unicode', 'Blue Highway', 'Century Gothic', 'Optimum', Geneva, 'Lucida Sans', 'MS PGothic', Tahoma, Helvetica, Lucida, Arial, sans-serif;
    text-align : left;
    position : absolute;
    top : 122px;
    left : 370px;
    margin : 0;
    padding : 0 0 0 0;
    font-weight : bold;
    font-size : 90%;
    line-height : 120%;
    width : 142px;
    height : 134px;
    white-space : nowrap;
    z-index : 90;
    overflow : hidden;
}


div.mh1 {
    display : none;
    visibility : hidden;
    position : absolute;
    top : 110px;
    left : 1px;
    width : 1px;
    height : 1px;
    border : 0 none #fff;
    padding : 0;
    z-index : 70;
    overflow-y:auto;
    overflow-x:hidden;
}

div.mh2 {
    display : none;
    visibility : hidden;
    position : absolute;
    top : 110px;
    left : 1px;
    width : 1px;
    height : 1px;
    border : 0 none #fff;
    padding : 0;
    z-index : 80;
    overflow-y:auto;
    overflow-x:hidden;
}

div.mh3 {
    display : none;
    visibility : hidden;
    position : absolute;
    top : 110px;
    left : 1px;
    width : 1px;
    height : 1px;
    border : 0 none white;
    padding : 0;
    z-index : 90;
    overflow-y:auto;
    overflow-x:hidden;
}

div.ms1 {
    display : block;
    visibility : visible;
    position : absolute;
    top : 122px;
    left : 142px;
    width : 160px;
    height : 105px;
    border : 2px outset #6680ff;
    padding-left : 4px;
    padding-top : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
    text-align : center;
    vertical-align : middle;
    white-space : nowrap;
    background : #4c66cc none;
    color : white;
    cursor: pointer;
    z-index : 70;
    overflow-y:auto;
    overflow-x:hidden;
}

div.ms2 {
    display : block;
    visibility : visible;
    position : absolute;
    top : 122px;
    left : 258px;
    width : 234px;
    height : 308px;
    border : 2px outset #6680ff;
    padding-left : 4px;
    padding-top : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
    text-align : center;
    vertical-align : middle;
    white-space : nowrap;
    background : #4c66cc none;
    color : white;
    cursor: pointer;
    z-index : 80;
    overflow-y:auto;
    overflow-x:hidden;
}

div.ms3 {
    display : block;
    visibility : visible;
    color : white;
    position : absolute;
    top : 122px;
    left : 374px;
    width : 140px;
    height : 105px;
    background : #4c66cc none;
    border : 2px outset #6680ff;
    padding-left : 4px;
    padding-top : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
    text-align : center;
    vertical-align : middle;
    cursor: pointer;
    white-space : nowrap;
    z-index : 90;
    overflow-y:auto;
    overflow-x:hidden;
}

.mItem {
    display : block;
    visibility : visible;
    width : 96%;
    height : 16px;
    padding : 0;
    padding-top : 1px;
    padding-left : 3px;
    padding-right : 3px;
    text-align : left;
    vertical-align : middle;
    background : #4c66cc none;
    color : white;
    font-family : "Tahoma", Arial, Helvetica, Lucida, 'clean', sans-serif;
    font-size : 10pt;
    font-weight : bold;
    line-height : 94%;
    white-space : nowrap;
    cursor : default;
    outline : none;
    z-index : 100;
}

.mItemHL {
    display : block;
    visibility : visible;
    width : 96%;
    height : 16px;
    padding : 0;
    padding-top : 1px;
    padding-left : 3px;
    padding-right : 3px;
    text-align : left;
    background : white none;
    color : #cc0000;
    font-family : "Tahoma", Arial, Helvetica, Lucida, 'clean', sans-serif;
    font-size : 10pt;
    font-weight : bold;
    line-height : 94%;
    white-space : nowrap;
    cursor : pointer;
    outline : red 1px solid;
    z-index : 100;
}

/*----/Menu Panel----*/



