/**************************************
Style information for olive green
Rohin T Narayan
http://rohin.tn.googlepages.com
***************************************/

html {
padding : 20px;
}
body {
margin : 50px 0;
padding : 0;
text-align : center;
background-color : rgb(255, 255, 255);
font-family : Times, Ariel, Helvetica, verdana, sans-serif;
}
a {
text-decoration : none;
font-weight : 500;
color : #333333;
}
a:hover {
text-decoration : underline overline;
}
#container {
width : 665px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
text-align : left;
}
#wrap1 {
width : 665px;
padding : 8px;
background : url(../images/background.jpeg) no-repeat top left;
height : 900px;
}
#header {
font-family : Helvetica, sans-serif;
color : rgb(0, 80, 0);
border-bottom : 5px solid rgb(0, 50, 0);
}
#header h1 {
font-size : ultra-expanded;
text-align : right;
}
#header ul {
text-align : right;
list-style-type : none;
padding : 0;
margin-top : 15px;
margin-bottom : 10px;
font-weight : 900;
}
#header li {
display : inline;
}
#header li a {
text-decoration : none;
padding-right : 5px;
color :rgb(250,250,250);
background : url(../images/button.png) repeat;
}
#header a:hover {
background : url(../images/blank.png);/*Tricking the browser no file button.png*/
font-variant : small-caps;
color : rgb(0, 100, 0);
font-weight : bold;
}
#left {
font-family : Georgia, garmond, sans-serif;
float : left;
margin-top : 5px;
color :rgb(255,255,251);
width : 240px;
    height: 840px;
}
#left h1 {
font-size : 25px;
font-weight : 900;
color : rgb(0, 150, 0);
font-size : extra-condensed;
}
#left h2 {
background-color : white;
color : rgb(0, 100, 0);
font-size : 15px;
text-align : left;
}
#left p {
padding-right : 15px;
padding-top : 5px;
font-size : 15px;
}
#left ul {
list-style-type : none;
padding : 0;
margin : 0;
font-weight : 900;
}
#left ul li {
margin : 2px 0 0;
}
#left ul li a {
background : transparent;
display : block;
width : 240px;
text-decoration : none;
color : white;
text-align : left;
border-bottom : 1px solid white;
}
#left ul li a:hover {
background-color : white;
color : rgb(0, 90, 0);
}

#left img {
border : 1px solid white;
padding : 2px;
margin : 20px 10px 20px 10px;
}
#right {
float : right;
margin-top : 20px;
width : 410px;
}
#right h1 {
background : url(../images/button.png) repeat;
font-size : 20px;
color : rgb(255,254,255);
padding-left : 5px;
padding-right : 5px;
}
.right {
text-align : right;
}
.left {
text-align : left;
}
#right h2 {
color : rgb(0, 90, 0);
font-size : 20px;
font-weight : bold;
border : 1px solid;
}
#right p {
padding : 5px;
font-family : newcent, bookman, garamond, georgia, sans-serif;
text-indent : 0em;
}
#right img {
z-index : -2;
margin : 10px;
border : 1px solid rgb(0, 80, 0);
padding : 5px;
display : inline;
}
img.left {
text-align : left;
float : left;
}
img.right {
text-align : right;
float : right;
}
#footer {
margin : 20px;
padding : 25px;
width : 100%;
color : #003300;
text-align : center;
}
#footer p {
font-size : 12px;
padding-top : 0;
}
