@charset "utf-8";
/* CSS Document for digitalliving pages */
body {
	font-size: 92%;
	background-color: #FFFFFF;
	background-image: url(images/digliv_bg.jpg);
	background-repeat: repeat;
	background-position: top;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}
#body_hom #nav_hom a, #body_jour #nav_jour a, 
#body_siddha #nav_siddha a, #body_weblog #nav_weblog a { background-color: inherit;
                                                   color: #003366;
												   font-weight: bold;
}
#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/digliv_wrap_bg.png);
	width: 1000px;
	height: 1000px;
	top: 0px;
}
#nav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color: inherit;
	list-style-type: none;
	width: 130px;
	left: 494px;
	top: 121px;
}
#nav li { margin: 0px;
          padding: 0px;
		  float: left;
		  width: 100%;
}
#nav li.current a { background-color: inherit;
                    color: #006600;
					font-weight: bold;
}
#nav a { display: block;
         color: #003300;
		 text-decoration: none;
		 padding: 0 15px;
		 line-height: 2.5em;
		 letter-spacing: .1em; 
		 border-bottom: 1px solid #fff;
}
#nav #nav_siddha a { border: none;} /* so that last item in ul -here: siddha- has no line underneath*/
#nav a:hover { background-color: #FDF880;}
/*Styling subnavs */
ul#nav ul.subnav {
		list-style: none;
		margin: 0;
		padding: 0; 
}
ul#nav ul.subnav li {
        border-top: 0 none;
		padding-left: 1.5em;	
		font-size: .85em;
}
ul#nav ul.subnav li a {      
		color: #F0BFFF; 
}
/*end styling subnav*/
#main {
	position: absolute;
	margin: 7px;
	padding: 5px 5px 5px 5px;
	left: -6px;
	top: 83px;
	width: 470px;
	background-color: #FFFF99;
	color: #333333;
	border: #CCCCCC 1px outset;
	height: 602px;
	visibility: visible;
	z-index: 5;
	overflow: visible;
}
.mizou {
	clear: none;
	border: #CCCCCC 1px solid;
	padding: 2px;
}
#main p {
		line-height: 1.5em;
		letter-spacing: .1em;
		text-align: justify;
		padding: 7px 20px 0px 20px;		
}
#main p .text {
        line-height: 1em;
		letter-spacing: .02em;	
}
#main h2
{
		font-size: 1.3em;
		text-indent: 20px;
}
#main p img {
		float: left;
		padding: 5px;
		margin: 5px;
		border: none;
}
#mainright {
	position: absolute;
	margin: 3px;
	padding: 5px 5px 5px 5px;
	left: 816px;
	top: 24px;
	width: 155px;
	height: 675px;
	background-color: inherit;
	color: #333333;
	font-size: 10px;
}
#mainright img {
    border: #CCCCCC 1px solid;
	padding: 5px;	
}
#mainright p {
	text-align: justify;
	padding: 5px 3px 5px 3px;	
}
#mainright .font
	{
	color: #FFFF99;
	background-color: inherit;
	}
h3 { font-size: 1.25em;}
#transptwo {
	position: absolute;
	top: 0px;
	left: 15px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	width: 609px;
	height: 103px;
	background-color: inherit;
	color: #E280FF;
	padding: 0.5em;
	font-size: 1em;
	color: #003300;
}
#transptwo h1 {
    font-size: 3.3em;
	letter-spacing: .2em;   
}
#transpthree {
	position: absolute;
	top: 728px;
	left: 13px;
	width: 962px;
	height: 261px;
	background-color: inherit;
	color: #003300;
	padding: 0.5em;
	font-size: 1em;
	z-index: 10;
}
#middle {
	position: absolute;
	top: 342px;
	left: 489px;
	width: 317px;
	height: 477px;
	background-color: inherit;
	color: #003300;
	padding: 0.5em;
	font-size: 1em;
	z-index: 800;
}
#middle p {
		line-height: 1.5em;
		letter-spacing: .1em;
		text-align: justify;		
}
#middle h1 {
	font-size: 12px;
}
#middle h2 {
	font-size: 10px;
}
#apDiv1 {
	position:absolute;
	left:494px;
	top:304px;
	width:277px;
	height:392px;
	background-color: #FFFF99;
	color: #333333;
	border: #CCCCCC 1px outset;
	line-height: 1.5em;
	letter-spacing: .1em;
	text-align: justify;
	padding: 7px 20px 0px 20px;
	z-index:1;
}
.mizouvavoom {
	margin-left: 25px;
	border: #CCCCCC 2px solid;
	padding: 2px;
}
.signature { font-family: "Lucida Handwriting";
             font-size: 1.4em;
}
p.smalltext { font-size: .80em;
              line-height: 1.5em;
}
a:link {
	color: #003300;
}
a:visited {
	color: #003300;
}
a:hover {
	color: #003300;
}
a:active {
	color: #003300;
}
body,td,th {
	color: #003300;
}
.dropcap {
    font-size: 175%;
}