/* Set initial body and font styles */

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color: #cbd688;
  margin:0px;
  text-align: center;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  color: #009de0;
  margin-bottom: 10px;
}

div#contentarea_scs h1 {
  color: #c4007a;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  color: #009de0;
  margin-bottom: 10px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 2px;
}

div#contentarea_scs h2 {
  color: #c4007a;
}

h6 {
  font-size:11px;
  font-weight: normal;
  color: #000;
  margin-top: -15px;
}

/* Image border hack - if img is inside "a" it would have borders, we don't want that */

img {
   border: 0;
}

/* Default link styles */
/* set all links to have underline and yellowish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
}

p {
	margin: 0px 0px 13px 0px;
}
/* Set style for individual classes*/

#superlevel {
	width:100%;
	background: black url('../website_graphics/x_bg_superlevel.jpg');
	background-repeat: repeat-x;
	height: 21px;
	color: white;
}

#superlevel a, a:link a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #fff;
}

#supercontent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color: #fff;
	padding-top:3px;
}

#toplevel {
	width:100%;
	background: #a8ba30;
	height: 108px;
	color: white;
}

#toplevel_content {
	width:920px;
	height:108px;
	background: white url('../website_graphics/cm_header.jpg');
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#menu {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#contentarea {
	width:920px;
	background: white url('../website_graphics/cm_bg_frontcontent.jpg');
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	min-height:20px;
}

#contentarea a, a:link a:visted{
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #c4007a;
}

#contentarea a:hover {
   text-decoration: underline;
   color: #c4007a;
}

#contentarea_rr {
	width:920px;
	background: white url('../website_graphics/cm_bg_rr_content.jpg');
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	min-height:20px;
}

#contentarea_rr a, a:link a:visted{
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #009de0;   
}

#contentarea_rr a:hover {
   text-decoration: underline;
   color: #009de0;
}

#contentarea_scs {
	width:920px;
	background: white url('../website_graphics/cm_bg_rr_content.jpg');
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	min-height:20px;
}

#contentarea_scs a, a:link a:visted{
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #c4007a;
}

#contentarea_scs a:hover {
   text-decoration: underline;
   color: #c4007a;
}

#left_front {
	width:361px;
	float: left;
}

#left_front_content {
	padding: 0 15 20 30;
}

#center_front {
	width:289px;
	float: left;
}

#center_front_content {
	padding: 0 15 20 15;
}

#right_front {
	width:270px;
	float: left;
}

#right_front_content {
	padding: 0 30 20 15;
}

#left_menu {
	width:215px;
	float: left;
}

#left_menu_content {
	padding: 0 15 20 30;























}

#center_main {
	width:485px;
	float: left;
}

#center_main_content {
	padding: 0 15 20 15;
}

#right_main {
	width:220px;
	float: left;
}

#right_main_content {
	padding: 0 30 20 15;
}
#footer {
	width:100%;
	height: 92px;
}

#footer_content {
	width: 920px;
	height: 92px;
	background-image: url('../website_graphics/footer_bg.jpg');
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
}

#footer_content_rr {
	width: 920px;
	height: 92px;
	background-image: url('../website_graphics/footer_bg_rr.jpg');
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
}


/* for the rollovers*/

.rollOverImageLink img
{ border:0px; }

.rollOverImageLink .overImage, .rollOverImageLink .disabledImage
{ display:none; }

.rollOverImageLink .overImage
{ position:absolute; }

/* for the lists*/

ul.level1 {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	
}

ul.level1 li {
	list-style-type: none;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:150px;
	background-image: url('../website_graphics/menu/separator_rr.jpg');
	background-repeat: no-repeat
	
}

ul.level2 {
	list-style-type: none;
	margin:5px;
	margin-left:5px;
	padding-left: 0px;
}

ul.level2 li {
	list-style-type: none;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:150px;
	background-image: url('../website_graphics/menu/separator_rr.jpg');
	background-repeat: no-repeat
	
}

ul.level1_scs {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	
}

ul.level1_scs li {
	list-style-type: none;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:150 px;
	background-image: url('../website_graphics/menu/separator_scs.jpg');
	background-repeat: no-repeat
	
}

ul.level2_scs {
	list-style-type: none;
	margin:5px;
	padding-left: 0px;
}

ul.level2_scs li {
	list-style-type: none;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:150px;
	background-image: url('../website_graphics/menu/separator_scs.jpg');
	background-repeat: no-repeat
	
}

div#left_menu_content a {
	color: #000;
	font-size: 11px;
        text-decoration: none;
}

div#left_menu_header a {
  font-size: 14px;
  font-weight: bold;
  color: #009de0;
  margin-bottom: 10px;
}

div#left_menu_header_scs a {
  font-size: 14px;
  font-weight: bold;
  color: #c4007a;
  margin-bottom: 10px;
}

div#left_menu_2nd a {
	color: #666;
	font-size: 11px;
        text-decoration: none;

}

div#left_menu_content a:hoover, {
	color: #009de0;
	font-size: 12px;
         text-decoration: underline;
}

.csc-frame-frame1 {
  background: #a8ba30;
  color: #fff;
  padding: 15px;
}

.csc-frame-frame1 ul{
  background: inherit;
}

.csc-frame-frame2 {
  background: #6193ae;
  color: #fff;
  padding: 15px;
}

.csc-textpic-caption {
  background: #f1f6d0;
  color: #000;
  padding: 4px;
  border: 1px solid #000;
}

/* Tables in content */

table.rr {
  border: 1px solid #000;
  background: #fff;
  font-size:9px;
}

th {
  background: #dce4ff;
  font-size:9px;
}

td {
  background: #eff2ff;
}

/* FOR PRINT */
#print_logo {
	display:none;
}


/* MENU & SEARCH  */

#menucontainer {
	width:905px;
	height:124px;
	display: inline;
	margin:0px;
	padding:0px;
	float:left;
}

#menublock img {
	padding:0px;
	margin:0px;
}

#menublock_top {
	padding:0px;
	display: inline;
	margin:0px;
}

#menu_1-4 {
	float:left;
	height:124px;
	overflow:hidden;
}

#menu_5-10 {
	float:left;
	margin:0px;
	padding:0px;
	height:68px;
	overflow:hidden;
	width:409px;
}

#menu_11 {
	float:left;
	height:124px;
	overflow:hidden;
}

#menu_12-19 {
	float:left;
	width:557px;
	height:56px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#menu_20 {
	display:inline;
	margin:0px;
	height:18px;	
}

#searchbox {
	float:left;
	width: 148px;
	background: url('../website_graphics/menu/10.jpg');
	height:68px;
}


#searchbox form {
	clear:both;
	position: absolute;
	z-index:20;
	padding-left:6;
	padding-top:15;
	width:128px;
	margin-bottom:0px;
}


#searchbox input {

	background: transparent repeat-x scroll 0 0; padding:0; margin:0; border:none; width: 120px;
}