/*
* ***************************************************************************
* N A L A M S O F T   S E R V I C E S,  T R I C H Y - 6 2 0 0 2 0,  I N D I A
* ***************************************************************************
* All Rights reserved. Unauthorized duplication without written permission
* is punishable by law of the land.
* ***************************************************************************
* FileName: NalamSoftTabStyle4.css
* FilePurpose: CSS for NalamSoft Tabbed Page Style Template Stylesheet
* Background Colors: white(#FFFF99)
* Foreground Colors: Midnight Blue (#191970)
* FileCreatedBy: NalamSoft Team
* FileCreatedOn: June 21st, 2009
* ***************************************************************************
* Version History:
* ---------------------------------------------------------------------------
* Version 1.01 	- bottommenu, footerline scramble fix for clear:both
		- tablist width fix.
		- (Bala Balakumar, Dec 8th, 2009)
* ---------------------------------------------------------------------------
* Version 1.00 	- Initial Creation (Bala Balakumar, June 21st, 2009)
* ***************************************************************************
*/
body {
  font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
  background-color: #FFFFFF;
  line-height: 125%;
  padding: 0em;
  margin: 0;
  max-width: 97%;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

h1 {
  font-size: xx-large;
  background-color: #191970;
  color: white;
  padding-top: 2.3em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
  padding-right: .2em;
  margin-right: 1px;
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: 0;
  background: #191970 url(../images/OrgLogo1.jpg) no-repeat right bottom;
}

h2 {
  color: #191970;
  font-size: 130%;
  font-weight: bold;
  padding-top: 18px;
  padding-bottom:5px;

}

h3 {
  color: #191970;
  font-weight: bold;
  font-size: large;
  padding-top: 0px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin: 0px 0px 0px 0px;
}

ul.navbullet, ol.navbullet {
  font-size: small;
  color: #191970;
  list-style-type: bullet;
  font-weight: bold;
  margin-top: 15px;

}

ul.bullet, ol.bullet {
  font-size: small;
  color: #191970;
  list-style-type: bullet;
  font-weight: bold;
  margin-top: 0px;

}

ul.bullet.li {
  font-size: small;
  color: green;
  list-style-type: bullet;
  font-weight: bold;
  margin-top: 0px;

}

ul.none, ol.none {
  font-size: small;
  color: #191970;
  list-style-type: none;
  font-weight: bold;
  margin-top: 0px;

}

ul.subbullet-normal, ol.subbullet-normal {
  font-size: small;
  color: #191970;
  list-style-type: bullet;
  font-weight: normal;
  margin-top: 0px;
}

ul.subbullet-bold, ol.subbullet-bold {
  font-size: small;
  color: #191970;
  list-style-type: bullet;
  font-weight: bold;
  margin-top: 0px;
}

ul.tabpagebullet, ol.tabpagebullet {
  font-size: small;
  color: #191970;
  list-style-type: bullet;
  font-weight: normal;
  width: 60%;
}

p {
  font-size: small;
  color: #191970;
}

#tagline p {
  font-style: bold;
  font-family: Georgia, Verdana, Helvetica, Times, serif;
  font-size: large;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 0.2em;
  margin: 0;
  background: #bed8f3 url(../images/tagline-fade1.jpg) repeat-y right;
  color: #191970;
}

#footerline {
  width: 100%;
  clear: both;
  float: center;
}

#footerline p {
  font-style: normal;
  font-family: Georgia, Verdana, Helvetica, Times, serif;
  font-size: xx-small;
  color: lightslategray;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin: 0;
  background:  #FFFFFF repeat-y right;
  width: 100%
}

#footerline hr {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  margin: 0;
  width: 100%
}

#footerhelp p {
  font-style: normal;
  font-family: Georgia, Verdana, Helvetica, Times, serif;
  font-size: x-small;
  color: dimgrey;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 0.2em;
  margin: 0;
  background:  #FFFFFF repeat-y right;
  width: 100%
}

#hinttext p {
  font-style: italic;
  font-weight: normal;
  font-family: Georgia, Verdana, Helvetica, Times, serif;
  font-size: small;
  color: dimgray;
}

#warning p {
  font-style: italic;
  font-weight: bold;
  font-family: Georgia, Verdana, Helvetica, Times, serif;
  font-size: normal;
  color: red;
}

#subtabpage {
	border: outset 2px #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0em 0em 0em 0em;
	min-width:90%;
	max-width:97%;
}

em {
  text-transform: uppercase;
}

a {
  font-weight: bold;
}

a:link {
  color: blue;
}

a:visited {
  color: green;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: green;
}

a:active {
  color: aqua;
  background-color: #191970;
}

.fun {
  color: #191970;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
  font-weight: bold;
}

ul#navigation {
	padding: 0;
	margin: 0;
	background-color: #039;
	color: #fff;
	float: left;
	width: 100%;
	font-size: small;
}

ul#navigation li { display: inline; }

ul#navigation li a {
	padding: .25em 1em;
	background-color: #039;
	color: #fff;
	text-decoration: none;
	float: left;
	border-bottom: groove 0px #fff;
	border-top: groove 0px #fff;
	border-right: solid 1px #fff;
}

ul#navigation li a:hover {
	color: #000;
	background-color: #fff;
} 

ul#tablist {
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #fff;
	float: left;
	font-size: x-small;
}

ul#tablist li { 
	display: inline;
	margin:0px 0px 0px 0px;
	padding: 0em 0em 0em 0em;
}

ul#tablist li a {
	padding: 0.2em 0.75em 0.2em 0.75em; /* Top Left Bottom Right */
	background-color: #bed8f3;
	color: #039;
	text-decoration: none;
	float: left;
	margin:0px 0px 0px 0px;
	border-bottom: groove 0px #fff;
	border-top: groove 0px #fff;
	border-right: solid 1px #fff;
}

ul#tablist li a:hover {
	color: #000;
	background-color: #fff;
} 

ul#tablist li a:active {
	color: #fff;
	background-color: red;
} 

ul#tablist li a:link {
	color: #fff;
	background-color: #039;
} 

ul#tablist li a:visited {
	color: #fff;
	background-color: #039;
}

#footerline {
  width: 100%;
  clear: both;
  float: center;
}

ul#bottommenu {
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #191970;
	float: center;
	width: 100%;
	font-size: x-small;
	text-align: center;
}

ul#bottommenu li { 
	display: inline;
	margin:0px 0px 0px 0px;
	padding: 0em 0em 0em 0em;
}

ul#bottommenu li a {
	padding: 0.2em 0.75em 0.2em 0.75em; /* Top Left Bottom Right */
	background-color: #FFFFFF;
	color: #191970;
	text-decoration: none;
	float: center;
	margin:0px 0px 0px 0px;
	border-bottom: 0px solid #039;
	border-top: 0px solid #039;
	border-right: 1px solid #039;
}

ul#bottommenu li a:hover {
	color: #000;
	background-color: #fff;
} 

ul#bottommenu li a:active {
	color: #fff;
	background-color: red;
} 

ul#bottommenu li a:link {
	color: #191970;
	background-color: #FFFFFF;
} 

ul#bottommenu li a:visited {
	color: #191970;
	background-color: #FFFFFF;
}

ul#bottommenu li a#menuHome {
	padding: 0.2em 0.75em 0.2em 0.75em;
	background-color: #FFFFFF;
	color: #191970;
	text-decoration: none;
	float: center;
	border-bottom: groove 0px #039;
	border-top: groove 0px #039;
	border-right: 1px solid #039;
	border-left: 1px solid #039;
}

#nalamsoftmonogram {
  width: 170px;
  height: 60px;
  background: #7da5d8 url(../images/NalamSoftMonogram1.jpg) no-repeat;
  color: white;
}

h2{
  margin-top: 5px;
  margin-bottom: 5px;
}

#header {
  border-top: 3px solid #191970;
}

img.feature {
  float: right;
  margin: 10px;
  margin-top: 25px;
  border: none;
}

#galleryshow {
  padding: 1px 1px 1px 1px;
  margin: 1px 1px 1px 1px;
  width:500px; 
  height:480px;
  overflow:hidden;
  text-align:center;
  /* NOTE: background property is governed at galleryshow.shtml */
  border: 0.5px outset #FFFFFF;
  
}

.galleryphoto {
  padding-bottom: 2px;
  border-bottom: 1px solid #191970;
  margin-bottom: 2px;
}

.galleryphoto p {
  font-size: 65%;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 700 px;
  line-height: 1.4em;
}

.galleryphoto p span {   
  font-weight: normal;   
  color: gray; 
}

.galleryphoto img {
  border: 0px white;
  float: center;
}


/*
This style definition is for highlighting a tab selected
in a tabbed menu sheet
*/

body#home a#menuHome, 
body#about a#menuAboutUs,
body#contact a#menuContactUs,
body#gallery a#menuGalleryShow,
body#profile a#menuProfile,
body#service1 a#menuProfile,
body#service2 a#menuProfile,
body#service3 a#menuProfile,
body#service4 a#menuProfile,
body#team a#menuAboutUs,
body#facility a#menuAboutUs,
body#others a#menuAboutUs,
body#insurance a#menuAboutUs,
body#privacypolicy a#menuPrivacy,
body#termsandconditions a#menuTerms

{
	color:red; 
	background-color:#FFFFFF;
} 

body#profile a#service1, /* When clicked on Profile tab, Highlight Service1 sub tab */
body#about a#tab1, /* When clicked on Profile tab, Highlight Service1 sub tab */
body#service1 a#service1,
body#service2 a#service2,
body#service3 a#service3,
body#service4 a#service4,
body#team a#tab1,
body#facility a#tab2,
body#insurance a#tab3, 
body#others a#tab4 
{
	color:red; 
	background-color:#FFFFFF;
	border: 1px groove #FFFFFF;
} 

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #nalamsoftmonogram, #bodycontent, #bodycontentprofile, #header, #footerline{
  position: absolute;
}

#navigation {
  top: 137px;
}

#nalamsoftmonogram {
  top: 526px;
  left: 7px;
}

#bodycontent {
	top: 150px;
	left: 20px;
	min-width:95%;
	max-width:98%;
	width: 100%;
}

#bodycontentprofile {
  top: 150px;
  left: 20px;
}

#header {
  width: 100%;
}

#search {
  position: absolute;
  top: 104px;
  right: 0px;
  font-size: x-small;
  font-weight: bold;
  color: white;
}

#timelocation {
  position: absolute;
  top: 0px;
  right: 178px;
  font-size: small;
  font-weight: bold;
  color: white;
}

#tellocation {
  position: absolute;
  top: 0px;
  right: 295px;
  font-size: small;
  font-weight: bold;
  color: white;
}

iframe.maps {
  background:lightgrey;
  float: center;
  border: 1px groove white;
}

#bodymarquee { 
	width: 600;
	height: 500;
	scrolldelay: 10;
	scrollamount: 1;
	direction: up;
	overflow-style: auto;
	font-size: small;
} 

#msgstyle1{ 
	background-color: white;
	color: navy;
}

#msgstyle2{ 
	background-color: white;
	color: navy;
}