/*TEMPLATE SIMPLY-GREEN -KALYAN.CSS - BY KALYAN CHAKRAVARTHY*/

body { text-align:center; background-color:#CCFFFF; }
form { display:inline; padding:0; margin:0; }
code { font-size:12px; }

#page 
{ 
  margin:auto; 
  width:762px; 
  border:3px solid #339999;
  font:76% verdana,tahoma;
  text-align:left;
  display:block;
}

#header    { clear:both; margin:20px; }
#header h1 { font:35px verdana,tahoma; padding:0; margin:0px; color:#339999; }
#header h2 { font:15px verdana,tahoma; padding:0; margin:0px; color:#339999; }
#header h1 a { color:#006666;  }

#main      { margin:20px; clear:both; }
#content   { float:right; width:72%; }
#datacontainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E8FFFF;
}

#righty    { float:left; width:25%;  }

#main h2   
{
 font:150% verdana,tahoma;
 padding:2px;
 padding-left:5px;
 padding-bottom:0px;
 color:#006666;
 border-top:3px solid #339999;
 border-left:15px solid #339999;
 margin:10px 0px 10px 0px;
 font-variant:small-caps;
 display:block;
}

#main   p  { margin:6px; }

#main   ul {
	padding:0px;
	margin:10px 0 10px 20px;
	list-style-type: square;
}
#main   li { list-style: square inside; }

#footer    {  margin:20px; clear:both; border-top:1px solid #339999; text-align:center; color:#339999; }
#nav ul    { list-style-type:none; border:0px solid black; padding:0px; margin:0px;}
#nav li 
{ 
 padding:0px;
 margin:0px;
 display:inline;
}


#nav li a 
{
 display:block;
 font-weight:lighter;
 border-left:5px solid #66CCCC;
 padding:3px 5px 4px 10px;
 margin:3px 5px 0 5px;
 text-decoration:none;
 color:black; 
}

#nav li a:hover
{
 display:block;
 border-left:15px solid #339999;
 background:#66CCCC;
 padding:3px 5px 4px 5px;
 margin-left:0px;
 color:black;
}

#main a, #footer a
{
 color:#339999;
 border-bottom:1px solid #339999;
 text-decoration:none;
 font-weight:bolder;
}
#page #divHints a {
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
#page #divHints {
	background-color: #339999;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	margin: auto;
}



#main a:hover, #footer a:hover
{
 color:#006666;
}


#main img{
 padding:2px;
 margin:3px;
 border:1px solid #339999;
 display:block;
}


.img-left{
 float:left;
 clear:left;
}

.img-right{
 float:right;
 clear:right;
}
#page #navlinks {
	background-color: #CCFFFF;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #66CCCC;
	border-right-color: #66CCCC;
	border-bottom-color: #66CCCC;
	border-left-color: #66CCCC;
}
#page #navlinks a
{
	color:#339999;
	text-decoration:none;
	font-weight:bolder;
	border-bottom-style: none;
	border-bottom-color: #339999;
}

#page #navlinks a:hover
{
 color:#006666;
}