/* 	CSS Document 
	Author: Anchul Gupta
	Company: A.G. Computer Zone™
	URL: www.agcomputerzone.org
*/

body {
	background: #130d00 url(img_AGCZ/background_main.jpg) 50% 0 no-repeat;
	font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

table {
	font: bold 8pt "Trebuchet MS", Arial, sans-serif;
	color: #130d00;
	text-indent: 8pt;
}

.topLinks {
	text-indent: 13pt;
}

.topLinks a:link {
	font: bold 8pt "Trebuchet MS", Arial, sans-serif;
	color: #130d00;
	text-decoration: none;
}
.topLinks a:visited {
	font: bold 8pt "Trebuchet MS", Arial, sans-serif;
	color: #130d00;
	text-decoration: none;
}
.topLinks a:active {
	font: bold 8pt "Trebuchet MS", Arial, sans-serif;
	color: #130d00;
	text-decoration: none;
}
.topLinks a:hover {
	font: bold 8pt "Trebuchet MS", Arial, sans-serif;
	text-decoration: underline;
	color: #900; /*#cc9900;*/
}

.leftMenu {
	text-indent: 0pt;
	padding-left: 4px;
}

.botAdv {
	padding-left: 10px;
}

.botBox {
	text-indent: 0pt;
	padding-left: 10px;
}

.mainContent {
	font: bold 9pt "Trebuchet MS", Arial, sans-serif;
}

.botCopyright{
	font: 9px Verdana, "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #f7f2de;
}
.botCopyright a:link {
	font: 9px Verdana, "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #f7f2de;
}
.botCopyright a:visited {
	font: 9px Verdana, "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #f7f2de;
}
.botCopyright a:active {
	font: 9px Verdana, "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #f7f2de;
}
.botCopyright a:hover {
	font: 9px Verdana, "Trebuchet MS", Arial, sans-serif;
	text-decoration: underline;
	color: #af9944; /*#cc9900;*/
}

/************** tt ***************/

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; cursor:pointer;}
#tt {position:absolute; display:block; background:url(img_AGCZ/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img_AGCZ/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img_AGCZ/tt_bottom.gif) top right no-repeat; overflow:hidden}

/************** mnu **************/

ul{
	margin: 0;
	padding: 0;
}

ul.container{
	/* The topmost UL */
	width: 155px;
	/*margin: 0 auto;
	padding: 0px;*/
	padding-left: 5px;
	padding-bottom: 5px;
}

li{
	list-style: none;
	text-align: left;
}

li.menu{
	/* The main list elements */
	padding-top: 0px;
	padding-bottom: 5px;
	width: 150px;
}

li.button a{
	/* The section titles */
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	overflow: hidden;
	padding: 5px 10px 5px;
	position: relative;
	width: 130px;
}

li.button a:hover{
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	width: 0px;
	display: block;
}

li.button a.green{background:url(img_AGCZ/green1.png) repeat-x top left; color:#130d00;} /*#436800;}*/
li.button a.green span{background:url(img_AGCZ/green1.png) repeat-x top right;}

/* The hover effects */

li.button a: hover{ background-position:bottom left;}
li.button a: hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists (complete block)*/
	display: none;
	padding-top: 2px;
	width: 100%;
}

.dropdown li{
	/* Each element in the expandable list */
	/*background-color: #373128;
	border: 1px solid #40392C;*/
	background-color: #40392C;
	border: 1px solid #373128;
	color: #CCCCCC;
	margin: 0px 0px;
	padding: 8px 20px;
}

.dropdown a:link {
	font: bold 9px Verdana, Arial, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
.dropdown a:visited {
	font: bold 9px Verdana, Arial, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
.dropdown a:active {
	font: bold 9px Verdana, Arial, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
.dropdown a:hover {
	font: bold 9px Verdana, Arial, sans-serif;
	text-decoration: underline;
	color: white; /*#cc9900;*/
}