/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	background:#CFE5E6;
	color: #333333;	
	margin: 0px;
	padding: 0px;
	text-align:center;
}
p, td, li {	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	color: #333333;	
	margin: 0px;
	padding: 0px;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}


a:hover{
	text-decoration: underline;
}
 img {border:0px;}
/************** header tag styles **************/

h1, h2, h3, h4, h5, h6 { font: helvetica, arial, verdana, sans-serif; font-weight: normal;}
h1 {	font-size: 160%; color: #006699; margin: 0px;  padding: 0px;}
h2 {	font-size: 150%; color: #688387; margin: 20px 0px 0px 0px;  padding: 0 5px 0 0px;}
h3 {	font-size: 145%; color: #334d55; margin-bottom: 0px; padding: 0 0px 0 5px; }
h4 { 	font-size: 118%; color: #333333; margin-bottom: 5px; padding: 0 5px 0 0px;  }
h5{		font-size: 100%; color: #334d55; margin: 0px; padding: 0 5px 0 5px; }


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
input.btn,select.btn{
	color:#005FA9;
	font-family:verdana,helvetica,sans-serif;
	font-size:84%;
	font-weight:bold;
	background-color:#DDEEFE;
	border:1px solid;
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}

input.btnhov{
	border-top-color:#c63;
	border-left-color:#c63;
	border-right-color:#930;
	border-bottom-color:#930;}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
	
#container
{
	width: 760px;
	\width: 760px;
	w\idth: 760px;
	position: relative; 
	margin: 10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align:left;
}
#fullwidth
{	float: center;
       width: inherit;
	margin: 0px;
       padding:0px;
}
#logo{
	float:left;
	width:285px;
	height:32px;
	padding:0px;
	margin:0px;
       color:#006699;	
}
#utility{
	font-size: 75%;
	float: right;
	color: #919999;
	padding: 0px;margin:0px;
}

#pageNav{
	float: left;
	height:60px;
	padding: 0px;margin-bottom:10px;
}


#left
{	float: left;
	width: 285px;
	\width: 285px;
	w\idth: 285px;
	margin-top: 10px;
}

#right
{	float:left;
 	width: 450px;
	\width: 450px;
	w\idth: 450px;
	margin:0;
	padding-top: 10px;
}

#content{
	padding: 10px 0px 10px 0px 0px;
	margin:20px 0px 0px 0px;
	border-left: 1px solid #C2E0FF;
	border-top: 1px solid #C2E0FF;
}
#brief {
	margin: 0 0 20px 0;
	padding:0px;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #666666;
	font-weight: bold;
}

/************** utility styles *****************/

#utility a{ color: #005FA9;}

#utility a:hover{	text-decoration: underline;}

.pdf {
       text-align:right;
	font: 85% Verdana,sans-serif;
	float: right;
	color: #919999;
	padding: 0px; }

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
/*
#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px 0 0 10px;
	padding: 0px;
} */

.skipLinks {display: none;}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}



/************** feature styles *****************/

.feature{
	padding: 20px 0px 0px 10px;
	height: 220px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}
.feature img{
	float: left;
	padding: 10px 10px 10px 6px;
	margin: 0px 75px 0px 0px;
}

/*
.feature p{
	float: left;
	padding: 0px 0px 0px 30px;
	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
}
*/

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** footer styles ****************/

#footer{
	clear: both;
	border-top: 1px solid #C2E0FF;
	font-size: 75%;
	color: #333333;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#footer img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}



/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #CFE5E6;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #CFE5E6;
/*	background-image:  url("bgimg/"); */
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #CFE5E6;
	background-color: #CFE5E6;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/


/* Inset 3D Curved full width */
.insetfull {background: transparent; width:100%; text-align:left;}
.insetfull h2, .insetfull p {margin:0 10px;}
.insetfull h2 {letter-spacing:.01em;}
.insetfull p {padding-bottom:0.5em; width:200px;}

.insetfull img {padding-bottom:0px; border:0px;}

.insetfull .top, .insetfull .bottom {display:block; background:transparent; font-size:1px;}
.insetfull .b1, .insetfull .b2, .insetfull .b3, .insetfull .b4, .insetfull .b1b, .insetfull .b2b, .insetfull .b3b, .insetfull .b4b {display:block; overflow:hidden;}
.insetfull .b1, .insetfull .b2, .insetfull .b3, .insetfull .b1b, .insetfull .b2b, .insetfull .b3b {height:1px;}
.insetfull .b2 {background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #aaa;}
.insetfull .b3 {background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #ddd;}
.insetfull .b4 {background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #eee;}
.insetfull .b4b {background:#CFE5E6; border-left:1px solid #aaa; border-right:1px solid #fff;}
.insetfull .b3b {background:#CFE5E6; border-left:1px solid #ddd; border-right:1px solid #fff;}
.insetfull .b2b {background:#CFE5E6; border-left:1px solid #eee; border-right:1px solid #fff;}

.insetfull .b1 {margin:0 5px; background:#999;}
.insetfull .b2, .insetfull .b2b {margin:0 3px; border-width:0 2px;}
.insetfull .b3, .insetfull .b3b {margin:0 2px;}
.insetfull .b4, .insetfull .b4b {height:2px; margin:0 1px;}
.insetfull .b1b {margin:0 5px; background:#fff;}

.insetfull .boxcontent {display:block; background:#CFE5E6;  width:auto; padding-top:10px;
	border-left:1px solid #999; border-right:1px solid #fff;
	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;}





/* Inset 3D Curved pageName aka category */
.insetTop {background: transparent; width:275px;}
.insetTop h2, .insetTop p {margin:0px 0 0 10px;}
.insetTop h2 {color:#fff; font-weight:bold;}
.insetTop p {padding-bottom:0.5em;}


.insetTop .top, .insetTop .bottom {display:block; background:transparent; font-size:1px;}
.insetTop .b1, .insetTop .b2, .insetTop .b3, .insetTop .b4, .insetTop .b1b, .insetTop .b2b, .insetTop .b3b, .insetTop .b4b {display:block; overflow:hidden;}
.insetTop .b1, .insetTop .b2, .insetTop .b3, .insetTop .b1b, .insetTop .b2b, .insetTop .b3b {height:1px;}
.insetTop .b2 {/*background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #aaa;*/}
.insetTop .b3 {/*background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #ddd;*/}
.insetTop .b4 {/*background:#CFE5E6; border-left:1px solid #999; border-right:1px solid #eee;*/}
.insetTop .b4b {/*background:#CFE5E6;*/ border-left:1px solid #aaa; /*border-right:1px solid #fff;*/}
.insetTop .b3b {/*background:#CFE5E6;*/ border-left:1px solid #ddd; /*border-right:1px solid #fff;*/}
.insetTop .b2b {/*background:#CFE5E6;*/ border-left:1px solid #eee; /*border-right:1px solid #fff;*/} 


.insetTop .b1 {margin:0 5px; background:transparent;}
.insetTop .b2, .insetTop .b2b {margin:0 3px; border-width:0 2px;}
.insetTop .b3, .insetTop .b3b {margin:0 2px;}
.insetTop .b4, .insetTop .b4b {height:2px; margin:0 1px;}
.insetTop .b1b {margin:0 5px; background:#fff;}

.insetTop .boxcontent {display:block; /*background:#CFE5E6;*/  width:auto;
	border-left:1px solid #006699; /* border-right:1px solid #fff; */
	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;}

/*.boxcontent	.title { font-size: 160%; font: helvetica, arial, verdana, sans-serif; 
		font-weight: normal; padding: 10px 5px 0px 0px; margin: 20px 6px 0 0 ; color:#fff; letter-spacing:.01em;}*/

/********************* end **********************/