/*copyright glj-design 2007*/

/***************** structural layout css **********************************/
body {
	margin: 0;
	padding: 0;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#333333;
	background-image:url(images/main_imgs/body_bckgd.gif);
	background-repeat:repeat-x;
	background-attachment: fixed;
	text-align: center;
}
#container{
	position: relative;
	text-align:left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#333333;
	padding: 0;
}
#logo_1	{
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 166px;
	background-image:url(images/main_imgs/banner.gif);
	background-repeat: no-repeat;
	clear:both;
}
#logo_2	{
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 75px;
	background-image:url(images/main_imgs/banner_sub.gif);
	background-repeat: no-repeat;
	clear:both;
}
#logo	{
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 75px;
	background-image:url(images/main_imgs/banner_sub.gif);
	background-repeat: no-repeat;
	clear:both;
}
#wrapper	{
	margin: 0;
	padding: 0;
	background-image:url(images/main_imgs/bckdrepeater1.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#ffffff;
}
/*
color: #5ed6d6; light blue
color: #4babab; mid blue
color: #297171; dark blue
*/
#breadcrumb{
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 20px;
	background-color:#FFFFFF;
	text-align: left;

}
#breadcrumb ul{
	padding: 3px 0 4px 5px;
	margin:0;
	background-color:#ffffff;
	font-size: 11px;
}
#breadcrumb li
{
	display: inline;
	list-style-type: none;
	padding: 0 0 0 2px;
	color: #4babab;
	font-weight:bold;
	margin: 0;
}
#breadcrumb a:link, li a:visited{
	color: #5ed6d6;
	font-weight:bold;
	text-decoration: underline;
}
#breadcrumb a:hover{
	text-decoration: underline;
	color:#fcd001;
}
#breadcrumb a:active{
	text-decoration: none;
	color:#fcd001;
}
.breadcrumb_bold{
	padding: 0;
	margin: 0;
	font-weight:bold;
	font-size: 11px;
	color: #297171;
}
.breadcrumb_bold_hilight{
	padding: 0 5px 0 0;
	margin: 0;
	font-weight:bold;
	font-size: 11px;
	color: #297171;
	border-right: 1px solid #4babab;
}
.breadcrumb_bold_lolight{
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 11px;
	font-weight:bold;
	color: #5ed6d6;
	border-right: 1px solid #4babab;
}
#homenav {
	margin: 33px 0;
	padding: 0px;
	width: 170px;
	float: left;
}
#homenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: 1px solid #297171;
}
#homenav li {
	width: 170px;
	border-top: 1px solid #297171;
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-weight:100;
	vertical-align: bottom; /* For IE */
}
#homenav a:link, #homenav a:visited {
	display: block;
	padding: 1px 0 2px 5px;
	border-left: 10px solid #5ed6d6;
	border-right: 1px solid #297171;
	color: #ffffff;
	font-weight:100;
	background-color: #4babab;
	text-decoration: none;
}
#homenav a:hover {
	background-color: #ffffff;
	color: #297171;
	text-decoration: underline;
}
#homenav_active a:link, #homenav_active a:visited, #homenav_active a:hover
{
	background-color: #297171;
	color: #ffffff;	
	border-left: 10px solid #297171;
	text-decoration: none;
}
#homenav p{
	list-style: none;
	margin: 0;
	padding: 1px 0 3px 5px;	
	border-top: 1px solid #297171;	
	border-left: 10px solid #5ed6d6;
	border-right: 1px solid #297171;
	width: 154px;
	font-size: 100%;
	vertical-align: bottom; /* For IE */
	display: block;
	background-color:#4babab;
	color: #ffffff;
	text-decoration: none;
}
#homechest	{
	margin: 0;
	padding: 0;
	width: 640px;
	height: 500px;
	background-image:url(images/main_imgs/contentbkgd.gif);
	background-repeat:no-repeat;
	background-position: center right;
	background-color:#ffffff;
	float: left;
}
#innercontainer	{
	margin: 0 0 0 170px; 
	padding: 5px 0 0 0;
}
#content	{
	width:820px;
	margin: 0;
	padding: 0;
	color:#333333;
	float: right;
}
/****keypoints has box model hack ---DO NOT REMOVE --- needed for IE 5****/

.keypoints {
	margin: 0 10px 7px 5px;
	padding: 7px 0;
	background-color: #339999;
	border-top: solid #00C6C6 1px;
	border-left: solid #00C6C6 1px;
	border-bottom: solid #297171 1px;
	border-right: solid #297171 1px;
	color: #ffffff;
	float: right;
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	width: 360px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 345px;
}
.keypoints ul {
	list-style: none;
	padding: 2px 8px 5px 15px;
	margin: 0;
}
.keypoints li {
	list-style:url(images/main_imgs/squ_bull_2.gif);
	padding: 1px 0 0 0;
	margin: 0 0 3px 12px;
}
.keypoints a {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:underline;
}
.keypoints a:visited{
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:underline;
}
.keypoints a:hover {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:none;
}
.keypoints a:active {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:none;
}
.keypoints p	{
	padding: 0px 10px 7px 27px;
	margin: 0;
	font-size: 100%;
	line-height: 160%;
}
/****boxlegend has box model hack ---DO NOT REMOVE --- needed for IE 5****/
.boxlegend {
	margin: 0 10px 7px 5px;
	padding: 7px 0;
	background-color: #297171;
	border-top: solid #00C6C6 1px;
	border-left: solid #00C6C6 1px;
	border-bottom: solid #174040 1px;
	border-right: solid #174040 1px;
	color: #ffffff;
	float: right;
	font-size: 90%;
	line-height: 120%;
	width: 360px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 345px;
}
.boxlegend ul {
	list-style: none;
	padding: 2px 8px 5px 15px;
	margin: 0;
	float: left;
	clear:both;
}
.boxlegend li {
	list-style: url(images/main_imgs/squ_bull_2.gif);
	padding: 1px 0 0 0;
	margin: 0 0 3px 12px;
}
.boxlegend p	{
	padding: 2px 10px 7px 12px;
	margin: 0;
	font-size: 100%;
	line-height: 160%;
}
.boxlegend_narrow_list {
	margin: 0 10px 10px 5px;
	padding: 7px 0;
	background-color: #297171;
	border-top: solid #00C6C6 1px;
	border-left: solid #00C6C6 1px;
	border-bottom: solid #174040 1px;
	border-right: solid #174040 1px;
	color: #ffffff;
	float: right;
	font-size: 90%;
	line-height: 120%;
	width: 360px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 345px;
}
.boxlegend_narrow_list ul {
	list-style: none;
	padding: 2px 8px 5px 15px;
	margin: 0;
	float: left;
	width:130px;
}
.boxlegend_narrow_list li {
	list-style: url(images/main_imgs/squ_bull_2.gif);
	padding: 1px 0 2px 0;
	margin: 0 0 0 12px;
}
.boxlegend_narrow_list p	{
	padding: 2px 10px 10px 12px;
	margin: 0;
	font-size: 100%;
	line-height: 160%;
}

.title		{
	margin: 20px 0;
	padding:0;
	width: 450px;
	float: left;
	text-align: left;
}
.line {
	margin: 0;
	padding: 0;
	width: 440px;
	color: #4babab;
	background-color: #4babab;
	height: 3px;
	clear: both;
}
.subtitle 	{
	margin: 0;
	padding: 0;
	width: 450px;
	float: left;
	text-align: left;
}
.img_subtitle 	{
	margin:  0 0 5px 0;
	padding: 0 0 0 5px;
	width: 400px;
	float: left;
}
#searchbox	{
	margin:30px 15px 0 0;
	padding: 0;
	width: 340px;
	float:right;
	}
.midcol		{
	margin: 0 0 10px 0;
	padding: 0;
	width: 450px;
	float: left;
	text-align: left;
}
.rightcol	{ 
	margin: 0;
	padding: 0;
	width: 345px;
	float: right;
}
.fullrow		{ 
	margin: 0;
	padding: 0;
	width: 820px; /**** 345 + 450 + 15 margin + 10 space****/
}
.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}
.spacer	{
	height: 75px;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
	background-image:url(images/main_imgs/bckdrepeater.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#ffffff;
	background-color:#ffffff;
}
.clear_space	{
	height: 20px;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}
.question_mark	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
/********** code for internal layout ends ****************/


/*********** css for footer ****************/
.footer		{
	margin: 180px auto 20px auto;
	padding: 0;
	text-align:center;
}
.footer ul {
	border: 0;
	width: 700px;
	padding: 0 0 0 300px;
	list-style-type: none;
	text-align: center;
	float: left;
}
.footer ul li	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 1px;
	float: left;
}
.footer ul li a		{
	background: #ffffff;
	width: 95px;
	height: 18px;
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
	color: #4babab;
	text-decoration: none;
	border-top: 1px solid #9bf1f1;
	border-left: 1px solid #9bf1f1;
	border-bottom: 1px solid #4babab;
	border-right: 1px solid #4babab;
	display: block;
	text-align: center;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:70%;
}
.footer ul li a:visited	{	
	color: #4babab;
	border-top: 1px solid #9bf1f1;
	border-left: 1px solid #9bf1f1;
	border-bottom: 1px solid #4babab;
	border-right: 1px solid #4babab;
	background-color: #ffffff;
	text-decoration: none;
}
.footer ul li a:hover	{	
	color: #ffffff;
	border-top: 1px solid #174040;
	border-left: 1px solid #174040;
	border-bottom: 1px solid #9bf1f1;
	border-right: 1px solid #9bf1f1;
	background-color: #4babab;
	text-decoration: underline;
}
.footer a:active		{	
	color: #ffffff;
	border-top: 1px solid #174040;
	border-left: 1px solid #174040;
	border-bottom: 1px solid #9bf1f1;
	border-right: 1px solid #9bf1f1;
	background-color: #5ed6d6;
	text-decoration: underline;
}
.footerbottom {
	padding: 10px 0 10px 0;
	margin: 0;
	font-size: 70%;
	text-align: center;
	color: #4babab;
}
/*********** css for footer ****************/

/********** code for navigation ends *******************/



/********** code for general styles starts *****************/
p {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 100%;
}
.bold {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 100%;
	font-weight:bold;
	color: #000000;
}
h1	{
	padding: 0;
	width: 400px;
	margin: 0 20px 10px 0;
	font-size: 205%;
	font-weight: bold;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
}
h2	{
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 175%;
	font-weight: bold;
	color: #000000;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}
h3	{ /*not indented*/
	padding:0;
	margin: 24px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}
h4{
	padding: 3px 0 4px 12px;
	margin: 0;
	font-size: 110%;
	line-height: 100%;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}
h5	{
	padding: 0;
	margin: 0;
	font-size: 70%;
	font-weight: lighter;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
}
h6	{
	padding: 0;
	margin: 14px 0 0 0;
	font-size: 120%;
	font-weight:bold;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
}
.maintext	{
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 90%;
	line-height: 175%;
	text-align: left;
}
.maintext a	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 175%;
	color: #297171;
	text-decoration: underline;
}
.maintext a:visited	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 175%;
	color: #297171;
	text-decoration: underline;
}
.maintext a:hover{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 175%;
	color:#fcd001;
	text-decoration: underline;
}
.maintext a:active{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 175%;
	color:#fcd001;
	text-decoration: underline;
}
.listcol	{
	padding: 0;
	margin: 0 10px 0 0;
	width: 350px;
	float: left;
	text-align: left;	
	color:#333333;
}
.subtitle_list {
	padding: 0;
	margin: 0 0 10px 0;
	width: 300px;
	float: left;
}
.listtext	{
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	line-height: 110%;
	list-style-type:none;
}
.listtext ul	{
	margin: 10px 0 20px 0;
	padding: 0;
	width: 300px;
	float: left;
	list-style-type:none;
}
.listtext li	{
	margin: 0 0 10px 0;
	padding: 0;
	width: 300px;
	float: left;
	list-style-type:none;
}
.listtext p {
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 100%;
	line-height: 100%;
}
.listtext a	{
	margin: 0;
	padding: 0;
	color: #297171;
	text-decoration: underline;
}
.listtext a:visited	{
	margin: 0;
	padding: 0;
	color: #777777;
	text-decoration: underline;
}
.listtext a:hover{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}
.listtext a:active{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}

.narrowlisttext	{
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	line-height: 110%;
	list-style-type:none;
}
.narrowlisttext ul	{
	margin: 10px 0 20px 0;
	padding: 0;
	width: 170px;
	float: left;
	list-style-type:none;
}
.narrowlisttext li	{
	margin: 0 0 10px 0;
	padding: 0;
	width: 170px;
	float: left;
	list-style-type:none;
}
.narrowlisttext a	{
	margin: 0;
	padding: 0;
	color: #297171;
	text-decoration: underline;
}
.narrowlisttext a:visited	{
	margin: 0;
	padding: 0;
	color: #777777;
	text-decoration: underline;
}
.narrowlisttext a:hover{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}
.narrowlisttext a:active{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}
.widelisttext	{
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 90%;
	line-height: 110%;
	list-style-type:none;
}
.widelisttext ul	{
	margin: 10px 0 20px 0;
	padding: 0;
	width: 450px;
	float: left;
	list-style-type:none;
}
.widelisttext li	{
	margin: 0 0 10px 0;
	padding: 0;
	width: 450px;
	float: left;
	list-style-type:none;
}
.widelisttext a	{
	margin: 0;
	padding: 0;
	color: #297171;
	text-decoration: underline;
}
.widelisttext a:visited	{
	margin: 0;
	padding: 0;
	color: #777777;
	text-decoration: underline;
}
.widelisttext a:hover{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}
.widelisttext a:active{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
}


/********** code for general styles ends *****************/
#navbarcontainer {
	margin: 0;
	padding: 0;
	width: 1000px;
	clear: both;
}
#navbar { 
	font-family:Century gothic, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	line-height:1.2em;
	padding:0 0 0 180px; 
	background:url(images/main_imgs/bk1.gif) repeat-x; 
	height:30px; 
	width:820px; 
	margin: 0;
	font-weight:bold;
} 
#navbar li { 
	padding:0;
	margin:0;
	text-align:left;
	list-style:none; 
	display:inline; 
	font-weight:bold;
}
#navbar a { 
	width:110px; 
	color:#fff; 
	text-decoration:none; 
	background:transparent url(images/main_imgs/tab6.gif) no-repeat; 
	float:left; 
	padding:10px 11px 3px 12px; 
	margin:0 -10px 0px -10px;
	font-weight:bold;
}

#navbar a:hover {
    background-position:0 -30px;
    color:#297171;
	font-weight:bold;
}

#active a:link, #active a:visited, #active a:hover{
    background-position:0 -60px;
    color:#297171;
	font-weight:bold;
}

.buttonscontainer {
	margin: 20px 0 0 0;
	padding: 0;
	float:right;
}
.buttons { 
	padding:0 0 0 32px; 
	margin: 0;	
	height:34px; 
	width:328px;
	font-family:Century gothic, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold; 
	color:#ffffff;
} 
.buttons ul { 
	padding:0;
	margin:0; 
	text-align:center;
	list-style:none;  
}
.buttons li { 
	padding:0;
	margin:0;
	text-align:center;
	list-style:none; 
	display:inline; 
}
.buttons a{ 
	width:95px;
	height:24px;
	color:#fff; 
	text-decoration:none; 
	text-align:center;
	background: url(images/main_imgs/btn_wht.gif) no-repeat; 
	float:left; 
	padding:7px 0; 
	margin:0 1px;
}
.buttons a:hover{
    background-position:-95px 0;
    color:#e6e6e6;
	padding:8px 0 6px 0; 
	text-decoration:none; 
}
.buttons a:visited{ 
	text-decoration:none; 
	color:#ffffff;
}