@import url('home.css'); 
@import url('top.css'); 
@import url('dd.css'); 
@import url('side.css');
@import url('iside.css');
@import url('table.css');
@import url('photo.css');
@import url('lightbox.css');

/**************** BODY *********************/

* { 
	margin: 			0; 
	padding:			0; 
} 

body{
	background:			#fff url(../images/layout/bg.gif) top repeat-x;
	font-family:		verdana,arial,sans-serif;
	font-size:			100%;
	color:			#000;
	margin-top:			0px;
	line-height:		auto;
	text-align:			center;
}

#container {
	width: 			970px;
	\width: 			990px;
	w\idth: 			970px;
	margin-left: 		auto;
	margin-right: 		auto;
}

#content-bg {
	background: 		#fff  url(../images/layout/content-bg.gif);
	border-bottom:		solid 1px #c6c6c6;
	float: 			left;
	padding-bottom:		10px;
	margin-bottom:		10px;
}

#internal {
	background: 		#fff  url(../images/layout/internal.gif);
	border-bottom:		solid 1px #c6c6c6;
	float: 			left;
	padding-bottom:		10px;
	margin-bottom:		10px;
}

a img {
	border:			0pt none;
}

/**************** HEADER NAV *********************/ 

#header-nav {
	color:			#C7CCC0;
	font-size:			65%;
	font-weight:		bold;
	overflow:			hidden;
	text-transform:		uppercase;
	height:			22px;	
	width:			970px;
}

#menu {
	list-style-position:	outside;
	list-style-type:		none;
	overflow:			hidden;
	float:			right;
	padding:		5px 0 0 0
}

#menu li  {
	margin-right:		5px;
	float:			left;
}

#menu li a  {
	background-color:		inherit;
	color:			#fff;
	text-decoration:		none;
}

#menu li a.active {
	color:			#ffff00;
	text-decoration:		underline;
}

#menu li a:hover  {
	color:			#ffff00;
	text-decoration:		underline;
}


/**************** HEADER *********************/ 

#header { 
	background-image: 	url(../images/layout/header.jpg);
	width: 			970px;
	height: 			114px; 
} 

#header h1 {
	display:			none;
}

#header h3{
	text-indent:		-5000px;
}

#header .logo {
	float: 			left;
}

#etask {
	float: 			right;
	color:			#fff;
	margin-top: 		10px;
	width: 			390px;
	text-align:			left;
}

#etask-title {
	padding-bottom:		.5em;
	font-size: 			120%; 
	font-family:		Arial;
	letter-spacing: 		-1px;
	color: 			#fff;
	text-align: 		Left;
} 


#etask p { 
 	padding-bottom: 		5px; 
	font-size: 			60%; 
}

/**************** MAIN NAV *********************/

#navigation {
	height:			34px;
	width:			970px;
	margin-top:			1px;
}
	

/**************** COL-A *********************/ 

#col-a {
	float: 			left;
	padding: 			10px;
	margin-top: 		0px;
	width: 			190px;
	text-align:			left;
}

/**************** COL-B *********************/ 

#col-b {
	float: 			left;
	padding: 			10px;
	margin-top: 		0px;
	width: 			515px;
	text-align:			left;
}

#col-b h1 {
	margin-bottom:		10px;
	font-size: 			160%; 
	font-family:		Trebuchet MS, Trebuchet, Arial;
	letter-spacing: 		-1px;
	color: 			#000066;
	border-bottom:		solid 1px #0066ff;
	text-align: 		Left;
} 

#col-b h2 {
	padding-bottom:		.5em;
	font-size: 			120%;
	font-family:		Arial, Verdana;
	color: 			#3A3AA6;
	text-align: 		Left;
	text-transform: 		uppercase;
}

#col-b h3 {
	padding-bottom:		1em;
	font-size: 			100%;
	color: 			#000000;
	text-align: 		Left;
}

#col-b h4 {
	padding-bottom:		5px;
	font-size: 			90%;
	color: 			#000000;
	text-align: 		center;
}

#col-b p { 
 	padding-bottom: 		18px; 
	font-size: 			80%;
}

#col-b a{
	color: 			#0000FF;
	text-decoration:		underline;
}

#col-b a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

#col-b ul {
	list-style-type:		square;
	margin:			0pt 0px 15px 20px;
	margin-left:		30px;
	margin-bottom:		15px;
	list-style-position:	outside;
	list-style-type:		square;
	font-size: 			80%;
}

#col-b ul li {
	list-style-type:		square;
	margin:			0pt 0pt 5px;
	padding:			0pt;
}

#col-b ol {
	margin:			0pt 0px 15px 20px;
	margin-left:		30px;
	margin-bottom:		15px;
	list-style-position:	outside;
	font-size: 			80%;
}

#col-b ol li {
	margin:			0pt 0pt 5px;
	padding:			0pt;
}

#col-b hr { 
 	margin-bottom: 		18px;
	color:			#CCCCCC;
	width:			95%;
}

.grey {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  }

.grey1 {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  }

.img-shadow-box {
	float:			right;
	background-color: 	#fff;
	margin: 			10px 0 10px 10px !important;
	margin: 			10px 0 0 5px;
	padding: 			4px;
	border: 			1px solid #ccc;
	width: 			200px;
  }

.img-shadow-p { 
 	padding:			10px 0 10px 0; 
	font-size: 			70%;
	text-align:			center;
}

.img-shadow {
  float:right;
  background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/layout/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

/**************** COL-C *********************/

#col-c {
	float: 			right;
	margin-top: 		10px;
	width: 			225px;
}

#col-c p {
	padding-bottom: 		10px;
}

/**************** BOTTOM LINKS *********************/

.bottom  {
	font-size:			65%;
	color:			#000000;
	text-align:			center;
	padding-bottom:		10px;
}

.bottom A:link  {
	color:			#0000ff;
	text-decoration:		underline;
}

.bottom A:visited  {
	color:			#0000ff;
	text-decoration:		underline;
}

.bottom A:hover  {
	color:			#ff0000;
	text-decoration:		underline;
}