* {margin: 0; padding: 0;}

body {font-family: Verdana, sans-serif; font-size: 12px; background: #dadfd4; behavior:url("csshover2.htc");} 

#main { width: 800px; background: #fff url(images/bg-top2.jpg) no-repeat; margin: 0px 10px; position: relative; padding-top: 10px;}

#main-wrapleft {width: 850px; background: url(images/bg-left.jpg) repeat-y;  margin: 0px auto 10px auto; padding-left: 15px;}
#main-wrapright {width: 830px; background: url(images/bg-right.jpg) top right repeat-y; padding-right: 5px; }

#header {background: #5e72a4 url(images/logo7.jpg) no-repeat; height: 166px;}

#content {background: #dadfd4 url(images/flash-bg.jpg) repeat-x; clear: both; position: relative;}

#footer {background: #dadfd4 url(images/bg-softsage.jpg) bottom left repeat-x; 
padding: 10px 20px 60px 30px; color: #333; border-bottom: 5px solid #4971ad; position: relative; border-top: 1px solid #dadfd4;}

#footer2 {width: 850px; height: 20px; background: url(images/bg-bottom.jpg)  no-repeat; margin: 0px 0px 0px 2px;}

.info {
	position: absolute;
	width: 390px;
	top: 2px;
	right: 10px;
	padding: 10px;
	height: 200px;
	overflow: hidden;
}

.info2 {position: absolute; width: 360px; bottom: 56px; right: 25px; background: #c3dafa url(images/bg-buildings.jpg) top left no-repeat; padding: 16px 10px 70px 5px; }

.info2 p {width: 210px;}

#footer p { text-align: center; margin-right: 450px; margin-top: 0px;}

div.phone-top {position: absolute; top: 80px; right: 0px; width: 180px;}


/* navigation */

#nav {background: #eee url(images/bg-nav2.jpg) repeat-x; text-align: center; color: #555; font-family: verdana, sans-serif; font-size: .9em; float: left; width: 100%; font-weight: normal;}

#nav ul {padding: 0px; list-style-type: none; float: left; margin: 0px;}

#nav li {padding: 4px; float: left; border-right: 1px solid #dadfd4; border-left: 1px solid #fff; position: relative; background: #fff url(images/bg-nav2.jpg) bottom left repeat-x; z-index: 1000;}

#nav li:hover {color: #fff; background: #44537a url(images/bg-nav-blue.jpg) repeat-x;}

#nav ul li ul { margin: 4px 0 0 0; padding: 0px; position: absolute; left: -1px; display: none; width: 14em;  z-index: 1000;}

#nav ul li:hover ul {display: block; color: #222;}

#nav ul li ul:hover {display: block; }

#nav ul li ul li {width: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #9db777 url(images/bg-nav-green2.jpg) bottom left repeat-x; font-weight: normal; padding: 3px 2px;}

#nav ul li ul li:first-child { border-top: 1px solid #fff;}

#nav ul li ul li:hover { color: black; background: #9db777 url(images/bg-nav-green.jpg) bottom left repeat-x;}

#nav a {text-decoration: none; padding: 4px; display: block; color: #222;}

#nav a:hover {color: #fff;}

#nav ul li ul li a:hover {color: #000;}

/* end navigation */

h1 {font-size: 1.3em; padding: 6px; margin: 6px; color: #3e6aab;}

h2 {font-size: 1.1em; color: #333; padding: 6px; margin: 6px; width: 310px; text-align: center; color: #3e6aab; font-weight: bold; margin: 6px 6px 6px 40px;}

h3 {font-size: 1em; color: #333; padding: 6px; margin: 6px;}

p {margin: 6px; padding: 6px; color: #333;}

p.deadline {margin-left: 25px; width: 350px; margin-bottom: 0px;}

ul.guide {margin: 6px 20px; padding: 6px}
ul.guide li {padding: 4px;}


ul.guide li ul li { color: maroon; padding: 4px 8px; list-style-type: square;}

ol{margin: 6px 20px; padding: 6px}
ol li {padding: 4px;}

.info a {text-decoration: none;}
.info a:link, .info a:visited { color: #3e6aab; font-weight: bold;} 

.info a:hover { background: #fff; color: #323581;}

#footer a:link, #footer a:visited { color: #31317f; text-decoration: none;} 
#footer a:hover, #footer a:active { color: #323581; text-decoration: underline;}

.highlight {color: #3e6aab; font-weight: bold;}

.highlight2 {color: #3e6aab; font-weight: bold; font-size: 1.1em;}


img.define {border: 1p solid black; margin: 3px;}

.example {color: #2d7c74; }

div#custom img.computer {margin-top: 5px; }