/* Resets */
html{color:#222;background:#BCD73F;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0; position:relative;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
img {display:block; border:none;}

/* Generic Styles */
input.form-text {border:1px solid #C5C5C5; padding:1px 0px 1px 0px;}
.seo {display:none;}
div.clearFix {line-height:0px; font-size:0px; clear:both; width:100%;}
a {color:#222;}
a:hover {color:#222;}
.imgLeft {float:left; display:inline; margin:0px 10px 10px 0px;}
.imgRight {float:right; display:inline; margin:0px 0px 10px 10px;}
.caps {text-transform:uppercase;}

/* SCC Styles */
#frame {
	float:left; width:100%; display:inline;
	background-image: url('../images/interface/main-bg.png');
  background-position: left top;
  background-repeat: no-repeat; 
}

#innerFrame {
	float:left; width:780px; display:inline;
	margin: 0px 0px 0px 50px;
}

/* Logo */

h1#logo {
	float:left; width:100%; display:inline;
	margin:84px 0px 18px 0px;
}

h1#logo a {
	float:left; display:inline;
	width:188px; 
	height:89px;
	background-image: url('../images/interface/scc-logo.gif');
  background-position: left top;
  background-repeat: no-repeat; 	
}

/* Navigation */

#topNav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
#topNav li {
	display:inline;
  float: left;
  position: relative;
  width: 96px;
  margin-right:2px;
  color:#fff;
  padding:5px 0px 5px 0px;
  font-weight:bold;
}
  
#topNav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  margin-right:0px;
}

#topNav li li {
	display: block;
	float: none;
	border: 0;
	width:220px;
}
  
#topNav li > ul {
	top: auto;
	left: auto;
}

#topNav li:hover ul, #topNav li.over ul{ display: block; }

#topNav li ul {
	float: none;
	margin-top:5px;
}

#nav1 {background-color:#00AEEF; margin-left:80px;}
#nav2 {background-color:#009DD8;}
#nav3 {background-color:#0185B7;}
#nav4 {background-color:#026990;}
#nav5 {background-color:#005271;}
#nav6 {background-color:#003B51;}
#nav7 {background-color:#002A3A; margin-right:0px;}

#topNav a {color:#fff; text-decoration:none; font-size:1em;}
#topNav li div {padding-left:5px;}
/* Un-comment if you want hover color for drop down title (doesn't work for IE6)
#topNav li div:hover {color:#BCD73F;}*/
#topNav a:hover {color:#BCD73F;}
#topNav li li {border-bottom:1px solid #fff; margin:5px;}
#topNav li li.last {border-bottom:none;}

#topNav li li a {padding-left:0px;}

#topNav #nav2 ul { background-color: #009DD8; }
#topNav #nav4 ul { background-color: #026990; }


/* Main Content Area */

#mainContent {
	float:left; display:inline; width:100%;
	background-image: url('../images/interface/notepad-repeat.gif');
  background-position: left top;
  background-repeat: repeat-y; 
	background-color:#f4f4f4;	
}

#mainContentOuter {
	float:left; display:inline; width:100%;
	background-image: url('../images/interface/notepad-top.gif');
  background-position: left top;
  background-repeat: no-repeat;
 	padding-bottom:10px; 
}

#mainContentInner {
	float:left; display:inline; width:688px;
	background-color:#f4f4f4;
	margin:0px 12px 0px 80px;
}

#mainContentColorBar {
	float:left; display:inline; width:684px;
	line-height:0px; font-size:0px; clear:both;
	height:34px;
}

#mainContentFooter {
	float:left; display:inline; width:100%;
	line-height:0px; font-size:0px;
	background-image: url('../images/interface/notepad-bottom.gif');
  background-position: left top;
  background-repeat: no-repeat; 
	height:6px;
}

#footerLinks {
	float:left; display:inline;
	font-size:0.8em;
	color:#fff;
	padding:0px 0px 1em 0px;
	width:700px;
	margin-left:80px;
}

#footerLinks a { color:#fff; text-decoration:none; }
#footerLinks a:hover { text-decoration:underline; }

#footerLinks div.leftFoot { float:left; display:inline; }
#footerLinks div.rightFoot { float:right; display:inline; text-align:right; padding-right:5px;}