/* ############### Body ############### */

body {
 margin: 0;
 width: 700px;
 border: 0;
 padding: 0;
 color: #000;
 background: #fff; 
 font-family: verdana, arial, helvetica, sans-serif;
}


.header {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 margin: 10px;
 left: 120px;
 height: 200px;
 width: 700px;
 padding: 5px;
 text-align: center;
}


.navigation
{
 position:absolute;
 left: 10px;
 top: 200px;
 width: 100px;
 border-style: dotted;
 border-color: red;
 border-width: 1px;
 margin: 0;
 padding: 0;
}

body > .navigation
{
position:fixed;
}


.upper_body {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 left: 120px;
 width: 700px;
 padding: 5px;
}

.middle_body {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 left: 120px;
 width: 700px;
 padding: 5px;
}

.lower_body {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 left: 120px;
 width: 700px;
 padding: 5px;
}

.footer {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 left: 120px;
 height: auto;
 width: 700px;
 padding: 5px;
}


#footer {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 left: 120px;
 height: auto;
 width: 700px;
 padding: 5px;
}

/* ############### Headings ############### */


h1 {
 color: #FD9900;
 font-size: 16pt;
 text-align: center;
 text-transform: uppercase;
}

H2 {
 color: #990099;
 font-size: 14pt;
 text-align: center;
}

H3 {
 color: #2A0055;
 font-size: 12pt;
 text-align: center; }

/* ############### Paragraph ############### */


p, td, th {
 color: #000;
 font-family: arial;
 font-size: 10pt;
 text-align: left; }

.center_italic_bold_text {
 font-style: italic;
 font-weight: bold;
 font-size: 12pt;
 color: black;
 text-align: center;
}

.left_italic_bold_text {
 font-style: italic;
 font-weight: bold;
 font-size: 12pt;
 color: black;
 text-align: left;
}

.right {
 text-align: right;
}

/* ############### Lists ############### 

ul.longanddeep {
 border: ridge #C0C0C0;
 border-width: 10px;
 max-height: 500px;
 height:auto;
 width: auto;
 max-width: 600px; 
 list-style-type: none;
 margin: 5px;
 padding: 5px;
 overflow: scroll;
 overflow-x: hidden;
 clear: all;
}

*/

ul.longanddeep {
 border: ridge #C0C0C0;
 border-width: 10px;
 height: 600px;
 width: auto;
 max-width: 600px; 
 list-style-type: none;
 margin: 5px;
 padding: 5px;
 overflow: auto;
 overflow-x: hidden;
 clear: all;
}


ul.long {
 border: ridge #C0C0C0;
 border-width: 10px;
 max-height: 200px;
 height:auto;
 width: auto;
 max-width: 600px; 
 list-style-type: none;
 margin: 5px;
 padding: 5px;
 overflow: auto;
 overflow-x: hidden;
 clear: all;
}

ul.medium {
 border: ridge #C0C0C0;
 border-width: 10px; 
 height: 100px;
 width: auto;
 max-width: 600px; 
 list-style-type: none;
 margin: 5px;
 padding: 5px;
 overflow: auto;
 overflow-x: hidden;
 clear: all;
}

ul.short {
 border: ridge #C0C0C0;
 border-width: 10px; 
 height: 100px;
 width: 250px; 
 list-style-type: none;
 margin: 5px;
 padding: 5px;
 overflow: auto;
 overflow-x: hidden;
 clear: all;
}

li {
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px; 
 color: #000000;
 font-size: 8pt;
 clear: all;
}

.odd {
 background-color: #E5E5E5;
}

.even {
 background-color: #CDDBE7;
}

.navigation ul {
 border: solid 1px;
 text-align: left;
}

.navigation li {
 border: solid 1px;
 font-family: Verdana,sans-serif;
 font-size: 65%;
 font-weight: bold;
 list-style-type: none;
 padding: 0.65em;
 text-align: left;
}

.navigation li a {
 border-style: solid;
 border-width: 1px 1em;
 color: #000000;
 padding: 0.25em;
}


#l1 a {
border-color:#CA90A8;
}
#l1 a:hover {
border-color:#7A0031;
}
#l2 a {
border-color:#8FACC1;
}
#l2 a:hover {
border-color:#00528F;
}
#l3 a {
border-color:#A8CA90;
}
#l3 a:hover {
border-color:#006A35;
}
#l4 a {
border-color:#F3BF95;
}
#l4 a:hover {
border-color:#FF7209;
}
#l5 a {
border-color:#FCD68B;
}
#l5 a:hover {
border-color:#FFBE2D;
}
#l6 a {
border-color:#F0A79A;
}
#l6 a:hover {
border-color:#E71808;
}
#l7 a {
border-color:#898989;
}
#l7 a:hover {
border-color:#141414;
}
#l8 a {
border-color:#98D2E2;
}
#l8 a:hover {
border-color:#0EA7D4;
}
#l9 a {
border-color:#CA90A8;
}
#l9 a:hover {
border-color:#7A0031;
}
#l10 a {
border-color:#8FACC1;
}
#l10 a:hover {
border-color:#00528F;
}

.about li {
 font-size: 10pt;
 list-style-type: square;
}


/* ############### Span ############### */

span {
 color: #000000;
 font-size: 8pt; 
}

span.highlight {
 background: yellow;
 color: #000000;
 font-size: 10pt; 
}

/* ############### SFKC Compatibility ############### */

.western {
 color: #000;
 font-size: 8pt; 
}

.MsoNormal {
 color: #000;
 font-size: 8pt; 
}

/* ############### Specialty ############### */

.google {
 border: ridge #C0C0C0;
 border-width: 10px;
 margin: 5px;
 padding:5px;
 text-align: center; 
}

.state {
 border: 0px solid #000;
 background-color: #fff;
 position: relative;
 padding: 5px;
}