
/*CSS Document*/

/*---- page specs start------*/
body{
	background-color:#ecfbff;
	padding:0;
	margin:0;
	color:#000;
	text-align:center;
}
#p2            { color: #000000; 
font-size: 10pt; 
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-variant: normal; 
line-height: 14px;
text-align: left;

 }
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; 
	padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#form{
	width:1000px;
	border-style:ridge;
	border: #CCCCCC 2px;
	text-align:center;
}
/*----page specs end-----*/
	
/*---header section start------*/
#header{
	background:url(../images/headerbg.gif) 0 0 no-repeat;
	width:1000px;
	height:95px;
	margin:0 auto;
	position:relative;
	border-bottom:#CCCCCC thin solid;
}
#header img{
	position:absolute;
	left:5px;
	top:5px;
	width:275px;
	height:90px;
}
#header ul{
	display:block; 
	position:absolute;
	width:652px; 
	height:38px; 
	top:45px; 
	right:0; 	
	margin:0 0 0; 
	padding:0 0 0 0; 	
}
#header ul li{
	float:right; 
	font:12px/38px tahoma,verdana, arial, helvetica, sans-serif; 
	font-weight:bold;
}

#header ul li a{
	width:92px; 
	height:38px; 
	display:block; 
	padding:0; 
	color:#555; 
	background:url(../images/bluebutton.gif) no-repeat 0 0; 
	text-decoration:none; 
	text-align:center; 
	margin:0 0 0 0; 
	top:0px; 
	left:0px;
}
#header ul li a:hover{
	width:92px; 
	height:38px; 
	text-decoration:none; 
	text-align:center;
	background:url(../images/yellowbutton.gif) no-repeat 0 0; 
	color:#be610d;
}

#header ul li.active
{
	width:92px; 
	display:block; 
	height:38px; 
	background:url(../images/yellowbutton.gif) no-repeat 0 0; 
	color:#fff; 
	text-align:center; 
	margin:0 0 0 0;
	}
#headinfo {
	height: 51px;
	margin: 0 20px 10px 0;
	padding: 0 20px 0 0;
	border: none;
	text-align: right;
	font: bold 14px tahoma,helvetica,verdana, arial, sans-serif;
	color:#497c00;
}

/*---header section end---*/
#leftcontent {
width:200px;
float:left;
}

/*---left login start---*/
#leftcontent .login{
	width:200px;
	padding:5px 0 10px 0;
	vertical-align:top;	
}
#leftcontent .login h1.mem{
	width:185px;
	height:45px;
	background:url(../images/logintop.gif) 0 0 no-repeat;
	padding:0 0 0 15px;
	font: bold 13px/45px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:inherit;
}
#leftcontent .login form{
	background:url(../images/loginbg.gif) 0 0 repeat-y;
	width:180px;
	padding:0 10px 0 10px;
	margin:0;
}
#leftcontent .login form input.txtBox{
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;	
	color:#6e450b;
	background-color:#fff;
	margin:0 0 8px 0;
	padding:0 0 0 15px;
}
#leftcontent .login form a{
	font:bold 11px/15px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;	
	text-decoration:underline;
	float:left;	
	padding:0 0 0 10px;
	width:80px;
}
#leftcontent .login form a:hover{
	text-decoration:none;
}

#leftcontent .login p.bottom{
	background:url(../images/loginbottom.gif) 0 0 no-repeat;
	width:200px;
	height:11px;
	margin:0 0 10px 0;
}

#leftcontent .login h1.create{
	font:bold 13px/25px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:#e0fda7;
	padding:5px 0 5px 5px;
	margin:0 0 0 0;
}
#leftcontent .login ul{
	width:200px;
	padding:0 0 0 0px;
}
#leftcontent .login ul li{
	display:block;
	background:url(../images/dottedline.gif) left bottom repeat-x;
	height:18px;
	width:200px;
	padding:2px 0 5px 0;
}
#leftcontent .login ul li a{
	background:url(../images/arrow.gif) 5px 12px no-repeat;
	padding:5px 0 5px 0px;
	font:bold 11px/16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;
	display:block;
}
#leftcontent .login ul li a:hover{
	color:#A60303;
	background-color:#ECECEC;
}

#leftcontent .downloadlogin{	
	width:200px;
	height:39px;
	margin:10px 0 10px 0;
	float:left;
}

#leftcontent .downloadlogin a{	
	background:url(../images/downloadlogin.gif) 0 0 no-repeat;
	width:200px;
	height:39px;
	display:block;
}

#leftcontent .downloadlogin a:hover{			
	background:url(../images/downloadlogin1.gif) 0 0 no-repeat;
}

/*---left login end----*/
/*--left content end--*/

/*--rightcomments start--*/
#rightcomments {
	width: 200px;
	margin-top:5px;
	padding:5px 0 10px 0;
	background: url(../images/leftcommtop.gif) no-repeat;
	float:right;
	text-align:left;
	vertical-align:top;
}
#rightcomments .image1 {
	float:left;
	height: 75px;
}

#rightcomments .image2 {
	float:left;
	height: 250px;
	margin:10px 0 10px 0;
}

#rightcomments .container{
	background-color:#e3f4e3;
	float:left;
	height:250px;
}

#rightcomments .container .title {
	font: bold 13px/18px tahoma,verdana, arial, helvetica, sans-serif;
	color: #4DAB50;
	padding:5px 5px 0 35px;
}

#rightcomments .container .content {	
	padding:10px 20px 10px 10px;
	text-align:left;
	font: normal 11px tahoma,verdana, arial, helvetica, sans-serif;
	color: #3e4f3e;
	float:right;	
}

#rightcomments .container .content .blockquote {
	padding:8px;
	font: italic 11px tahoma,verdana, arial, helvetica, sans-serif;
	text-indent:15px;
	float:right;
}

/*--right comments end--*/

/*--right panel start--*/

#rightlinks {
	float:right;
	width: 180px;
	margin-top:5px;
	padding: 0 0 0 8px;
	background: url(../images/orangedot.gif) repeat-y;		
}

#rightlinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#rightlinks li ul {
	padding: 3px 0 5px 0;
	background-color:#fefbea;
}
#rightlinks li ul a:hover{
	background-color:#e0fda7;
}
#rightlinks li li {
	padding: 5px 5px;
	background: url(../images/orangedot1.gif) repeat-x left bottom;
}

#rightlinks li a {
	text-decoration: none;
	font: bold 11px tahoma,verdana, arial, helvetica, sans-serif;	
}

#rightlinks li a:hover {
	text-decoration: none;	
}

#rightlinks li h2 {
	font: bold 12px tahoma,verdana, arial, helvetica, sans-serif;	
	color:#6e450b;
}
/*--right panel start--*/

/*--footer start--*/
#footer{
	width:1000px;
	margin:0 auto;
	height:40px;
	background-color:#e0fda7;
	color:#6e450b;
	padding:0 0 0 0;
	float:left;	
	display:block;	
}

#footer ul{
	width:1000px;
	left:100px;		
	padding:2px;
}
#footer ul li{
	float:left;
	color:#6e450b;
	background-color:inherit;
	font:normal 12px/16px tahoma,verdana, arial, helvetica, sans-serif;
}
#footer ul li a{
	font:normal 12px/16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:inherit;
	padding:0 10px;
	text-decoration:none;	
}
#footer ul li a:hover{
	color:#fff;
	background-color:#95a86f;
}
#footer p.copyright{
	font:normal 11px/11px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:inherit;
	padding:2px;	
	left:400px;
}

/*--footer end---*/

.details1{
	width:575px;
	padding:0 0 15px 0px;
	text-align:left;
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;	
	float:left;
}
.details1 p{
	padding:0 0 0 20px;
	text-indent:10px;	
}

