/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
font-size: 100%;
margin: 0px;
background-color:#CCCCCC
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 150%;
margin-bottom:10px;
}

fieldset {
border: 1px solid #06b1ec;
padding: 10px;
margin-bottom: 10px;
margin-left: 102px;
width: 350px;
}

fieldset dl dt {
font-size: .8em;
font-weight: bold;
}

/* ABC */

#frame{
background:black;
float: left;
left: 50%;
margin-left: -410px;
margin-top:5px;
position: absolute;
width: 820px;
}

#footer {
background:#06b1ec;
float:left;
width:820px;
height:40px;
}

			#footer p {
			color:white;
			font-size:0.8em;
			margin-top:12px;
			margin-left:102px;
			}
			
			#footer a {
			text-decoration:none;
			color:white;
			}
			
			#footer a:hover {
			color:#0e2da7;
			}

#logo {
float:left;
width:555px;
height:129px;
}

#lower {
background:#06b1ec;
float:left;
width:555px;
height:148px;
}

		#lower ul {
		color:#3b62d1;
		margin-top:10px;
		margin-left:102px;
		}
		
		#lower li {
		font-size:0.8em;
		}
		

#nav {
background:#6b91e8;
display: inline-block;
float:left;
height:50px;
overflow: hidden;
width:820px;
}

		#nav ul {
		float:left;
		margin-left:102px;
		list-style:none;
		display:inline-block;
		}
		
		#nav li {
		float:left;
		padding-bottom:0;
		margin-right:25px;
		
		}
		
		#nav li a {
		float:left;
		font-size:0.7em;
		text-decoration:none;
		display:block;
		color:white;
		padding-left:5px;
		border-left:1px solid white;
		padding-top:10px;
		padding-bottom:0;
		}
		
		#nav li a:hover {
		color:#0e2da7;
		}

#side {
background:#3b62d1;
background: red;
float:right;
height:500px;
overflow: hidden;
width:265px;
}

#side.index {

}

#side img {
float: left;
}

#text {
float:left;
width:555px;
}

			#text h1 {
			color:#06b1ec;
			font-weight:lighter;
			margin-left:102px;
			font-size:1em;
			margin-right:20px;
			}
			
			#text p, #text ol {
			color:#7c7c7c;
			margin-left:102px;
			font-size:0.7em;
			line-height:130%;
			margin-right:20px;
			}
			
			#text ol {
			margin-left: 120px;
			}
			
			#text p.links {
			font-size:0.7em;
			line-height:140%;
			}
			
			#text a {
			color:black;
			text-decoration:none;
			}
			
			#text a:hover {
			color:#7c7c7c;
			}
			
			#text ul {
			margin-left:165px;
			color:#7c7c7c;
			font-size:0.7em;
			margin-right:20px;
			}

#text_index {
background: url(../images/bg_text_index.png) bottom left no-repeat;
float:left;
width:555px;
min-height:223px;
}

			#text_index h1 {
			color:#06b1ec;
			font-weight:lighter;
			margin-left:102px;
			font-size:1em;
			margin-right:20px;
			}
			
			#text_index p {
			color:#7c7c7c;
			margin-left:102px;
			font-size:0.7em;
			line-height:130%;
			margin-right:20px;
			}
			
			#text_index a {
			color:black;
			text-decoration:none;
			}
			
			#text_index a:hover {
			color:#7c7c7c;
			}

#wrapper {
background: white url(../images/bg_wrapper.jpg) top left no-repeat;
float:left;
}





/* CLASSES */

.border {
border:1px solid black;
}

.fleft {
float:left;
margin: 10px, 10px, 20px, 0;
}

.fright {
float:right;
margin: 10px, 0, 20px, 10px;
}

.handyes {
display: none;
}

.thumbnail {
float:left;
margin-left:150px;
margin-right:10px;
margin-bottom:10px;
border:none;
}

.thumbnailtext {
			color:#7c7c7c;
			font-size:0.7em;
			line-height:130%;
			margin-right:0;
			}

.staff {
display: inline-block;
float:left;
margin-left:105px;
margin-bottom:10px;
}

/* added by andy */

.index-bullet {
color: #444;
font-size: .7em;
height: 120px;
left: 115px;
position: absolute;
top: 280px;
width: 450px;
}

.index-bullet ul {
display: block;
float: left;
list-style: square !important;
margin-right: 10px;
width: 30%;
}

.index-bullet ul li {
list-style: disc !important;
}