/* ----- Structure and Layout ----- */

body {
	text-align : center;
	background-color: #000066;
	min-width : 770px ;
	}

#wrapper {
	   width : 770px;
	   text-align : left ;
	   margin-left : auto ;
	   margin-right : auto ;
	}
	
/* ----- Header----- */

#header {

          height: 90px;
          margin: 0;
          border: solid #333333;
          border-width: 0 0 0 0;
          background: #ffffff;
          color: #0000ff;
         }

#maincontainer {
	float: left;
	width : 770px;
	background-color: #ffffff;
	}

#padding {
	clear: both;
	padding: 30px 0 0 0;
	}

#content {
	float: left;
	width: 700px;
	padding: 0 0 10px 40px;
	}

/* ----- Columns ----- */

#leftcontent {
		float:left;
		width:70%;
                text-align:left
		background:#ffffff;
		border-right:0px solid #000000;
		border-bottom:0px solid #000000;
		margin-right:20px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		}

#rightcontent {
		background:#ffffff;
		}
	

/* ----- Typography ----- */

body {
	font: small Comic Sans MS, Sans-serif;
	line-height: 1.6em;
	color: #000000;
	}

h1 {
	padding-top: 10px;
	font-size: 2.0em;
	color:#000066
	}
h2 {

	font-size: 1.2em;
	color:#000066
	}

h3 {
	padding-top: 10px;
	font-size: 1.2em;
	color:#000000
	}
h4 {
	padding-top: 10px;
	font-size: 1em;
	color:#000066
	}


h5 {
	font-size: 1em;
	font-style:italic;
	color: #000000;
	}


/* ----- Navigation ----- */

#navbar {
	padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
        background: #9966ff;
        border-bottom:5px solid #ffffff;
	}

#nav-menu ul
             {
               list-style: none;
               padding: 0;
               margin: 0;
              }

#nav-menu li
             {
              float: left;
              margin: 0 0.15em;
             }

#nav-menu li a
               {
                 background: #ffffff bottom left repeat-x;
                 height: 2em;
                 line-height: 2em;
                 margin: 0;
                 padding: 0;
                 float: left;
                 width: 6em;
                 display: block;
                 border: 0.1em solid #dcdce9;
                 color: #0d2474;
                 text-decoration: none;
                 text-align: center;
                }

#nav-menu li a:hover
                {
                  background: #cc99ff bottom left repeat-x;
                  height: 2em;
                  line-height: 2em;
                  margin: 0;
                  padding: 0;
                  float: left;
                  width: 6em;
                  display: block;
                  border: 0.1em solid #dcdce9;
                  color: #000000;
                  text-decoration: underline;
                  text-align: center;
                 }

/* Hide from IE5-Mac \*/

#nav-menu li a
               { float: none }
/* End hide */

#nav-menu
          { width:100% } 


/* ----- Navigation 2 ----- */

#nav-menu2 ul
             {
               list-style: none;
               padding: 0;
               margin: 0;
              }

#nav-menu2 li
             {
              float: left;
              margin: 0 0.15em;
             }

#nav-menu2 li a
               {
                 background: #ffffff bottom left repeat-x;
                 height: 2em;
                 line-height: 2em;
                 margin: 0;
                 padding: 0;
                 float: left;
                 width: 10em;
                 display: block;
                 border: 0.1em solid #dcdce9;
                 color: #0d2474;
                 text-decoration: none;
                 text-align: center;
                }

#nav-menu2 li a:hover
                {
                  background: #cc99ff bottom left repeat-x;
                  height: 2em;
                  line-height: 2em;
                  margin: 0;
                  padding: 0;
                  float: left;
                  width: 10em;
                  display: block;
                  border: 0.1em solid #dcdce9;
                  color: #000000;
                  text-decoration: underline;
                  text-align: center;
                 }

/* Hide from IE5-Mac \*/

#nav-menu2 li a
               { float: none }
/* End hide */

#nav-menu2
          { width:100% } 

/* ----- Clear liners ----- */

#liner {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}

#liner2 {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}

#liner3 {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}


/* ----- Links ----- */

.class1 a:link {color:#ffffff; text-decoration: none;}
.class1 a:visited {color:#ffffff; text-decoration: none;}
.class1 a:active {color: #99ffff; text-decoration: none;}
.class1 a:hover {color: #99ffff; text-decoration: underline;}

.class2 a:link {text-decoration: none;}
.class2 a:visited {text-decoration: none;}
.class2 a:active {text-decoration: none;}
.class2 a:hover {color:#ff00ff; text-decoration: underline;}



/* ------ Footer ----- */

#footer {
	text-align: center;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}