/*Title:	styles for screen - common layout items*/
/*Author: 	Gaurav Verma (gverma@eigen-tech.com)*/
/*Updated: 20 May 2009*/


/*=home.css is exclusively used for homepage*/
/*=body settings - apply to the body tag on all pages*/
/*sets a recursive sans-serif font set for windows, macintosh and linux based on common system available fonts*/
/*allows wrapper to be positioned in the centre of the screen, and sets relative sizing for fonts*/


/*=body settings */
/* sets fonts for win, mac and linux, and positions wrapper in centre */
body { 
	 /*background-color:#000000;*/
	 background-color:#333333;
	 border:0px solid yellow;
	 color:#ffffff;
	 font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
	 font-size: 0.8em;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: 0px;
	 margin-bottom: 0px;
	 text-align:center;
	 height:100%

}

/*=sets container/wrapper div */
#wrapper {
	 background:#333333 url(../images/appbg.jpg) repeat-y top left;
	border:0px solid #ffffff;
	margin: 0 auto;
	text-align: left;
	width: 980px;
	padding-bottom: 20px;
	/*height:100%;
	width: 918px;*/
}

/*= following sets the font size for <P>*/
#wrapper p {font-size: 0.7em}

#topBar{
	/*border:1px solid white;*/
	background:transparent url(../images/navBG.jpg)  no-repeat;
/*	background-attachment:fixed;*/
	background-position: 0px 20px;
	height:110px;
}

#logo{
	border:0px solid red;
	background:transparent url(../images/logo.jpg) top left no-repeat;
	display:block;
	/*float:left;*/
	width:250px;
	height:84px;
}

#navigation{
/*	border:1px solid yellow;*/
	display:block;
	float:right;
	/*height:80px;*/
	width:920px;
	padding-top:30px;
	margin-top:-87px;
	padding-right:20px;
	text-align:right;
}

#navigation span.left{
	background:#000000 url(../images/navLeft.jpg) no-repeat top left;
	display:inline-block;
	height:22px;
}
#navigation span.right{
	background:#000000 url(../images/navright.jpg) no-repeat top right;
	display:inline-block;
	height:22px;
}

#navigation span a{
	background:#000000 url(../images/tabbg.jpg) repeat-x top left;
	border:1px solid #cccccc;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	height:14px;
	text-decoration:none;
	font-family:verdana;
	font-size:7pt;
	letter-spacing: 1px;
	font-weight:bold;
	color:#ffffff;
}
#navigation span a.left{
	border-left:0px;
	margin-left:5px;
}
#navigation span a.left:hover{
	border-left:0px;
	margin-left:5px;
}

#navigation span a.right{
	border-right:0px;
	margin-right:5px;
}
#navigation span a.right:hover{
	border-right:0px;
	margin-right:5px;
}
#navigation span a:hover{
	border:1px solid #000000;
	color:#999999;
}

#navigation span a.active{
	background:#090909 url(images/new.jpg);
	border:1px solid #000000;
	color:#ffff00;
}

.subNavigation{
	border:0px solid blue;
	height:43px;
	/*margin-top:18px;*/
	margin-top:-18px;
	text-align:left;
	float:left;
	/*margin-left:108px;
	margin-right:20px;*/
	padding-left:268px;
}
.lessLeft{
	/*margin-left:160px;*/
	width:100%;
}

.subNavigation span a{
	background:#000000 url(../images/tabbg.jpg) repeat-x top left;
	border:1px solid #cccccc;
	display:inline-block;
	padding-left:1px;
	padding-right:1px;
	padding-top:3px;
	padding-bottom:3px;
	height:14px;
	text-decoration:none;
	font-family:verdana;
	font-size:7.5pt;
	font-weight:bold;
	color:#ffffff;
}

.subNavigation span.left{
	background:#000000 url(../images/navLeft.jpg) no-repeat top left;
	display:inline-block;
	height:22px;
}
.subNavigation span.right{
	background:#000000 url(../images/navright.jpg) no-repeat top right;
	display:inline-block;
	height:22px;
}

.subNavigation span a{
	background:#000000 url(../images/tabbg.jpg) repeat-x top left;
	border:1px solid #cccccc;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	height:14px;
	text-decoration:none;
	font-family:verdana;
	font-size:7pt;
	letter-spacing: 1px;
	font-weight:bold;
	color:#ffffff;
}
.subNavigation span a.left{
	border-left:0px;
	margin-left:5px;
}
.subNavigation span a.left:hover{
	border-left:0px;
	margin-left:5px;
}

.subNavigation span a.right{
	border-right:0px;
	margin-right:5px;
}
.subNavigation span a.right:hover{
	border-right:0px;
	margin-right:5px;
}
.subNavigation span a:hover{
	border:1px solid #000000;
	color:#999999;
}

.subNavigation span a.active{
	background:#090909 url(images/new.jpg);
	border:1px solid #000000;
	color:#ffff00;
	display:inline-block;
}

#topBanner{
	display:block;
	border:0px solid white;
	text-align:center;
	width:100%;
}
#topBannerSec{
	display:block;
	border:0px solid white;
	text-align:center;
	height:190px;
	width:100%;
}

#page{
	width:885px;
	margin-left:48px;
	margin-top:10px;
}
#homeLeft{
	border:0px solid white;
	display:block;
	float:left;
/*	height:100px;*/
	width:545px;
}
#homeLeft h1{
	background:transparent url(../images/secHeader.gif) repeat-x;
	font-size:10pt;
	font-weight:bold;
	letter-spacing: 1px;
	padding:5px;
}
#homeLeft p{
	font-size:0.85em;
	margin:5px;
	font-family:arial;
	letter-spacing: 1px;
}

#homeRight{
	border:0px solid white;
	display:block;
	float:right;
	height:100px;
	width:320px;
}
#homeRight h1{
	background:transparent url(../images/secHeader.gif) repeat-x;
	font-size:10pt;
	font-weight:bold;
	letter-spacing: 1px;
	padding:5px;
}
#homeRight p{
	margin:5px;
	font-size:9pt;
	letter-spacing: 1px;
}
#homeRight i{
	font-size:0.8em;
}

li{
	font-size:0.85em;
	letter-spacing: 1px;
}
/************/

#secLeft{
	border:0px solid yellow;
	display:block;
	float:right;
	width:545px;
}
#secLeft div.story{
	height:290px;
	overflow:auto;
	padding:5px;
}
#secLeft div.story h2{
	font-size:10pt;
}
#secLeft h1{
	background:transparent url(../images/secHeader.gif) repeat-x;
	font-size:10pt;
	font-weight:bold;
	letter-spacing: 1px;
	padding:5px;
}
#secLeft p{
	font-size:0.85em;
	margin:5px;
	font-family:arial;
	letter-spacing: 1px;
}

#secRight{
	border:0px solid white;
	display:block;
	float:left;
	width:320px;
}
#secRight h1{
	background:transparent url(../images/secHeader.gif) repeat-x;
	font-size:10pt;
	font-weight:bold;
	letter-spacing: 1px;
	padding:5px;
}
#secRight p{
	margin:5px;
	font-size:9pt;
	letter-spacing: 1px;
}
#secRight img{
	border:0px;
	margin-top:5px;
}
#secRight i{
	font-size:0.8em;
}
#bottomBar{
	border-top:2px groove #666666;
	width:885px;
	margin-left:48px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:3px;
	padding-left:5px;
	font-size:7pt;
	font-weight:normal;	
	letter-spacing: 1px;
}
.clear{
	clear:both;
}