/* CSS Mastery: Advanced Web Standards Solutions - Simon Collison's tutorial */

/* the appropriate background class will be applied based on class attached to the body */

body {
margin: 0;
padding: 0;
font:80% 'Lucida Grande',Verdana, Helvetica, sans-serif;

}

.content_title{
margin: 0 10px 0 -10px;
padding: 2px;
font-size: 200%;
color: #FFFFFF;
background:#019CD4;
text-indent:20px;
/*background: #E5E2A9;*/
}

#wrapper {
width:1000px;
margin:0 auto;
/*background-color:#0092D9; IE*/
background:url(slip.png) repeat-x;
/*background-color: #00a097;
padding: 0 10px 10px 10px;*/
}
/* Styling of the boxes if there is no JavaScript support */

.cbb {
	margin: 0 10px 0 10px;
	background: #FFF;
	padding: 5px 0 5px 0;
	line-height: 170%;
}

/* paragraph styles for any main boxes */
.cbb p, .cb p {
margin: 0;
padding: 0 5px 5px 50px;
color: #333;
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
margin: 0.5em 0.8em;
line-height: 170%;
	}

/* Rules for the top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0 !important;
	background:url(box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:27px;
	}
.bt div {
	height:27px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0 !important;
	background:url(box.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(box.png) no-repeat 100% 100% !important;
	background:url(box.gif) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(box.png) no-repeat 0 100% !important;
	background:url(box.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding: 0 0 0 12px;
	background:url(borders.png) repeat-y 0 0 !important;
	background:url(borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding: 0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0 !important;
	background:url(borders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#FFF;
border: 1px solid #FFF;
	border-width:1px 0;
	padding:0 5px;
	}

.clearer { clear: both; }	

/* mainNav
=======================*/

ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 1000px;
	list-style: none;
	text-transform: uppercase;
	background-image: url(images/header.jpg);
}

ul li {
  float: left;
}


ul a {
/*  padding: 0 2em;*/
  line-height: 30px;
  background: url(spacer.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
  width:200px;
  text-align:center;
  text-decoration:none;
  font-weight:bolder;
}

ul a:link {
  color:#CCFF66;
}

ul a:hover {
  color:#CCFF66;
  font-size:150%;
}

.img-wrapper {
  background: url(shadow.gif) no-repeat bottom right;
  clear: both;
  float: left;
  position: relative;
  margin: 10px 0 0 10px;
}
 
.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
  margin: -5px 5px 5px -5px;
  position: relative;
}
.img-wrapper h2 {
  background: url(earch_title.png) no-repeat left #019CD4;
  border: 1px solid #a9a9a9;
  padding: 10px;
  display: block;
  margin: -5px 5px 5px -5px;
  position: relative;
  text-indent:20px;
}
/*a[href^="http:"] {
  background: url(externalLink.gif) no-repeat right top;
  padding-right: 10px;
}*/