@charset "UTF-8";
/* CSS Document */

/* --------------- */
/* MAIN LAYOUT CSS */
/* --------------- */

.wrapper {
	width: 940px;
	margin: 0px auto;
}
#header {
	height: 200px;
	background-color: #FFFFFF;
	background-image:url(../images/header/header.jpg);
	background-repeat:repeat-x;
	background-position: center;
}
#header img {
	padding-top: 20px;
}
#header h1 {
	display:none;
}
#nav	{
	height: 40px;
	background-color: #000000;
	background-image:url(../images/layout/nav_bck.gif);
	background-repeat: repeat-x;
	padding-left:0px;
}
#nav2	{
	height: 40px;
	width: 260px;
	background-color: #000000;
	background-image:url(../images/layout/nav2_bck.gif);
	background-repeat: repeat-x;
	padding-left:0px;
	float: right;
}
#nav ul, #nav2 ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
#nav li, #nav2 li {
	list-style: none;
	padding:0px;
	margin:0px;
	display: inline;
	color: #FFFFFF;
}
#nav a, #nav2 a {
	display:block;
	font-size:14px;
	float:left;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 12px 12px 12px;
}
#nav a:hover, #nav2 a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.whitebck {
	background-color: #FFFFFF;
}

#leftcontent {
	width: 660px;
	padding: 15px 20px 0px 0px;
	float:left;
}

.pullout {
	background-color:#006699;
	padding: 10px 10px 2px 10px;
	width: 320px;
	margin-left: 15px;
	margin-bottom: 40px;
	margin-top: 30px;
}
.pullout h1, .pullout h2, .pullout p, .pullout a {
	color: #FFFFFF;
}
.pullout img {
	float:left;
	margin-left: -25px;
	margin-top: -20px;
}

label {
	color:#666666;
	font-size: 12px;
    width: 80px;
    float: left;
    text-align: right;
    margin-right: 15px;
    display: block;
	padding-top: 3px;
}
.form {
	margin-bottom:10px;
}
.formsubmit {
	margin-bottom: 5px;
	width: 495px;
	text-align:right;
}
input.text, textarea {
	background: #ffffff url("../images/form/input.gif") top right;
	color: #000000;
	border: 1px solid;
	border-color: #3399cc #3399cc #66ccff #66ccff;
	padding: 1px 2px 2px 2px;
	font-size: 1em;
	width: 400px;
}
input.text:focus, textarea:focus
{
	border-color: #000000;
}

#rightcol {
	float:right;
	width: 240px;
	padding: 10px;
	background-color: #caddec;
}
#rightcol h1 {
	font-size: 20px;
	color:#006aac;
}
#rightcol h1 span, #rightcol h1 strong {
	font-size: 24px;
	line-height: 28px;
	color: #666666;
}
#rightcol h2, #rightcol h2 a {
	font-size: 14px;
	font-weight: bold;
	color:#006aac;
}
#rightcol h3 {
	background-color: #006aac;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 16px;
	padding-top: 12px;
	padding-left: 4px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	margin-top: 8px;
	font-weight: normal;
}
#networking {
	background-color: #006aac;
	width: 230px;
	height: 30px;
	padding:5px;
	margin-bottom: 15px;
}
#networking h1 {
	color: #FFFFFF;
	float:left;
	font-size: 18px;
	padding-top:3px;
}
#networking img {
	float: right;
	margin-left: 10px;
}

#footer {
	clear:both;
	height: 85px;
	background-image: url(../images/layout/footer_bck.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #006595;
	color: #FFFFFF;
	padding: 30px 15px 15px 15px;
}
#footer a {
	color: #FFFFFF;
}
.footerleft {
	float: left;
	width: 500px;
}
.footerright {
	float: right;
	text-align: right;
	padding-top: 30px;
}