/* CSS Document */

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-image: url(images/back.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-color:#50acc5;
}
p {
	margin-left: 20px;
}
hr {
	color: teal;
	background-color: teal;
	height: 1px;
}
	
a:link {
	text-decoration: none;
	color: #36c;
}
a:visited {
	text-decoration: none;
	color: #36c;
}
a:hover {
	color: #6c99ff;
}
a:active {
	text-decoration: none;
	color: #36c;
}
li {
	margin-bottom:6px;
	margin-left: 40px;
	text-indent: -2px;
}


h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#327c90;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: teal;
	margin-left: 10px;
} 

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#50acc5;
	margin-left: 20px;
}

blockquote {
	margin: 10px 10px 10px 40px;
}

#evalbox {
	background-color:#CFF;
	border: #0CC 1px dashed;
	float: right;
	padding: 10px;
}

.top {
	background-color:#50acc5;
	height:30px;
	width: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
}
.yellow {
	background-image:url(images/top-yellow.jpg);
	background-repeat:repeat-x;
	height: 150px;
	margin:0;
	padding:0;
}


.box {
	background-color:#FFF;
	width:800px;
	padding: 40px 40px 40px 40px;
	border-left:#50acc5 1px solid;
	border-right:#50acc5 1px solid;
	border-bottom:#50acc5 1px solid;
}

.content {
	width: 370px;
	float: left;
	padding: 15px;
}
	
.rightside {
	width: 380px;
	margin-left: 420px;
	padding:0;
	display:block;
}

.checkeredoutline {
	border: 1px #50acc5 dashed;
	padding: 15px;
	margin-left: 0px;
}

.floatleft {
	float:left;
	padding-right:20px;
}
.floatright{
	float:right;
	padding-left: 20px;
}

table img {display:block}

.navline {
	background-image:url(images/teal.jpg);
	background-repeat:repeat-x;
	margin-top: 0;
	padding-top:0;
}

.nav {
	margin-top: 0px;
	width:800px;
}


ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    background: #FFF url(images/teal.jpg);
    float: left;
    margin: 0;
	border-right: #FFF 1px solid;
	border-left: #FFF 1px solid;
	list-style-type:none;
}

ol#toc a {
    background: url(images/teal.jpg);
    display: block;
    float: left;
    line-height: 2em;
    text-decoration: none;
}

ol#toc a:hover {
	font-weight:bold;
}

ol#toc li.current a {
    font-weight: bold;
	border-right: #FFF 1px solid;
	border-left: #FFF 1px solid;
}

ol#toc span {
    background: url(images/teal.jpg);
    display: block;
    line-height: 2em;
    padding-right: 20px;
    padding-left: 20px;
}

/* boxa navigation................................................... */
#boxa {
	float:left;
	padding:10px;
	width: 200px;
	background-color: #8dd6df;
}
#boxa ol
	{
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
	}
#boxa li
	{
	margin-left: 0;
	}
#boxa a
	{
	display:block;
	border-left: 16px solid teal;
	border-right: 1px solid teal;
	border-top: 1px solid teal;
	border-bottom: 1px solid teal;
	padding: 5px;
	background-color: #CCF;
	width: 170px;
	}
#boxa a:link, #navlist a:visited
{
	color: #609;
	text-decoration: none;
}

#boxa a:hover
	{
	background-color: white;
	color: purple;
	border-left: 16px solid purple;
}
#boxa ol a.current
	{
	background-color: white;
	color: purple;
	border-left: 16px solid purple;
}
	

/*end navigation for boxa */

#boxb	{
	margin: 0 0 0 250px;
	background-color:#FFF;
	padding: 20px 20px 20px;
}
.boxinternal {
	background-color: #FFF;
	width:820px;
	border-left:#50acc5 1px solid;
	border-right:#50acc5 1px solid;
	border-bottom:#50acc5 1px solid;
	margin: 0 auto;
	padding: 0 30px 0 30px;
}
.bgyellow {
	background-color:#FFFFCC;
	}
.bgpeach {
	background-color:#FFCCCC;
	}
.bggreen {
	background-color:#CCFFCC;
	}
.bgblue {
	background-color:#CCFFFF;
	}
.bgviolet {
	background-color:#CCCCFF;
	}
.bgteal {
	background-color:#99FFFF;
	}
.redline {
	border: #C33 1px solid;
	padding: 10px;
}
/* syntiro header................................................... */

.syntiro {
	width:100%;
	background-color:#639;
	height: 100px;
}