@import "common.css";
*, html {
	padding			: 0;
	margin			: 0;
}
body {
	margin			: 0;
	padding			: 0;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 12px;
	text-decoration	: none;
	background		: #fff;
	color			: #4d4d4d;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper {
	position		: relative;
	width			: 100%;
	min-height		: 550px;
	margin			: 0 auto;
	padding			: 0;
	background		: #fff;
}
/*--------------------------------------------------------------*/
#header {
	width			: 950px;
	height			: 107px;
	margin			: 0 auto;
}
#logo {
	width			: 180px;
	height			: 107px;
	float			: left;
}
#topMenuArea {
	float			: right;
	width			: 500px;
	height			: 107px;
}
#telTab {
	float			: right;
	width			: 126px;
	height			: 40px;
	padding			: 7px 10px 10px 14px;
	margin			: 0 0 20px 0;
	background		: url(../images/tel_tab_bg.gif) no-repeat top left;
}
#telTab p {
	color			: #666;
	line-height		: 1.5em;
}
#telTab p span {
	font-size		: 16px;
	font-weight		: bolder;
	color			: #91b9d0;
}
/*--------------------------------------------------------------*/
#topMenu {
	float			: right;
	width			: 500px;
	height			: 30px;
	line-height		: 20px;
}
#topMenu form {
	float			: right;
}
#topMenu form #ajaxSearch_input {
	float			: left;
	width			: 108px;
	height			: 17px;
	padding			: 4px 10px;
	background		: url(../images/search_input_bg.gif) no-repeat top left;
	border			: none;
	font-size		: 10px;
	color			: #4d4d4d;
}
#topMenu form #ajaxSearch_submit {
	width			: 23px;
	height			: 25px;
	border			: none;
	cursor			: pointer;
}
#topMenu ul {
	float			: right;
	margin			: 0 20px 0 0;
}
#topMenu ul li {
	display			: block;
	float			: left;
	width			: auto;
	border-left		: 1px solid #7eb0cd;
}
#topMenu ul li.first {
	border			: none;
}
#topMenu ul li a:link, #topMenu ul li a:visited  {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0 12px;
	text-decoration	: none;
	color			: #4d4d4d;
	font-size		: 11px;	
}
#topMenu ul li a:hover, #topMenu ul li.active a {
	color			: #7eb0cd;
}
/*--------------------------------------------------------------*/
#panel {
	position	 	: relative;
	width			: 100%;
	height			: 265px;
	margin			: 0 auto;
	padding			: 22px 0 0 0;
	background		: url(../images/slider_bg.png) no-repeat center center;
	z-index			: 10;
}
/*--- Default style -*/
#flowpanes {
	position		: relative;
	width			: 950px;
	height			: 240px;
	margin			: 0 auto;
	overflow		: hidden; 
    clear			: both; 
	display			: none;
}
#flowpanes div { 
    float			: left; 
    display			: block; 
    width			: 950px; 
	height			: 240px;
}
#flowpanes .items { 
    width			: 20000em; 
    position		: absolute; 
    clear			: both; 
    margin			: 0; 
    padding			: 0; 
} 
#flowpanes div img.heading {
	float			: right;
	width			: 475px;
	height			: 238px;
	margin			: 0 55px 0 0;
	border			: 1px solid #fff;	
}
#flowpanes div.panel img.heading {
	float			: right;
	width			: 534px;
	height			: 238px;
	margin			: 0;
	border			: 1px solid #fff;	
}
#flowpanes div div.item_content {
	position		: absolute;
	top				: 30px;
	float			: left;
	width			: 376px;
	height			: 154px;
	padding			: 20px 55px;
	background		: url(../images/item_content_bg.png) no-repeat top left;
	z-index			: 3;
}
#flowpanes div.panel div.item_content {
	position		: absolute;
	top				: 30px;
	float			: left;
	width			: 426px;
	height			: 144px;
	padding			: 30px 30px 20px 30px;
	background		: url(../images/item_content_bg.png) no-repeat top left;
	z-index			: 3;
}
#flowpanes div div.item_content h1 {
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	font-size		: 18px;
	color			: #333;
	padding			: 0 0 5px 0;
}
#flowpanes div div.item_content ul li {
	color			: #666;
	padding			: 0 0 5px 15px;
	background		: url(../images/grey_bull.gif) no-repeat left 5px;
}
#flowpanes div div.item_content a.more {
	position		: absolute;
	right			: 50px;
	bottom			: 25px;
}
#flowpanes div div.item_content h2 {
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	font-size		: 14px;
	color			: #333;
	padding			: 0 0 20px 0;
}
#flowpanes div div.item_content p {
	font-size		: 12px;
	color			: #666;
	padding			: 0 0 20px 0;
	line-height		: 1.4em;
}
span#prev, span#next {
	position		: absolute;
	top				: 43%;
	left			: 0;
	width			: 30px;
	height			: 36px;
	z-index			: 4;
	cursor			: pointer;
}
span#next {
	position		: absolute;
	top				: 43%;
	left			: 918px;
	width			: 30px;
	height			: 36px;
	z-index			: 4;
}
span.disabled {
	display			: none;
}
/*--------------------------------------------------------------------------------*/
#mainNavOuter {
	position		: relative;
	top				: -9px;
	width			: 100%;
	height			: 40px;
	margin			: 0 0 10px 0;
	background		: #f6f6f6;
	z-index			: 1;
}
#mainNav {
	width			: 950px;
	height			: 40px;
	margin			: 0 auto;
	line-height		: 40px;
}
#mainNav ul li {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0;
	margin			: 0;
	background		: url(../images/mainMenu_divider.gif) no-repeat right center;
}
#mainNav ul li.last {
	background		: none;
}
#mainNav ul li a:link, #mainNav ul li a:visited  {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0;
	margin			: 0 10px;
	text-decoration	: none;
	color			: #4d4d4d;
	font-size		: 12px;	
}
#mainNav ul li a span  {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0 20px;
}
#mainNav ul li a:hover, #mainNav ul li.active a {
	background		: #b9d2e3 url(../images/mainMenu_back_bg.gif) no-repeat right bottom;
	color			: #fff;
}
#mainNav ul li a:hover span, #mainNav ul li.active a span {
	background		: url(../images/mainMenu_span_bg.gif) no-repeat left bottom;
	cursor			: pointer;
}	
/*---Sub Nav ------------------------------------------------------------------------*/
#subNav {
	position		: relative;
	width			: 180px;
	float			: left;
	margin			: 0;
}
#subNav h1 {
	display			: block;
	width			: 160px;
	height			: 30px;
	color			: #4d4d4d;
	font-weight		: bolder;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	border-bottom	: 1px dotted #38939b;
	font-size		: 16px;
	padding			: 21px 10px 0 10px;
}
#subNav ul li {
	position		: relative;
	display			: block;
	width			: 180px;
	
}
#subNav ul li a:link, #subNav ul li a:visited {
	text-decoration	: none;
	color			: #4d4d4d;
	display			: block;
	width			: 160px;
	padding			: 7px 10px;
	border-bottom	: 1px dotted #38939b;
}
#subNav ul li a:hover, #subNav ul li.active a {
	position		: relative;
	color			: #fff;
	background		: #7eb0cd;
	border			: none;
	top				: -1px;
	padding			: 7px 10px 8px 10px;
}
#subNav ul li.active ul li a:link, #subNav ul li.active ul li a:visited {
	position		: relative;
	color			: #4d4d4d;
	background		: #b9d2e3;
	border			: none;
	top				: -1px;
	padding			: 7px 10px 8px 10px;
}
#subNav ul li.active ul li a:hover, #subNav ul li.active ul li.active a {
	position		: relative;
	color			: #1a1a1a;
	background		: #e6e6e6;
	border			: none;
	top				: -1px;
	padding			: 7px 10px 8px 10px;
}
/*-----------------------------------------------------------------------------------*/
#quickLinks {
	width			: 950px;
	height			: 122px;
	margin			: 0 auto 12px auto;
	background		: url(../images/quick_links_bg.png) no-repeat top left;
	overflow		: hidden;
}
#quickLinks .box {
	display			: block;
	float			: left;
	width			: 266px;
	height			: 95px;
	margin			: 0 1px 0 0;
	padding			: 15px 25px 5px 25px;
	font-size		: 11px;
}
#quickLinks .last  {
	margin			: 0;
}
.box .left {
	float			: left;
	width			: 190px;
	height			: 95px;
}
.box .right {
	float			: right;
	width			: 65px;
	height			: 95px;
	text-align		: center;
}
.box .right p {
	padding			: 0 0 5px 0;
}
#quickLinks  h1 {
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	font-size		: 16px;
	color			: #333;
	padding			: 0 0 10px 0;
}
#quickLinks  p {
	color			: #38939b;
}
/*----------------------------------------------------------------------------------------*/
#contentWrapper {
	position		: relative;
	width			: 950px;
	margin			: 0 auto 25px auto;
	overflow		: hidden;
}
#content.home {
	height			: 275px;
}
#content {
	width			: 407px;
	min-height		: 210px;
	background		: #f6f6f6;
	float			: left;
	padding			: 20px 200px 20px 20px;
	color			: #666;
	line-height		: 1.4em;
}
#content.pages {
	position		: relative;
	left			: -13px;
	width			: 466px;
	min-height		: 250px;
	background		: url(../images/content_pages_bg.png) no-repeat top left;
	float			: left;
	padding			: 20px 20px 20px 44px;
	color			: #666;
}
#content h1 {
	padding			: 0 0 20px 0;
	font-size		: 20px;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	color			: #38939b;
}
#content.pages h1 {
	font-size		: 16px;
	color			: #7eb0cd;
	border-bottom	: 1px dotted #38939b;
	padding			: 0 0 12px 0;
	margin			: 0 0 20px 0;
}
#content h2 {
	color			: #7eb0cd;
	font-weight		: bolder;
	font-size		: 11px;
}
#content p {
	padding			: 0 0 20px 0;
	font-size		: 11px;
}
#content ul, #content ol {
	padding			: 0 0 20px 0;
	font-size		: 11px;
}
#content ul li, #content 0l li {
	padding			: 0 0 2px 15px;
	color			: #999;
	background		: url(../images/list_dot.gif) no-repeat left 7px;
}
#content a:link, #content a:visited {
	color			: #38939b;
	text-decoration	: none;
	font-weight		: bolder;
} 
#content a:hover {
	text-decoration	: underline;
} 
#rightSidebar {
	position		: relative;
	width			: 300px;
	height			: 312px;
	padding			: 5px;
	float			: right;
	background		: #f6f6f6 url(../images/rightSidebar_bg.gif) no-repeat bottom center;
	overflow		: hidden;
}
#rightSidebar.pages {
	width			: 229px;
	height			: 455px;
	padding			: 5px;
}
/*--------------------------------------------------------------------------------------------*/
#accordion .pane {
	display			: none;
	height			: 139px;
	background		: #e6e6e6;
	margin			: -1px 0 0 0;
	padding			: 15px;
	color			: #808080;
	font-size		: 11px;
	overflow		: hidden;	
}
#accordion .pane p {
	padding			: 0 0 15px 0;
}
#accordion .pane span {
	color			: #333;
}
#accordion h2 {
	position		: relative;
	display			: block;
	width			: 282px;
	height			: 45px;
	line-height		: 45px;
	font-size		: 14px;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	color			: #4d4d4d;
	padding			: 0 0 0 18px;
	margin			: 0 0 1px 0;
	cursor			: pointer;
}
#accordion h2 img {
	position		: absolute;
	right			: 0;
	top				: 0;
	width			: 65px;
	height			: 45px;
	z-index			: 2;
}
#rightSidebar.pages #accordion h2 {
	width			: 212px;
}
#rightSidebar.pages #accordion .pane {
	height			: 145px;
	width			: 200px;
}
#accordion h2 {
	background		: #c9dcea;
}
/*---Active state---*/
#accordion h2.current {
	background		: #94bdd5;
}
/*---- Voice bill form ----------------------------------------------------------------------*/
form#voice_bill {
	margin			: 5px 0 0 0; 
	font-size		: 11px;
}
form#voice_bill div.left {
	display			: block;
	float			: left;
	width			: 129px;
}
form#voice_bill div.right {
	display			: block;
	float			: right;
	width			: 129px;
}
form#voice_bill input.voice_bill {
	width			: 109px;
	height			: 18px;
	color			: #808080;
	background		: url(../images/voice_bill_input_bg.gif) no-repeat top left;
	border			: none;
	padding			: 3px 10px;
	margin			: 0 0 20px 0;
}
#rightSidebar.pages form#voice_bill input.voice_bill {
	width			: 109px;
	height			: 18px;
	color			: #808080;
	background		: url(../images/voice_bill_input_bg.gif) no-repeat top left;
	border			: none;
	padding			: 3px 10px;
	margin			: 0 0 7px 0;
}
/*------- Loader -------------------------------------------------------------*/
.loading {
	position		: relative;
	margin			: 0 0 10px 0;
}
.loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}
/*-----------------------------------------------------------------------------*/
#sitemap ul {
	padding			: 0;
}
#sitemap ul li {
	background		: none;
	padding			: 0 0 0 20px;
}
#sitemap ul li a:link, #sitemap ul li a:visited {
	color			: #38939b;
	text-decoration	: none;
}
#sitemap ul li a:hover {
	text-decoration	: underline;
}
/*------ Forms -----------------------------------------------------*/
form table td, form table th {
	vertical-align	: top;
	font-weight		: normal;
}
input.text, textarea, select {
	color			: #666;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	border			: 1px solid #ccc;
	padding			: 3px;
}
.errors {
	padding			: 0 0 20px 0;
	color			: #d92231;
}
.requiredValue, input.invalidValue, input.requiredValue {
	border			: 1px solid #d92231;
}
form span {
	color			: #d92231;
	padding			: 0 3px;
	font-weight		: bolder;
}
#meeting_details {
	display			: none;
}
#guides_form select {
	width			: 100%;
}
form#guides_form table td {
	padding			: 0 0 10px 0;
} 
/*------ Maps -----------------------------------------------------*/
#map {
	width			: 466px;
	height			: 250px;
	border			: 1px solid #d1d2d4;
	overflow		: hidden;
}
#maplinks {
	display			: none;
}

/*-----------------------------------------------------------------------------*/
#footerOuter {
	position		: relative;
	width			: 100%;
	height			: 100%;
	background		: #babcbe;
	border-top		: 5px solid #ccdfeb;
}
#footer {
	width			: 930px;
	margin			: 0 auto;
	padding			: 15px 0 15px 20px;
	overflow		: hidden;
	font-size		: 11px;
}
#footer .left {
	float			: left;	
}
#footer .right {
	float			: right;
	text-align		: right;
}
#footer ul {
	float			: right;
}
#footer ul li {
	display			: block;
	float			: left;
	width			: auto;
	border-left		: 1px solid #fff;
}
#footer ul li.first {
	border			: none;
}
#footer ul li a:link, #footer ul li a:visited  {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0 12px;
	text-decoration	: none;
	color			: #fff;
	font-size		: 11px;	
}
#footer ul li a:hover, #footer ul li.active a  {
	text-decoration	: underline;
}
#footer ul li.last a {
	padding			: 0 0 0 12px;
}
#footer p {
	padding			: 10px 0 0 0;
	color			: #dfe1e3;
}
#footer p a:link, #footer p a:visited {
	text-decoration	: none;
	color			: #dfe1e3;
}
#footer p a:hover  {
	text-decoration	: underline;
}
#alert {
	width			: 300px;
	padding			: 25px 20px 20px 80px;
	background		: url(../images/alert_bg.gif) no-repeat top left;
	border			: 5px solid #ccdfeb;
	color			: #333;	
	display			: none;
}
span.close {
	display			: block;
	float			: right;
	cursor			: pointer;
	color			: #000;
	font-style		: italic;
	margin			: 20px 0 0 0;
}
