/* © 2009 Fresh */
/* XHTML / CSS Fauzia Hafiz '09 */
@import url(main_nav.css);
/* -- GLOBAL STYLES 
-------------------------------------------------------------------------------*/
* {/*border: 1px solid #ccc; */}
html, body {
 } 

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align: center;
}

/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, ul, ul li, ol, ol li, form, input, fieldset, label, dl, dt, dd, radio { 
	margin:0; padding:0; }

ul li, ol li { list-style-type:none; }

legend {display: none;}

.invisible, hr {display:none; }
.cleaner{clear:both;}
h3.cleaner {
	clear:both;
	padding:0 0 10px 0;
}

/* -- GLOBAL LINK STYLES 
-------------------------------------------------------------------------------*/
a {
	outline:none;}

img {
	border:none;
	vertical-align: middle;
}

a, a:link, a:visited, a:active{	
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/* -- GLOBAL
-------------------------------------------------------------------------------*/
#wrapper {	
	width:980px;
	margin:0 auto;
	font-size:1em;
	min-height:100%;
	color: #6f6f6f;
	text-align: left;
}


/* -- Header styles
-------------------------------------------------------------------------------*/
#header {
	display:block;
	height:100px;
	font-size: 1.1em;
	padding-left: 15px;
}

#header a{
	line-height: 31px;
	font-weight: bold;
	color:#FFFFFF;
}

#header .generic-header{
	text-indent:-5000px;
}

#header .logo a:link, .logo a:active, .logo a:visited, .logo a:hover{
	width:261px;
	height:70px;
	display:block;
	float:left; 
	display:inline; 
	background:url(../images/hslogo.jpg) no-repeat; 
	margin:30px 0 0 5px;
}

#header .help{	  
	float:right;
	width: 54px;
	height: 32px;
	display: inline;
	margin-top: -2px;
}

.search {
	float:right; 
	width:245px;
	margin:5px 5px 0 0;
} 
  
.search input {
	height: 20px;
	font-size:1.0em;
	width:200px; 
	vertical-align:middle;
	border: 1px solid #ccc;    
}

.search input.text{
	padding: 3px 0 0 4px;
	color: #721c8a;	 
}
 
.search input.button  {
	width: 27px; 
	height: 25px;
	vertical-align:bottom;
	margin-left: -3px; 
	border: 0 none;   
	background:url(../images/search.jpg) no-repeat; 
}

.formbutton{
	width: 216px;
	height: 45px;
	float:right;
	background:url(../images/calimform_download.jpg) no-repeat; 
}

.formbutton a:link, a, a:visited, a:active a:hover{
	color:#FFF;
	text-decoration:none;
	font-size: 1.1em;
	font-weight:600;	
	line-height: 42px;
	margin: 0px 0 0 7px;	   
}

ul#breadcrumb { 
	margin:25px 0 0 0; 
	width:400px;
	padding: 0 0 0 15px;
}

ul#breadcrumb li {
	list-style-type: none;
	display:inline;
	color: #25bdb0;
	padding:0 2px 0 2px;
	margin:0;
}

#flash_main {
	margin:-14px 0 9px 0px;
	width:980px;	
	position: relative;
	z-index: 1;
}

#flash_news {
	margin:0px 5px 10px 0px;
	width: 759px;
	clear: none; 
	float: left;
}  

#heros{ 
	/*border: 1px solid #ccc;*/
	clear:both;
	height:343px;
	width: 1075px;
	margin: 0 0 0 -52px; 
	padding: 0px;
	background: url(../images/hero_bg.gif) no-repeat;
	overflow:visible;
	position:relative;
}

#heros ul { margin: 0 0 0 54px; padding: 0px;} 

#heros ul li { 
	width:246px;
	float:left; 
	padding:0px;
	margin: 0px;
}
  
#heros h2 {
	margin:10px 0px 0px 1px;
}

#heros h2 a, #heros h2 a:link, #heros h2 a:visited, #heros h2 a:active #heros h2 a:hover{color:#FFF; text-decoration:none; margin: 0px;}

#heros h3 {
	height: 59px;	
	font-size:1.2em;
}

#heros .link1 {
	color:#21c5b6;
	margin: 25px 20px 0 20px; 
} 
#heros .link2 {
	color:#f66300; 
	margin: 25px 20px 0 20px; 
}
#heros .link3 {  
	color:#ab1560;
	margin: 25px 20px 0 20px; 
} 
#heros .link4 { 
	color:#721c8a;
	margin: 25px 20px 0 20px; 
}

#heros p{padding: 25px 30px 10px 20px; height:90px; margin: 0px;}
  
#members_panel{
	clear:both;
	background: url(../images/members_bg.gif) no-repeat;
	height: 145px;
	width: 980px;
	overflow:visible;
	position:relative;  
}

#members_panel .one{width: 38%; height: 144px; color: #FFFFFF; clear: none; float: left;}
#members_panel .one h3{color: #FFFFFF; margin:10px 0 0px 20px; font-size: 1.2em;}
#members_panel .one p{float: left; display:block; margin: 0px; padding: 7px 8px 0px 20px; width: 65%;}
#members_panel .one p.long{margin: 5px 0px 0px 0px; width: 66%; font-size: 0.9em; padding-right: 0px;}
#members_panel .one .login{float: right; display:block; padding: 0px; margin: -27px 20px 0 0; height: 82px;}
#members_panel .one .link{margin:10px 20px 0px 0; float:right; display:block;} 

#members_panel .two{width: 30%; height: 144px; clear: none; float:left; display:block; margin: 0 0px 0 0px; }
#members_panel .two h3{color: #21c5b6; width: 62%; float:right; margin: 10px 0px 0px 4px; font-size: 1.2em;}  
#members_panel .two p{width: 62%; float:right; margin: 10px 0px 0px 4px;}  
#members_panel .two input { margin: 5px 0px 0px 0px; border: 1px solid #ccc; vertical-align:middle;}
#members_panel .two p.left{margin: 45px 0px 0px 0px; clear:none; float:left; width: 35%; }   
#members_panel .two input.button {border: 0 none; width: 64px; height: 24px; background:url(../images/send_button.gif) no-repeat;}
#members_panel .two input.radio{ margin: 0 2px 0 0px; border: 0 none; height: 20px;}

#members_panel .two .formclass{float:right; width: 56%; padding: 0px; margin: 7px 0px 0px 4px;}

#members_panel .three{ width: 29%; height: 144px; float:right;}
#members_panel .three h3{color: #f66300; width: 50%; float:right; margin: 10px 10px 0px 0px; font-size: 1.2em;} 
#members_panel .three p{float:right; width: 52%; margin: 7px 10px 0px 0px;}
#members_panel .three a, #members_panel a:link, #members_panel .three a:visited, #members_panel .three a:active #members_panel .three a:hover{color:#f66300; text-decoration:none; float:right; line-height: 0; margin:12px 0 0px 0; font-size: 1.0em;}

#bottom_panel{
	clear:both; 
	background: url(../images/bottom_panel_bg.gif) no-repeat;
	height: 224px;
	width: 986px;
	overflow:visible;
	position:relative;
} 

ul#large_div {
	clear:left; 
	float: left;
	width: 69%;
}
ul#large_div li {  
	width:195px;	 
	float:left;
	padding:15px 5px 0px 15px;
} 
ul#large_div h3 { 
	height: 40px;	
	font-size:1.3em;
}

ul#large_div li a{
	margin: 0;
	padding: 0px;	
	line-height: 0px;	
}
  
ul#large_div .link1 { 
	color:#21c5b6;   
}
ul#large_div .large { 
	font-size: 1.2em;	
}

ul#large_div .link2 {  
	color:#ab1560; 
	
}
ul#large_div .link3{ 
	color:#721c8a;	
}
ul#large_div .link2 a, ul#large_div .link2 a:link, ul#large_div .link2 a:visited, ul#large_div .link2 a:active, ul#large_div .link2 a:hover{  
	color:#ab1560;
} 
ul#large_div .link3 a, ul#large_div .link3 a:link, #large_div .link3 a:visited, #large_div .link3 a:active, #large_div .link3 a:hover{  
	color:#721c8a;  
} 
ul#large_div p{height:120px; margin:0px; padding: 10px 0px 0px 0px;}  

#views{
	clear: none;   
	float:right; 
	width: 29%;
	height: 210px;
	margin: 10px 0 0 0px;	  
}

#views #flash_views{ 	
	display:inline;
	float: left;
	width: 30%;
	margin-right: 5px;
	margin-top: -45px;
}   
#views h3{ 
	display:inline;
	float: left;
	color: #f66300; 
	width: 55%;
	font-size: 1.3em;
	height: 40px;
	margin-top: 5px;
}  

#views p{
	display:inline;
	float: left;
	margin: 8px 0px 3px 0px; 
	width: 55%; 	
}

#views .name{
	color: #f66300; 
}

#views a, #views a:link, #views a:visited, #views a:active #views a:hover{
	color:#f66300; 
	text-decoration:none; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	line-height: 0px;
} 

#footer {  
	margin:40px 0px 90px 15px;
	clear:both;
}

#footer ul{float:left; display:inline; margin:0px; padding:0;}
#footer ul li{
	width:240px;
	float:left; 
	margin: 0;
	padding:0;	    
}

#footer p{
	font-size: 0.9em;
	padding: 0px 0px 20px 0px;
}

ul#links {margin:0px; padding:0;	
} 

ul#links li{
	margin: 2px 0 0 0; padding:0;
} 

#footer h3 {
	font-size:1.2em;  
	margin-bottom: 4px;
}  
#footer .link1 {
	color:#21c5b6; 
} 
#footer .link2 {
	color:#f66300; 
}
#footer .link3 {   
	color:#ab1560;
} 
#footer .link4 {  
	color:#721c8a;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active #footer a:hover{
	text-decoration:none; 
	margin: 0px;  
	padding: 0px; 
	line-height: normal;
	font-weight: normal;
	color: #6f6f6f;
	font-size: 1.0em;
} 

#footerstrip_bg{ 
	background:url(../images/shadow_footer.jpg) repeat-x bottom;
	height:59px;
	width: 100%;
	left: 0;
	min-width:980px;/*--Fixes Background Bug--*/
}
 
#footerstrip_bg h1{
	clear:both;
	background:url(../images/footer_green_strip_bg.gif) no-repeat;
	height:59px;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
#footerstrip_bg ul{float:left; display:inline; padding-left: 125px;}
#footerstrip_bg ul li{
	width:auto;
	float:left;
	margin: 2px 15px 0px 25px;		    
} 

.FormError {
	margin-top:10px;
	color:#FF0000;
	font-weight:bold;
	display:block;
}