body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color:#CCC;
	margin: 0;
	padding: 0;
	background-color:#000;
}

img {  
    border-style: none;
}

h1, h2, h3 {
	color: #fff;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	margin: 5px 0 5px;
}

h1 {
	font-size: 2.1em;
	color: #19a71c;	
}

h2 {
    color: #0069b3;	
}

h3 {
    color: #19a71c;
	font-size: 3.5em;
}

h3 em{
	color: #0069b3;
	display: inline;
}

p {
	margin: 7px 0;
	padding: 0;
}

blockquote {
	font-style: italic;	
}

#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

#header-container {
	height: 100px;
	background: url(../images/header-bg.png) repeat-x left bottom;
}

#header {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	color: #19a71c;
	font-size: 5em;
	text-align: right;
	width: 232px;
	margin: 0;
	position: absolute;
	left: 130px;
	top: 1px; /* 25 */
}

#header h1 em{
	color: #0069b3;
	display: inline;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 9px; /* 35, 63 */
	right: 402px; /* 270, 369 */
}

#header ul li {
	float: left;
	margin-right: 5px;
}

#header ul li a{
	color: #90b874;
	font-weight: bold;
	font-size: 1.4em;
	margin-right: 5px;
	text-decoration: none;
}

#header ul li a:hover {
	color: #beffbf;	
}

#container {
	width: 940px;
	margin: 0 auto;
	font-size: 1.4em;
	overflow: auto;
	padding: 100px 0px 50px; /* 114 */
}

#content {
	float: left;
	width: 610px;
	padding: 5px;
	z-index: -1;
}

#content_index { /* only used for section that has arnab photo, look into resizing actual image and play around */
	float: left;
	width: 328px;
	text-align: center;
}

#content_index_a { /* only used for section that has arnab photo, look into resizing actual image and play around */
	float: left;
	width: 328px;
	text-align: center;
}

#content_interests {
    float: left;
	width: 280px;
}

#content_interests_a {
    float: left;
	width: 280px;
}

#content_index h2{
    color: #F60;
	font-size:12px;
}
/* _a is duplicate for index page only other place similar happens is on interests page */
#content_index_a h2{
    color: #F60;
	font-size:12px;
}

#content_interests h1{
   	text-align: left; /* use h1, h2, etc only for actual indentation and not formating different kinds of text. right way is to have ids for <p>*/
}

#content_interests h2{
   	text-align: left;
}

#content_interests p{
    text-align: left;
}

#content_interests ul li a {
    color: #19a71c;
}

#content_interests ul li a visited {
    color: #0069b3;
}

/* making copy of content_interests to _a for validation purpose */
#content_interests_a h1{
   	text-align: left; /* use h1, h2, etc only for actual indentation and not formating different kinds of text. right way is to have ids for <p>*/
}

#content_interests_a h2{
   	text-align: left;
}

#content_interests_a p{
    text-align: left;
}

#content_interests_a ul li a {
    color: #19a71c;
}

#content_interests_a ul li a visited {
    color: #0069b3;
}


#sidebar {	
	float: left;
	width: 290px; /* total width of content + sidebar = 600 + 290 = 900 px, length of container = length of footer (940 px) */
	margin-top: 5px; /* 10px */
	margin-left: 10px;
}

#sidebar ul li a{	
	color:#19a71c;
}

#sidebar ul li a visited{	
	color:#0069b3;
}

#footer-wrap {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;	
}

#footer-container {
	height: 90px; /* total height of footer */
	background: url(../images/footer-bg.png) repeat-x left bottom;
}

#footer {
	width: 940px; /* total width of footer */
	margin: 0 auto;
	position: relative;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 34px;
	right: 167px;
	width: 650px;
}

#footer ul li {
	float: left;
	margin-right: 5px;
}

#footer ul li a{
	color: #90b874;
	font-weight: bold;
	font-size: 1.4em;
	margin-right: 5px;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #beffbf;	
}