/* CSS Document */

/********************************************
	AUTHOR:  		Vrushali Kocharekar
	WEBSITE:   		http://www.calypso.com/
	TEMPLATE NAME: 	Theme Nautical
	TEMPLATE CODE: 	2010
	VERSION:        1   
	LAST MODIFIED:  January-01-2010       	
 *******************************************/ 

/* //// Global Style Sheet */
/* Basic Elements */
HTML,BODY,TD,H1,H2,H3,H4,H5,H6,OL,UL,LI {padding:0; margin:0;font-family: Arial, Verdana; color: #333;} 
HTML,BODY,TD,OL,UL,LI {padding:0; margin:0;font-size:12px; line-height:1.5em;}
html,body,pre,form,p,blockquote,fieldset,input {padding:0; margin:0;}
html,body,p{font-family:arial,helvetica,sans-serif;} /* Blue bg that, used below in Page Background section too */
body{padding:0px;margin:0;font-family:arial,helvetica,sans-serif;font-size:11px;color:#333;}
img{border:none; cursor:pointer;}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; position: static !important; }
abbr { border: 0; }
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }


/* Fonts */
p { margin-bottom: 18px; line-height: 1.5em;}

/* Headings */
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 16px; line-height: 18px; margin-bottom: 12px; }
h3 { font-size: 1em; line-height: 18px; margin-bottom: 4px; }
h4 { font-size: 10px; }

h1.short {line-height: 18px; margin-bottom: 6px;}

#colcont, #grayColCont, #secondCont, .checkAll {font-family: "Trebuchet MS", Arial, Verdana; font-size: 12px;} 
.colcontBy2, .colcontBy2by2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px;}

#colcont h1{ font-size: 16px; line-height: 24px; color: #153d5d; } /* dark blue head text for main section */
#colcont h2{ font-size: 13px; line-height: 18px; color: #71b44a; } /* gree sub-head text for main section */

#grayColCont h1, #secondCont h1, #grayColCont.lightGray h1, #secondCont.lightGray h1 { font-size: 16px; line-height: 24px; padding-left: 5px;}
#grayColCont h2, #secondCont h2, #grayColCont.lightGray h2, #secondCont.lightGray h2 { font-size: 13px; line-height: 18px; padding-left: 5px;}
#grayColCont li, #secondCont li, #grayColCont.lightGray li, #secondCont.lightGray li { font-family:arial,helvetica,sans-serif; font-size: 12px; line-height: 22px;  padding-left: 5px;}
#grayColCont li.head, #secondCont li.head, #grayColCont.lightGray li.head, #secondCont.lightGray li.head { font-family:arial,helvetica,sans-serif; font-size: 12px; line-height: 22px; border-bottom: #333 dotted 1px; width: 88%; padding-left: 5px;}
#grayColCont li.sub, #secondCont li.sub, #grayColCont.lightGray li.sub, #secondCont.lightGray li.sub{ font-family:arial,helvetica,sans-serif; font-size: 12px; line-height: 22px; padding: 0 0 0 22px;}

#grayColCont a:link, #secondCont a:link  {color:#184060;text-decoration:none; font-weight: bold;}
#grayColCont a:visited, #secondCont a:visited {color:#184060;text-decoration:none; font-weight: bold;}
#grayColCont a:hover, #secondCont a:hover {color:#153e5e;text-decoration:underline; font-weight: bold;}

#grayColCont h1 { color: #68727b; } /* dark gray head text for main section */
#grayColCont h2 { color: #71b44a; } /* gree sub-head text for main section */
#grayColCont li { color: #000;}
#grayColCont li.head, #grayColCont li.sub { color: #68727b;} /*color: #68727b;*/  

#grayColCont.lightGray {}/*color: #68727b;*/

#secondCont h1 { color: #6baddf; } /* light blue head text for main section */
#secondCont h2 { color: #71b44a; } /* gree sub-head text for main section */
#secondCont li {}
#secondCont li.head {}/* color: #c4cacc; */
#secondCont li.sub {}

#secondCont.lightGray { }/*color: #c4cacc;*/

#links h1, #links_gray h1 { font-size: 16px; line-height: 24px; }
#links ul li, #links_gray ul li{text-decoration:none; line-height: 22px; }
#links li.head, #links_gray li.head { font-family:arial,helvetica,sans-serif; font-size: 12px; line-height: 22px; border-bottom: #c4cacc dotted 1px; width: 88%; }

#links h1 {}
#links ul li{color:#fff;}
#links li.head,  #links li.sub{color: #dadada;}
.submargin {margin-left: 15px;}

#links_gray h1 {color: #68727b; } /* dark gray head text for main section */
#links_gray ul li{color:#002d56;}
#links_gray li.head { color: #68727b; }

#links {font-size: 12px; line-height: 22px; }
#links, #links a:link, #links a:visited, #links_gray, #links_gray a:link, #links_gray a:visited {text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
#links a:hover, #links_gray a:hover {text-decoration:underline;}
#links a:hover {background: #002d56;}
#links ul.categoryitems li a:link, #links ul.categoryitems li a:visited, #links_gray ul.categoryitems li a:link, #links_gray ul.categoryitems li a:visited {text-decoration:none; }
#links ul.categoryitems li a:hover, #links_gray ul.categoryitems li a:hover {font-weight: bold; padding: 0; background: #71b44a;}

#links {color: #68727b;}
#links a:link, #links a:visited  {color:#c4cacc;}
#links a:hover {background: #002d56;}
#links ul.categoryitems li a:link, #links ul.categoryitems li a:visited {color:#71b44a; padding-left: 5px;}
#links ul.categoryitems li a:hover {color:#fff; background: #71b44a; padding-left: 5px;}

#links_gray {color: #c4cacc;}
#links_gray a:link, #links_gray a:visited  {color:#002d56;}
#links_gray a:hover {color:#002d56;}
#links_gray ul.categoryitems li a:link, #links_gray ul.categoryitems li a:visited {color:#71b44a; padding-left: 5px;}
#links_gray ul.categoryitems li a:hover {color:#fff; background: #71b44a; padding-left: 5px;}

#downBan_in_cont a:link, #downBan_in_cont a:visited, #downBan_in_cont a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 18px; }

#bread_links h2 { font-size: 22px; line-height: 18px; color: #fff; padding:0; margin:0; line-height: 33px;} /* white text for page title */
#bread_links strong {color: #fff; font-weight: bold; padding: 0 5px 0 5px;} /* for arrow */
#bread_links {color: #c4cacc; font-weight: bold; } /* for text color without links */

#downBan h3,  #downBan_in h3, #downBan_in_cont h3, #downBan_in_second h3{ font-weight: bold; font-size: 13px; color: #fff; padding: 0; margin: 0; }
downBan_in_third h3 { font-weight: bold; font-size: 13px; color: #002d56; padding: 0; margin: 0; }
#downBan h4, #downBan_in_cont h4 { font-weight: bold; font-size: 12px; padding: 0; margin: 0; }
#downBan_in_second h4 { font-weight: bold; font-size: 18px; padding: 0; margin: 0; color: #b5b5b5; line-height: 24px; margin-top: 10px;}
#downBan_in_third h4 { font-weight: bold; font-size: 11px; padding: 0; margin: 0; color: #333; line-height: 18px; margin-top: 10px;}

#latest h4 { font-weight: bold; font-size: 14px; margin: 0 0 12px 0; color: #fff;} 




#footer { color: #fff; }

/* Links */
a:link {color:#446f8b;text-decoration:none; font-weight: bold;}
a:visited {color:#446f8b;text-decoration:none; font-weight: bold;}
a:hover {color:#6baddf;text-decoration:underline; font-weight: bold;}

#mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover {font-family:arial, verdana, sans-serif; font-size: 12px;}
#mainMenu ul#menu div.listHolder div.listCol ul li a, #mainMenu ul#menu div.listHolder div.listColLast ul li a, #mainMenu ul#menu div.listHolder div.listCol ul li a:hover, #mainMenu ul#menu div.listHolder div.listColLast ul li a:hover {font-family:arial, verdana, sans-serif; font-size: 11px;}

#footLeft a:link, #footRight a:link, #footLeft-jap a:link  {color:#fff;text-decoration:none; font-weight: bold; padding: 0 5px 0 5px;}
#footLeft a:visited, #footRight a:visited, #footLeft-jap a:visited {color:#fff;text-decoration:none; font-weight: bold; padding: 0 5px 0 5px;}
#footLeft a:hover, #footRight a:hover, #footLeft-jap a:hover {color:#fff;text-decoration:underline; font-weight: bold; padding: 0 5px 0 5px; background: #002d56;}

/* #secondCont a:link included above */

.checkAll  a:link {color:#000;text-decoration:none; font-weight: bold;}
.checkAll a:visited {color:#000;text-decoration:none; font-weight: bold;}
.checkAll a:hover {color:#4668a7;text-decoration:underline; font-weight: bold;}

#slider4 a:link, #latest_slide_div a:link {color:#fff; text-decoration:none; font-weight: bold; border-bottom: 1px dotted #fff; }
#slider4 a:visited, #latest_slide_div a:visited {color:#fff; text-decoration:none; font-weight: bold;  border-bottom: 1px dotted #fff;}
#slider4 a:hover, #latest_slide_div a:hover {color:#eee; text-decoration: overline; font-weight: bold;  border-bottom: 1px dotted #fff; background: #4576a2;}

#slider4_slide a:link {color:#fff; text-decoration:none; font-weight: bold; border-bottom: 1px dotted #fff; }
#slider4_slide a:visited {color:#fff; text-decoration:none; font-weight: bold;  border-bottom: 1px dotted #fff;}
#slider4_slide a:hover {color:#eee; text-decoration: overline; font-weight: bold;  border-bottom: 1px dotted #fff; background: #4576a2;}

#downBan a:link {color:#333;text-decoration:none; font-weight: bold;}
#downBan a:visited {color:#333;text-decoration:none; font-weight: bold;}
#downBan a:hover {color:#002d56;text-decoration:underline; font-weight: bold;}

#downBan_in_cont a:link {color:#fff;text-decoration:none; font-weight: bold; padding-left: 12px; background: url(../images/arrow_over.gif) center left no-repeat;}
#downBan_in_cont a:visited {color:#fff;text-decoration:none; font-weight: bold; padding-left: 4px; padding-left: 12px; background: url(../images/arrow_over.gif) center left no-repeat;}
#downBan_in_cont a:hover {color:#002d56;text-decoration:underline; font-weight: bold; padding-left: 4px; padding-left: 12px; background: url(../images/arrow_over.gif) center left no-repeat;}

#downBan_in_second a:link {color: #b5b5b5;text-decoration:none; font-weight: bold;}
#downBan_in_second a:visited {color: #b5b5b5;text-decoration:none; font-weight: bold;}
#downBan_in_second a:hover {color:#002d56;text-decoration:underline; font-weight: bold;}

.colcontBy3 a:link {color:#000;text-decoration:none; font-weight: bold;}
.colcontBy3 a:visited {color:#000;text-decoration:none; font-weight: bold;}
.colcontBy3 a:hover {color:#4668a7;text-decoration: underline; font-weight: bold;  background: #e3e9f6;}

#downBan_in_third a:link {color: #3464a6;text-decoration:none; font-weight: bold;}
#downBan_in_third a:visited {color: #3464a6;text-decoration:none; font-weight: bold;}
#downBan_in_third a:hover {color:#002d56;text-decoration:underline; font-weight: bold;}

/* Tables */

/* Forms */
#customForm, #login_form{
	padding: 0 10px 10px;
}
#customForm label, #login_form label {
	display: block;
	color: #797979;
	font-weight: bold; /*font-weight: 700;*/
	line-height: 1.4em;
}
#customForm input, #login_form input {
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.formBy2by2, .formBy2by22  { width: 44%; margin: 0;  float: left; line-height: 12px; padding: 5px; margin: 0 5px 0 5px;  }
.formBy2by2  { background: #efefef;}
.formBy2by22 {border-bottom: #dedede solid 1px;}

#customForm input, #customForm textarea, #customForm select, #login_form input, #login_form textarea, #login_form select {
  border:1px solid #aaaaaa;
  background:#ffffff url(../images/inputBg.gif) top left no-repeat;

}
#customForm input.error, #login_form input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm input.checkbox {
  width:15px;
  background:none;
  border:0;
}
#customForm input.radio_button {
  width:15px;
  background:none;
  border:0;
}
#customForm input.large, #customForm select.large {
  width:200px;
}

#customForm input.extra_large, #customForm select.extra_large {
  width:300px;
}

#customForm input:hover, #customForm textarea:hover, #customForm select:hover {
background: #ddd; color: #000;
}

#customForm input:active, #customForm textarea:active, #customForm select:active {
  border:1px solid #888888;
}

#customForm input.submit {
  color:#fff;
  background: #002d56;
  padding: 3px;
}

#customForm input.submit:hover {
  cursor: pointer;
  padding: 3px; color: #fff;
  background: #71b44a;
}
#customForm textarea{
	width: 300px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
}
#customForm textarea.deep {
  height:350px;
}

#customForm textarea.shallow {
  height:50px;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{

}
#customForm div span{
	margin-left: 10px;
	color: #990000;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
#customForm fieldset {
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

#customForm legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#71b44a;
}
	
.LV_invalid {
    color:#990000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 5em;
    overflow: auto;
    width: 15em;
}

.checklist, .checklist li { margin-left: 0; padding: 0; }

.checklist label { display: block; padding-left: 25px; text-indent: -25px;}
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }

* html .checklist label { height: 1%; }

.checklist label:hover { background: #777; color: #fff; }
.cl1 { font-size: 0.9em; width: 88%;  }
.cl1 .alt { background: #f5f5f5; }
.cl1 input { vertical-align: middle; }
.cl1 label:hover, .cl1 label.hover { background: #ddd; color: #000; }


/******* /FORM *******/

/* Search ? */

/* Others */
.pr, #quotes, .events{ margin-bottom: 22px; }
.date, #quoteBy { color: #71b44a; font-weight: bold; } /* date in green color */
.city, #quotes { color: #6f6f6f; font-weight: bold; } /* city in gray color */
.region { background-color: #153d5d; color: #fff; font-size: 16px; line-height: 24px; padding: 2px 0 2px 5px; font-weight: bold}
.up {position: relative; top: -18px;}
.headdown, .headdown a, .headdown a:hover {text-decoration: none;}
.arrow { vertical-align: middle;}


#quoteBy, .checkAll { text-align: right; margin-bottom: 11px; }

#downBan {background: url(../images/main_menu_gloss.png) top center repeat-x #6ab503; width: 205px; padding: 4px 8px 4px 8px;}
#downBan_in {background: url(../images/main_menu_gloss.png) top center repeat-x #70b549; width: 100%; padding: 8px 8px 4px 8px; position: relative; top: -15px;}
#downBan_in_second {background: url(../images/main_menu_gloss.png) top center repeat-x #666666; width: 100%; padding: 8px 8px 4px 8px; position: relative; }
#downBan_in_cont { background: #70b549; padding: 8px 8px 0 8px;; width: 88%; position: relative; margin-top: 11px;}
#downBan_in_third {background: url(../images/main_menu_gloss.png) top center repeat-x #9bc4e8; width: 100%; padding: 8px; position: relative; border: #71b0e0 solid 1px;}
#inBan_down {background: url(../images/main_menu_gloss.png) top center repeat-x #6ab503; width: 90%; padding: 4px 8px 4px 8px;}
#inBan_contact {background: url(../images/main_menu_gloss.png) top center repeat-x #666666; width: 90%; padding: 4px 8px 4px 8px;}
#indent-right {margin-left: 11px;}


/*  Blockquotes */
blockquote { background: transparent url(../images/open_quote.png) no-repeat 0 2px; margin: 0 0 2em; padding: 0 0 0 22px; background-position: 0 1.1em; background-color: #ebf2f8; padding:8px; min-height: 111px;}
blockquote cite { font-style: italic; }
blockquote > p:first-child { text-indent: 22px; font-size: 16px; margin-bottom: 0.7em; color: #002d56; }
	.lastword { padding: 0 44px 0 0; background: transparent url(../images/close_quote.png) no-repeat right top; color: #002d56; }
	
	b.tl {display:block; width:465px; height:8px; font-size:1px;}
b.tr {display:block; width:457px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:455px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}

div.three b.tl {background:url(../images/top_left3.gif) top left no-repeat;}
div.three b.tr {background:url(../images/top_right3.gif) top right no-repeat;}
div.three blockquote > p:first-child { text-indent: 22px; font-size: 16px; margin-bottom: 0.7em; color: #002d56; }
div.three b.bl {background:url(../images/bottom_left3.gif) top left no-repeat;}
div.three b.br {background:url(../images/bottom_right3.gif) top right no-repeat;}
div.three b.point {background:url(../images/point3.png) top left no-repeat; margin:-24px 0 0 333px;}

p.italic {margin:0 0 20px 0; font-weight:bold; font-style:italic;}
 
ul.list li {font-size:11px; margin:2px 0;}

div.UFrame { width: 735px; height: 188px; overflow: hidden; border: 0px; }
#ifra-left { width: 735px; height: 188px; float: left;}
#aliright, #alleft { width: 225px;}
#aliright { float: right; margin: 0 0 11px 11px;}
#alleft {float: left; margin: 0 11px 11px 0;}


/*--------------------------------------------------- Global Styles end here */ 

/* //// Div */
/* Layout/structure */

/*Page Background */
body {
	background: url(../images/fix-bg.jpg) fixed top repeat-x;
	}
#top_sky {
	position: absolute;
	width: 100%;
	height: 158px;
	z-index: 0;
	background: #486aaa url(../images/body_bg_top-fit.png) top repeat-x;
}
#container, #container_top {
	position: relative;
	width: 982px;
	background: url(../images/outer_1.png);
	margin: 0 auto;
	top: 0px;
	padding: 0;
	text-align: left;
	z-index: 111;
}
#container_bot {
	position: absolute;
	width: 100%;
	top: 158px;
	/*background: #486aaa url(../images/body_bg_bottom-fit.png) bottom repeat-x;*/
	min-height: 565px;
	padding: 0;
	z-index: 11;
}
#container_bg {
	position: absolute;
	width: 100%;	
	background: url(../images/water.png) repeat;
	height: 333px;
	bottom: 0px;
	padding: 0;
	z-index: 10;
}

/* header */
#calypsoLogo {
	height: 42px;
	padding: 25px 0 26px 20px;
}
#headerSep {
	background: url(../images/header_sep.png) top center no-repeat;
	height: 3px;
}
/* header banner */
#home_banner {
	width: 98%;
	margin: 0 auto;
	height: 188px;
	background: url(../images/lines.png) top left no-repeat;   
}

/* Content (including sidebar and main) */
#home_content {
	width: 982px;
	margin: 0 auto;
}

/* Sidebar */

/* Main */

/* Footer */
#footer {
	position: relative;
	width: 982px;
	height: 40px;
	margin: 0 auto;
	bottom: 0;
	padding: 0;
	text-align: left;
	z-index: 1;
}
#footLeft, #footLeft-jap {
	width: 450px; padding: 11px 0 0 33px; float: left;
}

#footRight {
	width: 350px; padding: 11px 33px 0 0; text-align: right; float: right;
}
/* Image Backgrounds */

/* Others */
#latest {
	width: 23%;
	margin: 0;
	background: url(../images/latest_main_bg.png) bottom repeat-x;
	height: 188px;
	float: right;
	z-index: 2;
	top: 0px;
	left: 76%;
	position: absolute;
}
#latest_slide {
	width: 100%;
	margin: 0;
	/*background: url(../images/latest_main_bg.png) bottom repeat-x;*/
	height: 188px;
	float: right;
	z-index: 2;
	top: 0px;
	left: 0%;
	position: absolute;
}
#latest_slide_div {
	visibility: visible; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 200px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 155px; padding: 11px; 
color: #fff;
}
#colcont, #grayColCont, #secondCont { width: 98%;
}
.colcontBox { width: 100%; padding: 0; margin: 10px 0 10px 0;}

.colcontBy3, .colcontBy3Last, .colcontBy3img { width: 28%; margin: 5px 10px 5px 0; padding-left: 5px; float: left; line-height: 12px; }/* divide main section in 3 cols */
.colcontBy3,  .colcontBy3img { border-bottom: dotted #333 1px; }/* apply border to all cols except last */

#colcontBy4_1, #colcontBy4_2, #colcontBy4_3, #colcontBy4Last { width: 21%; padding: 8px; float: left; text-align: center; } /* divide main section in 4 cols */
#colcontBy4_1, #colcontBy4_2, #colcontBy4_3  { border-right: dotted #333 1px; } /* apply border to all cols except last */
.colcontBy2{ width: 98%; margin: 0; float: left; line-height: 12px;  border-bottom: dotted #333 1px;}
.colcontBy2by2  { width: 55%; margin: 0;  float: left; line-height: 12px; }
.colcontBy2by22  { width: 44%; margin: 0;  float: left; line-height: 12px; }
.colcontBy2by22quote  {width: 33%; margin: 0 0 11px 11px; float: right; line-height: 12px;}
.colcontBy2by22quote_left   {width: 33%; margin: 0 11px 11px 0; float: left; line-height: 12px;}
/* For equal height columns on home page check below CSS */

#container3 {
    width:982px;
    background:#fff;
    overflow:hidden;
    position:relative;
	margin: 0 auto;

}
#container2 {
    float:left;
    width:100%;
    background:#f2f5ee;
    position:relative;
    right:24%;
}

#container1 {
    float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:24%;
}

#col1 {
    float:left;
    width:50%;
    position:relative;
    left:49%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:22%;
    position:relative;
    left:51%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:22%;
    position:relative;
    left:53%;
    overflow:hidden;
}
#col1, #col2, #col3, #col3_2, #col1_2, #col1_1, #col1_gray, #col2_gray, #col3_gray  {
	padding-top: 11px;
}

/* Equal heights CSS code for home page ends here */
/* Equal heights CSS modified for shifting gray column starts here */
#container2_gray {
    float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:24%;
}

#container1_gray {
    float:left;
    width:100%;
	background:#f2f5ee;
    position:relative;
    right:52%;
}
#col1_gray {
    float:left;
    width:50%;
    position:relative;
    left:100%;
    overflow:hidden;
	padding-left: 11px;
}
#col2_gray {
    float:left;
    width:22%;
    position:relative;
    left:26%;
    overflow:hidden;
}
#col3_gray {
    float:left;
    width:22%;
    position:relative;
    left:79.85%;
    overflow:hidden;
}
/* Equal heights CSS modified for shifting gray column ends here */
/* Equal heights CSS code for inner page starts here */
#container3_in {
    width:970px;
    background: url(../images/inner_gray_trans.png);
    overflow:hidden;
    position:relative;	
	margin: 0 0 0 10px;
}

#container3_in_top {
    width:970px;
    background: url(../images/lines.png) top center no-repeat;
    position:relative;
	/*height: 255px;*/
}
#col3_in_equal {
	float: right;
	width: 952px;
	/*background: red;*/
	margin: 10px 0 0 0;
	
}
#container_c {
    width:100%;
    /*background:#f2f5ee;*/
	overflow:hidden;
	position: relative;
	margin: 0 auto;

}

/* Equal heights CSS code for inner page ends here */
/* Equal heights CSS code for inner page for languages starts here */
#col1_gray_lang {
    float:left;
    width:75%;
    position:relative;
    left:100%;
    overflow:hidden;
	padding: 11px 0 0 11px;
}
#col2_gray_lang {
    float:left;
    width:21%;
    position:relative;
    left: 18px;;
    overflow:hidden;
	padding-top: 11px;
}
#col3_in_equal_lang {
	float: left;
	width: 942px;
	/*background: red;*/
	margin: 10px 9px 0 0;
	
}
#container_c_lang {
    width: 100%;
    background:#fff;
	overflow:hidden;
	position: relative;
	margin: 0 9px 0 18px;
}

/* Equal heights CSS code for inner page for languages ends here */
/* Equal heights for 2 cols CSS code for inner page starts here */

#col3_2 {
    float:left;
    width:22%;
    position:relative;
    left:26%;
    overflow:hidden;
}

#col1_2 {
    float:left;
    width:75%;
    position:relative;
    left:25%;
    overflow:hidden;
}

/* Equal heights for 2 cols CSS code for inner page ends here */
/* Equal heights for 1 col CSS code for inner page starts here */
#container1_1 {
    float:left;
    width:98%;
    background:#fff;
    position:relative;
	min-height: 622px;
}
#col1_1 {
    float:left;
    width:100%;
    position:relative;
	left: 1%;
    overflow:hidden;
}

/* Equal heights for 1 col CSS code for inner page ends here */

/*--------------------------------------------------- DIV Styles end here */

/* // Navigations */
/* Top Menu Navigation */
#topMenu {
	background: url(../images/top_strip.png) center no-repeat;
	height: 25px;
	padding: 4px 6px 0 0;
	text-align: right;
	vertical-align: middle;
}
#topMenu form {display: inline; padding-right: 22px;
}
#topMenu a:link, #topMenu a:visited, #topMenu a:hover {font-weight: bold; text-transform:uppercase; padding-right: 22px}
#topMenu a:link {color:#fff; text-decoration:none; }
#topMenu a:visited {color:#fff; text-decoration:none;}
#topMenu a:hover {text-decoration:underline; color: #c1d3fb;}

/* Main Menu Navigation 
#mainMenu {
	background: url(../images/main_menu_gloss.png) top center no-repeat; height: 33px; text-align: right; vertical-align: middle; padding-right: 22px;  }*/

/*#mainMenu a, #mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover {font-weight: bold; text-transform:uppercase; padding: 10px 22px 10px 11px; top: 10px; position: relative;}
#mainMenu a, #mainMenu a:link {color:#fff; text-decoration:none; }
#mainMenu a:visited {color:#fff; text-decoration:none;}
#mainMenu a:hover {text-decoration:underline; }*/
#mainMenu { height: 33px; background: url(../images/main_menu_gloss.png) top center no-repeat; position:relative; font-size:12px; z-index:500; vertical-align: middle; padding: 0; }
/* Side Bar Menu Navigation*/

/* Footer Menu Navigation */

/* Breadcrums */
#bread_links {
	padding: 11px 0 0 33px;
}
#bread_links  a:link {color:#6ab503;text-decoration:none; font-weight: bold;}
#bread_links a:visited {color:#6ab503;text-decoration:none; font-weight: bold;}
#bread_links a:hover {color:#fff;text-decoration:underline; font-weight: bold; background: #6ab503;}

/*--------------------------------------------------- Navigation Styles end here */

/* //Classes */
/* Background colors with text */

.red { color: #990000;} /*red color text*/
.darkGreen { color: #71b44a;} 
.darkBlue { color: #153d5d; }
.darkGray { color: #68727b; }
.gray { color: #6f6f6f; }
.lightBlue { color: #6baddf; }
.veryLightBlue { color: #d0e0f3; }
.white { color: #fff; }
.lightGray {color: #002d56; background: #c4cacc; padding: 1px;}
.verylightGray {background: #dedede; padding: 1px;}
.darkBrown { color: #978875;}

/* Others */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.fieldset_gray {background: #9bc4e8; border: #71b0e0 solid 1px; padding: 3px; width: 205px;}
.padding-right-bottom { padding-right: 11px; padding-bottom: 6px;}
.padding-left-bottom { padding-left: 11px; padding-bottom: 6px;}
.padding-right-top { padding-right: 11px; padding-top: 6px;}
.padding-left-top { padding-left: 11px; padding-top: 6px;}
.padding-right {padding-right: 4px;}
.hr_dotted { color: #fff; background-color: #fff; border: 1px dotted #71b44a; border-style: none none dotted; }
.hr_dot-dark { color: #fff; border: 1px dotted #002d56; border-style: none none dotted;}
.hr_dotted_up {border-top: 1px dotted #000;}
.large { font-size: 16px; margin-bottom: 0.7em; color: #002d56; }
.img-border {border: 1px #000 solid;}
.small {font-size: 12px;}
#loading {display: block;}
.coverloading {position: relative; top: -50px;}



/*--------------------------------------------------- Classes Styles end here */


/* table */

/*--------------------------------------------------- Table Styles end here */

/* //Others */
#dotted { border-bottom: dotted #333 1px; padding: 11px 0 11px 0; }
#small_content {width: 88%; padding: 22px;}

/*=========================================*/

/* inner pages */