/* CSS Document */
@import url(forms.css);

body {
	background:url(../images/bodyBGRepeat.gif) left top repeat #ccc;
	text-align:center;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-size:140%;
	margin:0;
}
h2 {
	font-size:120%;
	text-decoration:underline;
}
h3 {
}
p {
	font-weight:bold;
	font-size:90%;
}

p strong {
	font-size: 140%;	
}

a:link, a:visited {
	color:#309aaa;
}
a:hover, a:focus {
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:900px;
	background:url(../images/wrapperBG.gif) left top repeat-y #f7fbff;
	text-align:left;
}

#wrapper #header {
	position:relative;
}
html>body #wrapper #header {
}
#wrapper #header h1 {
}
#wrapper #header h1 a {
	display:block;
	overflow:hidden;
	height:0;
	width:489px;
	padding:116px 0 0 0;
	text-align:center;
	margin:0 auto;
	background:url(../images/logo.gif) left top no-repeat transparent;
}

#navigation {
	background:url(../images/menuBGRepeat.gif) left top repeat-y transparent;
	margin:0;
	padding:0px 25px;
	float:left;
	width:850px;
}
#navigation ul {
	margin:0 0 0 2px;
	padding:0;
	float:left;
}
#navigation ul li {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	float:left;
	width:121px;
}
#navigation ul li a:link, #navigation ul li a:visited {
	display:block;
	margin:0;
	text-align:center;
	font-size:90%;
	padding:3px 5px;
	text-decoration:none;
	color:#fff;
	height:36px;
}
#navigation ul li a:hover, #navigation ul li a:focus {
	background-color:#C6D3EA;
	color:#000;
}

#wrapper #content {
	margin:0 25px;
	clear:both;
	padding:20px;
	background:url(../images/contentBG.gif) right top no-repeat transparent;
}
html>body #wrapper #content {
}

ul {
	margin:15px 40px;
	padding:0;
}
ul li {
	list-style:none;
	list-style-image:url(../images/bullet.gif);
	font-size:90%;
	font-weight:bold;
}
ul li ul {
	margin:3px 20px;
	font-size:110%;
	color:#95befc;
}
ul li ul li {
	color:#000;
	list-style-image:none;
	list-style:square;
}


#wrapper #footer {
	clear:both;
	font-size:70%;
	font-weight:normal;
	padding:5px 45px;
}
#footer p {
	margin:10px 0px 2px 0;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
}
#footer a:hover, #footer a:focus {
}
#contactInf {
	float:right;
	position:absolute;
	top:5px;
	right:30px;
	background-color:transparent;
	width:330px;
	overflow:hidden;
	text-align:right;
}
#contactInf ul {
	margin:0;
	padding:0;
}
#contactInf ul li {
	list-style-image:none;
	font-size:80%;
	font-weight:bold;
	color:#1b5861;
}

.leftImg {
	float:left;
}
.rightImg {
	float:right;
}
.clearFloats {
	clear:both;
}

.screen {
	float:right;
	clear:right;
	font-weight:normal;
	text-align:center;
	width:265px;
	height:290px;
	background:url(../images/screen-new.gif) left top no-repeat transparent;
	position:relative;
	margin:10px 50px 0 0;
}
.screen .contents {
	position:absolute;
	top:15px;
	left:15px;
	height:175px;
	width:232px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:6px 2px;
}
.screen h4 {
	text-transform:uppercase;
	margin:6px 0 0 0;
	padding:0;
}
.screen p {
	margin:0;
	padding:0;
}
.screen ul {
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
.screen ul li {
	list-style:none;
	list-style-image:none;
	font-weight:normal;
	margin:0;
	padding:0;
}

.siteName {
	font-size:110%;
	font-style:oblique;
}
.siteName .blue {
	color:#004477;
}
.blue {
	color:#004477;
}

.heavy {
	font-size:120%;
	text-align:center;
}

.file {
	background:url(../../images/clip_image003.jpg) left top no-repeat transparent;
	height:420px;
}
.file li {
	list-style-image:none;
	margin:0 0 10px 100px;
}

.curvybox {
	background-image: url(../../images/curvybox1.gif);
	background-repeat: no-repeat;
	margin-left: 50px;
/*	margin-top: 40px;	*/
	margin-bottom: 20px;
	vertical-align: middle;
	float: left;
	width: 294px;
	height: 62px;
}
.curvybox p {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	padding-top: 8px;
}

.curvybox2 {
	background-image: url(../../images/curvybox1.gif);
	background-repeat: no-repeat;
	margin-left: 100px;
	margin-bottom: 20px;
	vertical-align: middle;
	float: left;
	width: 294px;
	height: 62px;
/*
	width: 213px;
	height: 145px;
*/
}
.curvybox2 p {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;	
	padding: 5px;
	padding-top: 8x;
}