/* Cascading Style Sheet - style definitions or specifications that */
/* instruct the browser how to display the various elements on a page. */


/* Fonts: */

/* font-family(s) */
/*  font-family: Verdana, Arial, Helvetica, sans-serif; */
/*  font-family: Georgia, "Times New Roman", Times, serif; */
/*  font-family: Courier, Monospace, fixed; */
/* font-size(s) */
/*  font-size: xx-large,x-large,large,medium,small,x-small,xx-small - */
/*  works well in all apps but varies alot */
/*  font-size: "x"em - "1.2em" is the same as 120%, but may go below a readable levels */
/*  pixel size - "14px" (these will look different depending on resolution and screen size) */
/* font-weight: bold,normal */
/* font-style: bold,normal */
/* color:, background-color: */
/* text spacing */
/*  letter-spacing: 0.5em - between letter spacing */
/*  word-spacing: 2.0em - between word spacing */
/*  line-height: 200% -sets the height of the lines in an element */
/* text-align: left - align the text inside an element to left, right, center or justify. */
/* text-indent: ? - will indent the first line of a paragraph by length or percentage. */
/* line-height - height of the character plus the extra spacing above it */
/* text-decoration: line-through, strike-through, overline, underline, none */
/* text-transform: capitalize,uppercase,lowercase,none */

/* Text Headers (h1... h6) These define text font sizes */
/* All Headers are bold (h5 and h6 are smaller than typical regular text.) */

h1,h2,h3,h4,h5,h6 {
font-family: "lucida calligraphy", arial, 'sans serif';
font-weight: bold;
}
h1 {
font-size: 1.4em;
text-align: center
margin-top: 16px;
}

h2 {
font-size: 1.2em;
text-align: center;
margin-top: 16px;
}

h3 {
font-size: 0.9em;
text-align: center;
margin-top: 16px;
}

h4 {
font-size: 0.8em;
text-align: left;
margin-top: 16px;
}

h5 {
font-size: 0.7em;
text-align: left;
margin-top: 16px;
}

h6 {
font-size: 0.6em;
text-align: left;
margin-top: 16px;
}

p,td {
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.9em;
margin: 1.33em 0 auto 3px;
}

li {
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.9em;
margin: 1.33em 0 auto 1.33em;
}

/* Left CSS Box */
#leftcolumn {
padding: 20px 10px 20px 20px;
position: absolute;
top: 223px;
left: 73px;
width: 352px;
height: 369px
}

/* Right CSS Box */
#rightcolumn {
padding: 20px 20px 20px 10px;
position: absolute;
top: 223px;
left: 455px;
width: 352px;
height: 369px
}

/* border text */
#p3 {
border-style: solid;
border-width: 10px;
border-color: #A0B0BC;
padding: 1em;
}

/* Fontsetting Independently */
/* The "p" and "h?" tags apply to an entire paragraph. */
/* If a paragragh needs formatted differently than the normal "Header" */
/* or "Base Text" set the <h?> or <p> class flag. */
/* (e.g. <p class="redtext">) */
.redtext {
color: #FF0000;
}
.bluetext {
color: #002157;
}
.greytext {
color: #666666;
}
.darknav {
color: #ffffff;
background-color: #bbbbbb;
margin: auto 0 auto 0;
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 1.0em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
line-height: 200%;
}
.ltnav {
cursor:pointer;
color: #002157;
margin: 0 0 0 10px;
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.8em;
font-weight: normal;
}
.ltnav0 {
line-height: 200%;
}
.ltnav1 {
border-top: thin inset #bbbbbb;
line-height: 200%;
}
.ltnav2 {
margin: 0 0 0 20px;
}
.ltnav3 {
margin: 0 0 0 30px;
}
.btnav {
color: #002157;
margin: 0 0 0 10px;
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.8em;
font-weight: normal;
}

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
.menutitle{
cursor:pointer;
color: #002157;
margin: 0 0 0 10px;
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.8em;
font-weight: normal;
line-height: 200%;
}
.submenu{
cursor:pointer;
color: #002157;
margin: 0 0 0 20px;
font-family: "lucida calligraphy", arial, 'sans serif';
font-size: 0.8em;
font-weight: normal;
margin-bottom: 0.5em;
}

/***********************************************
* End Switch Menu script
***********************************************/

/* Fontsetting Text Independently in a Paragraph. (Inline) */
/* <p>This looks like <span class="redtext">Red</span> text</p> */


/* Body */
/* Body definitions are generic for the whole page, but can be overridden. */
/* Margins */
/* If you set the margins for the document to be 0 the margins will be */
/* set edge to edge. */
/* margin: 50px; */
/* margin-top,left,right,bottom */
/* padding-bottom: 600px */

body {
margin: 5px;
background: #ffffff url(images/background-alt.png) no-repeat top left;
font-family: "lucida calligraphy", arial, 'sans serif'
font-size: small;
color: #666666;
line-height: 150%;
text-indent: normal;
text-align: justify;
}


/* Links: */

/* Unvisited Style */
a:link {
font-size: 1.0em;
color: #002157;
text-decoration: none
}

/* Visited Style (This must be placed ahead of the mouseover style in */
/* your style sheet to work properly.) */

a:visited {
font-size: 1.0em;
color: #001030;
text-decoration: none
}

/* Mouseover Style */

a:hover {
font-size: 1.0em;
color: #32004b;
text-decoration: underline;
}

/* Tabs */
* { padding: 0em; margin: 0em; }

/* ----------------------------- start #nav ----------------------------- */
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; width: 138px; height: 50px; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */

/* ----------------------------- start #nav ids ----------------------------- */
#one   { background:url(tab1-hover.png) no-repeat left bottom; }
#two   { background:url(tab2-hover.png) no-repeat left bottom; }
#three { background:url(tab3-hover.png) no-repeat left bottom; }
#four  { background:url(tab4-hover.png) no-repeat left bottom; }
#five  { background:url(tab5-hover.png) no-repeat left bottom; }
#six   { background:url(tab6-hover.png) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */


/* Link Top Left Part of Background Image to Home Page */

#background a {
position: absolute;
top: 0px;
left: 0px;
height: 102px;
width: 702px;
text-decoration: none;
background: transparent;
}

/* (X)HTML Markup */
/* <div id="header"> */
/* <a href="index.html" title="Home"> */
/* </a></div> */


/* Credits: */
/* http://www.htmldog.com/guides/cssbeginner/ */
/* http://wendypeck.com/css101.html */
/* http://www.wpdfd.com/editorial/basics/cssbasics2.html */