/* Fix for Google Chrome clipped background bug */
html {background-color: #fff;}

body {background: #fff; margin: 0px; font-size:12px; color: #584f47; line-height: 19px; font-family: Arial, Helvetica, sans-serif;}
h1 {font-weight: normal; font-size: 24px; text-transform: lowercase; color: #584f47; font-weight: normal; font-size: 14pt; text-transform: none; color: #000; font-family: arial, Helvetica, sans-serif}
h1 EM {	text-transform: none; font-style: normal}
h2 {font-weight: normal; font-size: 15px; color: #584f47; margin: 0px}
h3 {font-weight: bold; font-size: 11pt; margin: 0px; color: #584f47; line-height: 18px; padding-top: 12px}
a {font-weight: normal; font-size: 12px; color: #30465E; text-decoration: underline}
a:visited {font-weight: normal; font-size: 12px; color: #30465E; text-decoration: underline}
a:hover {font-weight: normal; font-size: 12px; color: #A62C1B; text-decoration: underline}
img {border:none;}

#form {margin:40px; font-size:14px; font-weight:bold}
#form TD {font-size:12px; font-weight:bold}

input {font-size: 12px; color: #30465E; background: #ECF0F1; border: 1px solid #30465E; text-align: left;}
textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #30465E; background: #ECF0F1; border: 1px solid #30465E; text-align: left;}
.label {font-size: 14px; text-align: right; display: block; font-weight:bold; color:#333;}
.submit input{text-align: center;}


#wrapper {margin-left: auto; width: 980px; margin-right: auto; position: relative}

#header {margin-left: auto; margin-right: auto; position: relative; height: 80px; padding-top: 20px; position: relative; height: 30px}
#cipsys-logo {left: 8px; position: absolute; top: 5px}
#clock {color: #888; height: 25px; float:right; display:inline-block; width:450px; text-align:right; color:#D1D6DC; font-size:18px;}

#banner {margin-top:0px; background: #D1D6DC url('../images/header_cipsys3.jpg') no-repeat; position:relative; height:200px;}
#banner p.mission {margin-top:0px; line-height:16px; padding-top:20px; padding-left:12px; width:228px; height:80px; color:#fff; text-align:justify;}
#banner-admin {margin-top:0px; background: #D1D6DC url('../images/header_cipsys_admin.jpg') no-repeat; position:relative; height:50px;}

#nav {margin: 0px; width: 980px; height: 30px; background-color: #C9BD57; color: white;}
#menuwrapper {margin-left: 0px; background-color: #C9BD57; color: white;}

.clear-it {clear: both; font-size: 0px; line-height: 0; height: 0px; color: white;}

#CSmenubar {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: arial, Helvetica, sans-serif; font-weight:bold; list-style-type: none; color: #002B4E;}
#CSmenubar ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: arial, Helvetica, sans-serif; font-weight:bold; list-style-type: none; color: #002B4E;}
#CSmenubar a {padding-right: 20px; display: block; padding-left: 20px; font-size: 10pt; padding-bottom: 6px; color: #444; padding-top: 5px; text-decoration: none; font-weight:bold; color: #002B4E;}
#CSmenubar li {padding-left: 1px; background: url('../images/nav-divider.gif') no-repeat left 50%; float: left; width: 170px; color: #002B4E;}
#CSmenubar li.first {padding-left: 0px; background-image: none! important}
#CSmenubar li.last {background-image: none! important; float:right;}
#CSmenubar li ul {width: 172px}
#CSmenubar li ul li {background: none transparent scroll repeat 0% 0%; width: 171px}
#CSmenubar ul li a {padding-right: 12px; padding-left: 10px; font-size: 8pt; padding-bottom: 1px; color: #444; padding-top: 1px; border-right-width: 0px}
#CSmenubar li ul {border-right: #333333 2px solid; border-top: #fff 2px solid; display: none; Z-index: 2; border-bottom: #333333 2px solid; position: absolute;}
#CSmenubar li:hover a {color: #fff; background-color:#30465E}
#CSmenubar a:focus {color: #002B4E;}
#CSmenubar a:active {color: #002B4E;}
#CSmenubar li a.current {color: #ffffff; background-color: #30465E; font-weight:bold;}
#CSmenubar li:hover ul {display: block}
#CSmenubar li:hover ul a {color: #002B4E; border-bottom: #EEEEEE 1px solid; background-color: white}
#CSmenubar ul a:hover {background-color:#aaBBCC; background: url('../images/nav-hover.gif') no-repeat left top; color: #002B4E! important;}
#CSmenubar li {width: auto}

#content {margin-top: 0px; background: #D0D6DC; OVERFLOW: hidden; position: relative; margin-bottom:0px;}

#leftside {display:inline-block; float: left; width:407px; height:auto; padding-left:0px; background-color:#fff; background-image:url('../images/bg_left.jpg')}
#leftside h1 {font-size:18px; color:#213952; font-weight:bold; padding-top:0px; padding-left:18px; padding-right:10px;}
#leftside h2 {font-size:14px; color:#213952; font-weight:bold; padding-left:18px; padding-right:10px;}
#leftside p {padding-left:20px; padding-right:10px; line-height:14px;}
#leftside img .top {position:absolute;top:0px;}
#leftside img .bottom {position:absolute;bottom:0px;}

#rightside {display: inline-block; float: right; width: 570px; height: auto; margin-bottom:25px; background-color: #D0D6DC; background-image: url('../images/bg_right_expand.jpg'); background-repeat: repeat-y;}
#rightside h1 {font-size:18px; color:#213952; font-weight:bold; margin-top:0px; padding-top:0px; padding-left:18px; padding-right:10px;}
#rightside h2 {font-size:14px; color:#213952; font-weight:bold; padding-left:18px; padding-right:10px;}
#rightside p {padding-left:20px; padding-right:10px; line-height:14px;}
#rightside img .top {position:absolute;top:0px;}
#rightside img .bottom {position:absolute;bottom:0px;}

#oneside {display: inline-block; float: right; width: 900px; height: auto; margin-bottom:25px; background-color: white; }
#oneside h1 {font-size:18px; color:#213952; font-weight:bold; margin-top:0px; padding-top:0px; padding-left:18px; padding-right:10px;}
#oneside h2 {font-size:14px; color:#213952; font-weight:bold; padding-left:18px; padding-right:10px;}
#oneside p {padding-left:20px; padding-right:10px; line-height:14px;}
#oneside img .top {position:absolute;top:0px;}
#oneside img .bottom {position:absolute;bottom:0px;}


#bottom {width:980px; height:25px; margin:0px; padding:0px; background-color:#D1D6DC;}

#footer {padding-left: 10px; padding-top: 8px; position: relative; height: 50px; font-size:12px; color: #666; background-color:#fff; margin-left:10px; margin-right:10px;}
#footer a {padding-right: 10px; padding-left: 10px; color: #666; text-decoration: none}
#footer a:hover {color: #222; text-decoration: underline}
#footer a:active {color: #666; text-decoration: underline}