/***********************************/
/*  SAC (adjusted from GME 2008
/*  ELizabeth Davies
/*  Last Modified: 4 Aug 2008
************************************/

body {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color:#e2e7ea;
  font-size:100% !important; /*over ride typography baseline size*/
}

#container {
  width: 984px;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: auto;
  left: auto;
  background-color: #FFF;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

a:link, a:active {
  color: #004990;
  text-decoration: none;
}

a:visited  {
  color: #663399;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

H1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
  }

h1, h2 {
  font-size:1.5em;
}
h3, h4 {
  font-size:1.3em;
  }
h5, h6 {
  font-size:1.2em;
  }
h1, h3, h5 {
  color:#11297b;
  }
h2, h4, h6 {
  color:#004990;
  }

/********************************************************/
/** header elements
/********************************************************/
#header {
  position: relative;
  text-align: left;
  width: 984px;
  background-color: #e2e7ea;
}
#metamenu { 	
  	width: 984px;
  	height: 28px;
  	float: left;
  	display: inline;
}

#metamenu ul {
  	margin: 8px 0px 0px 240px;
  	padding: 0px 0px 0px 0px;
}

#metamenu li { 
 	margin: 0px 15px 0px 24px;
 	line-height:1em;
 	float: left;
 	display: inline;
  	list-style-type: none;
  	font-size: 0.85em;
}

#metamenu ul li img {
  	display: inline;
 	float: left;
 	margin-right: 3px;
  	margin-top: 0px;
}

#metamenu a, #metamenu a:link, #metamenu a:visited, #metamenu a:hover, #metamenu a:active {
  	text-decoration: none;
  	color: #598cbe;
  	text-transform: lowercase;
}
#brand_left {
  	background: #e2e7ea url("/fileadmin/projects/sac/images/cu_logo.gif") no-repeat;
  	display: inline;
  	height: 25px;
  	float: left;
 	margin-top: -25px;
 	position: relative;
 	width: 200px;
}
#brand_left h1, .home #brand_left h1 a {
  	display: block;
  	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  	width: 200px;
}
/*****************************************/
#branding {
  position: relative;
  text-align: left;
  width: 984px;
  height: 100px;
  background-color: #003399;
}


#som_header {
  width: 584px;
  height:100px;
  display:block;
  position:absolute;
  overflow:hidden;
  top:0px;
  left:400px;
  margin:0;
  padding:0;
  background-color:#003399;
}
#site_title {
  width: 580px;
  height: 100px;
  position: absolute;
  top: 28px;
  left: 0px; 
  z-index:9999;
}

#topcap {
  position: relative;
  text-align: left;
  width: 984px;
  height: 30px;
  background: #000000 url(/fileadmin/projects/sac/images/background-title.gif) repeat-y;
  color:#ffffff;
}
#topcap h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
  color: #ffffff;
  position: relative;
  float:right;
  font-size: 26px;
  font-weight: normal;
  line-height: 28px;
  color:#666666;
}
#topcap A:link, #topcap A:visited, #topcap A:hover, #topcap A:active {
  text-decoration: none;
  color:#666666;
}
#home #topcap h3 {
  display:none;
}

select {
  width: 180px;
  color: #044990;
  border: inset 1px #004990;
}

/********************************************************/
/** main body content elements
/********************************************************/
#mainrow {
  color: #000000;
  background: #ffffff url(/fileadmin/projects/sac/images/mainbackground.gif) repeat-y;
  text-align: left;
}

#column_menu {
  width: 240px;
  float: left;
  display: inline;
  text-align: left;
  padding: 0px 0px 0px 0px;		
  margin: 10px 0px 0px 0px;
}

#column_content {
  width: 743px;
  float: left;
  display: inline;
  text-align: left;
}

#column_content img {
  padding: 0.5em;
}

#column_content li img {
  display: inline;
  margin-left: 0.3em;
}

#inner_float {
  float: right;
  width: 230px;
  padding: 0 0 15px 0;
  margin: 0px 0px 10px 10px;		
  position: relative;
  background:#ffffff url(/fileadmin/projects/sac/images/background-callout.gif) repeat-y;
}

#inner_float .edged h3 {
  color:#ffffff;
  background: #006b8f url(/fileadmin/projects/sac/images/background-title.gif) repeat-y;
  text-align:center;
  padding-top:6px;
  padding-bottom:6px;
}
#inner_float p {
  padding-right:15px;
  padding-left:15px;
}

/*****************************************************/
/**  breadcrumbs
/*****************************************************/
#crumbs { 
	font-size: 0.8em;
	line-height:1.2em;
	color:#333333;
	margin:  0px 5px 5px 0px;
	padding: 0px 0px 0px 20px 
	}
#crumbs a:link, #crumbs a:visited, #crumbs a:active {
	color:#666666;
	padding-right: 0px;
	padding-left: 0px; }
#crumbs a:hover { 
	color: #999999;
	padding-right: 0px;
	padding-left: 0px; }
#home #crumbs {
	display:none;
	}
/********************************************************/
/** Left menu
/********************************************************/
#column_menu ul {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;	
  font-size:0.95em;	
}

#column_menu ul.menulist {
  margin-left: 20px;
}
#column_menu ul ul {
  padding-left: 0.5em;	
}
#column_menu ul ul ul {
  margin-bottom: 0px;
}
.menulist li {
  list-style: none;
  color: #FFFFFF;
  padding:0.5em 0;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.menu1 {
  text-transform: uppercase;
  border-top: 1px solid #FFFFFF;
  border-collapse: collapse;
}

.current1 {
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #FFFFFF;
  border-collapse: collapse;
}

.current2, .current3, .current4, .current5 {
  text-transform: none !important;
  font-weight: bold;
  border-top: 1px solid #CCCCCC;
  border-collapse: collapse;
  background-color: #2681a0 !important;
  padding-left:20px !important; 
}
.current3, .current5 {
  background-color:#4694ae !important;
}

.menu2 {
  text-transform: none;
  font-weight: normal;
  border-top: 1px solid #CCCCCC;
  border-collapse: collapse;
  background-color: #2681a0 !important;
  margin-left:0em;
  padding-left:20px !important;
}

.menu3, .menu4, .menu5, .menu6 {
  font-weight:normal !important;
  border-top: 1px solid #CCCCCC;
  border-collapse: collapse;
  background-color: #4694ae !important;
   padding-left:0.5em;
}

.menulist a:link, .menulist a:visited, .menulist a:active {
  text-decoration: none;
  color: #FFFFFF;
}

.menulist a:hover {
  color: #CCCCCC;
}

/********************************************************/
/** footer elements
/********************************************************/
#footer {
  color: #BDCADD;
  background: #000000 url(/fileadmin/projects/sac/images/background-title.gif) repeat-y;
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-size: 0.8em;
  position: relative;
  z-index: 2000;
}

#footer A:link, #footer A:visited, #footer A:hover, #footer A:active {
  text-decoration: none;
  font-weight: bold;
  color: #BDCADD;
}

/********************************************************/
/** global classes and ids
/********************************************************/
.hidden {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.lfloat {
  float: left;
  display: inline;
}

.shade_btm_left, .shade_btm_right {
  background-color: #666;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.padded10 { 
  margin: 10px;
  padding-left: 10px;
}

.vert_spacer {
  position: relative;
  height: 0;
}
table td, table th {
  padding-left:10px;
  padding-right:10px;
}
table p.bodytext {
  padding:0 !important;
  margin:0 !important;
}
table th {
  color:#ffffff;
  background: #006b8f url(/fileadmin/projects/sac/images/background-title.gif) repeat-y;
  text-align:center;
  padding-top:6px;
  padding-bottom:6px;
}