/* 
.....................................
structure css 
.....................................*/

#body {
margin-top:0;
background-color:#003366;
background-repeat:repeat;
}

#wrapper {
margin:auto;
margin-top:0px;
width:900px;
background:#FFFFFF;
border:solid 20px #FFFFFF;
}

#mast {
margin-top:0px;
width:900px;
}

#mastLeft {
margin-top:0px;
float:left;
width:400px;
padding:5px;
background-color:#006699;
}

#mastRight {
margin-top:0px;
float:right;
padding-top:40px;
padding-right:10px;
text-align:right;
width:300px;
background-color:#006699;
}

.clearBoth {
clear:both;
height:1px;
}

#menu1 {
height:30px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
float:left;
padding-left:20px;
}

#menu1 a {
text-decoration:none; 
color:#003366;
border-bottom:thin; border-bottom-style:dotted;
}

#menu1 a:hover {
text-decoration:none;
color:#CCCCCC;
border-bottom:none;
}








/*
#menu {
height:30px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
float:right;
padding-right:20px;
}

#menu a {
text-decoration:none; 
color:#003366;
border-bottom:thin; border-bottom-style:dotted;
}

#menu a:hover {
text-decoration:none;
color:#CCCCCC;
border-bottom:none;
}
*/

#title {
padding-left:10px;
}


#containerWrap {
float:left;
width:635px;
background-image:url(../images/bckLarge.png);
}

#containerLeftTop {
width:635px;
height:20px;
background-image:url(../images/bckLargeTop.png);
background-repeat:no-repeat;
}

#containerLeftBot {
width:635px;
height:30px;
background-image:url(../images/bckLargeBot.png);
background-repeat:no-repeat;
}


#containerLeft {
margin:0px;
width:635px;
background-repeat:repeat-y;
padding-top:0px;
padding-left:10px;
margin-right:20px;
}


#containerRightWrap {
float:right;
width:220px;
background-image:url(../images/bckRight.png);
background-repeat:repeat-y;
}

#containerRightTop {
width:220px;
height:20px;
background-image:url(../images/bckRightTop.png);
background-repeat:no-repeat;
}

#containerRightBot {
width:220px;
height:20px;
background-image:url(../images/bckRightBot.png);
background-repeat:no-repeat;
}


#containerRight {
margin: 0px;
width:220px;
padding-top:0px;
margin-right:20px;
}

#containerFooter {
margin-top:15px;
width:640px;
height:85px;
float:left;
background-image:url(../images/bckFooter.png);
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}


h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:23px;
font-weight:bold;
color:#000;

}

h2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
color:#000;
padding-top:0px;

}

h3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
color:#000;
padding-left:5px;
padding-right:10px;
}

h4 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding-left:10px;
padding-right:15px;
}

p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
line-height:normal;
padding-left: 20px;
padding-right:30px;
}

.sidebartext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#333333;
line-height:normal;
}

.sidebarimage
{
padding-left:28px;
margin-bottom:10px;
}

.sidebarimage1
{
padding-left:10px;
}

.imageRight {
padding-left:50px;
}

.spacer{
	margin-top: 20px;
}


ul
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:disc;
text-align:justify;
color:#003366;
line-height:normal;
padding-left: 70px;
padding-right:30px;
}


	/* menu */
	
#menu {
  float: right;
  width:99%;
  margin-top:.5em;
  margin-bottom: 1.5em;
  border-bottom: solid 3px #006699;
}

ul#toc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
    font-size:14px;
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#toc li {
    float: left;
    margin: 0 3px 0 0;
}

ul#toc a {
    background: url(../images/tabs.png);
    color:#FFF;
    display: block;
    float: left;
    height: 2em;
    padding-left: 22px;
    text-decoration: none;
}

ul#toc a:hover {
    background-position: 0 -60px;
}

ul#toc a:hover span {
    background-position: 100% -60px;
	color:#000;
}

ul#toc li.current a {
    background-position: 0 -60px;
    color: #fff;
}

ul#toc li.current span {
    background-position: 100% -60px;
}

ul#toc span {
    background: url(../images/tabs.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 22px;
}