body
{
background-color: #ff7d0b ;

}

div.headElement {
	position: absolute;
	left: 160px;
	top: 50px;
	color: #2d6de1;
	font-size: 20px;
	font-weight: bold;
	border-bottom: dotted 1px;
	letter-spacing: 3px;
}

div.headElement:hover {

 color: #ff7d0b;

}

.morphClass {
	position: absolute;
	left: 160px;
	top: 10px;
	text-align: left;
	color: #ff7d0b;
	font-size: 15px;
	letter-spacing: 1px;
	color: #ff7d0b;

}
div.banner
{
height: 230px;
width: 1024px;
}
h2
{
color: green;
border-top: dotted 1px;
border-bottom: dotted 1px;
font: small-caps 800 20px sans-serif;
letter-spacing: 5px;
}
img.distro
{
display: block;
margin-left: auto;
margin-right: auto;
}
h3
{
text-align: center;
color: gray;
border-top: dotted 1px;
border-bottom: dotted 1px;
font: small-caps 800 15px courier;
letter-spacing: 3px;
}

a
{
text-decoration: none;
font: 800 12px serif;
}

a:link
{
font-weight: normal;
color: #2d6de1;
border-bottom: dotted 1px;
}

a:visited
{
font-weight: bold;
color: green;
border-bottom: dotted 1px;
}

a:hover
{
font-weight: bold;
color: #ff7d0b;
border-bottom: dotted 1px;
}

div.root
{
position: absolute;
margin-top: 10px;
background: #ff7d0b url('../images/shadowLeft.png') repeat-y left;
top: 260px;
left: 270px;
width: 740px;
height: auto;
}

div.mainpage
{
line-height: 20px;
font: 900 12px verdana;
padding-left: 10px;
padding-top: 20px;
background: white;
margin-left: 12px;
border-top: thin solid #ff7dff;
border-right: thin solid #ff7dff;
border-bottom: thin solid #ff7dff;
}


div.leftpanel
{
position: absolute;
width: 250px;
top: 260px;
left: 5px;
margin-top: 10px;
}


td.buttons 
{
letter-spacing: 3px;
background: url('../images/venkat_buttonS.png') no-repeat center center;
text-align: center;
font-weight: bold;
font: small-caps 900 12px verdana;
color: white;
width: 219px;
height: 58px;
cursor: pointer;
}

td.buttons:hover
{
background: url('../images/venkat_buttonSover1.png') no-repeat center center;
}


div.back 
{
letter-spacing: 3px;
background: url('../images/venkat_buttonS.png') no-repeat center center;
padding-top: 5px;
text-align: center;
font-weight: bold;
font: small-caps 900 12px verdana;
color: white;
width: 219px;
height: 40px;
cursor: pointer;
position: absolute;
top: 190px;
left: 210px;
}

div.goHome 
{
letter-spacing: 3px;
background: url('../images/venkat_buttonS.png') no-repeat center center;
padding-top: 5px;
text-align: center;
font-weight: bold;
font: small-caps 900 12px verdana;
color: white;
width: 219px;
height: 40px;
cursor: pointer;
position: absolute;
top: 190px;
left: 420px;
}

div.groupsLink  
{
letter-spacing: 3px;
background: url('../images/venkat_buttonS.png') no-repeat center center;
padding-top: 5px;
text-align: center;
font-weight: bold;
font: small-caps 900 12px verdana;
color: white;
width: 219px;
height: 40px;
position: absolute;
top: 190px;
left: 630px;
}

div.groupsLink a
{
border-bottom: none;
}

td.buttons a
{
text-align: center;
font-weight: bold;
font: small-caps 900 12px verdana;
color: white;
letter-spacing: 3px;
border-bottom: none;

}
.mouseOverClass
{
background: url('../images/venkat_buttonSover1.png') no-repeat center center;
}
div.card
{
position: relative;
background: white url('../images/Card_shadow.png') no-repeat top left;
left: 30px;
right: 30px;
height: 185px;
width:640px;

}

div.slide
{
padding-left: 30px;
padding-right: 30px;
line-height: 2em;
font: normal 12px verdana;
}

div.contents
{
font: normal 12px verdana;
padding-left: 30px;
padding-right: 30px;
line-height: 1.5em;
letter-spacing: 1px;
word-spacing: 2px;
}
strong
{
font-weight: bold;
color: #2d6de1;
font: small-caps 900 17px courier;
}
.quote
{
color: gray;
font: italic 900 12px serif;
}

td.buttons a img {height: 0; width: 0; border-width: 0;}

td.buttons:hover img {position: absolute;
    top: -70px; left: 60px; height: 75px; width: 75px; }

div.navigation
{
margin-left:30px;
position:relative;
top: -250px;
}
div.navigation a
{

font-weight: normal;
font: small-caps 900 12px serif;
color: white;
letter-spacing: 3px;
}
div.navigation  a:link
{
font-weight: normal;
color: white;
border-bottom: dotted 1px;
}
div.navigation  a:visited
{
font-weight: normal;
color: white;
border-bottom: dotted 1px;

}
div.navigation a:hover
{
font-weight: bold;
color: #2d00e1;
border-bottom: dotted 1px;
letter-spacing: 2px;
font-size: 110%;
}

#currentPage
{
font: italic small-caps 900 16px verdana;
font-weight: bold;
color: #C80000;

}

div.navigation a#currentPage:hover
{
color: #2d00e1;
letter-spacing: 2px;
font-size: 110%;
}

div.activity
{
position: absolute;
top: 280px;
left: 500px;
text-align: center;
font: small-caps 900 16px serif;
color: #aa0f0f;
z-index:20;
}

img.web_icons
{
float: left;
}

div.comments
{ 
position: absolute;
background: white url('../images/Final_Icons/comments.png') no-repeat bottom left;
top: 10px;
left: 50px;
border: 2px solid #abcdef;
z-index: 0; /* z-index works only on absolutely positioned elements*/
opacity: 0.94;
filter: alpha(opacity = 50);
}


#commentsTable
{
font: small-caps 900 12px serif;
color: #9f9f0f;

}

#commentsTable th {

	font-weight: bold;

	text-align: left;

}

.textfield {

	font-size: 11px;

	color: #333333;

	background: #FbFbFb;

	border: 1px solid #CCCCCC;

	padding-left: 1px;

}