/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/



/*
_______________________________
BASE */

@import url(tripoli.base.css);

/*
_______________________________
PLUGINS */

@import url(plugins/tripoli.visual.css);
@import url(plugins/tripoli.type.css);

/*
_______________________________
END */

/* Layout CSS */
* {
margin:0;
}

html, body {
	height:100%;
	background: #EBE9E1  url('../img/Main-BG.jpg') top center no-repeat;
}

#wrapper {
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin:0 auto -40px;
	min-height:100%;
	height: 100%;
}

#header {
	width: 800px;
	margin-left: auto ;
  	margin-right: auto ;
	padding: 10px;
	height: 105px;
	background: center transparent  url('../img/Header.png') no-repeat;
}

#content-bg {
	width: 800px;
	margin-left: auto ;
  	margin-right: auto ;
	background: top right transparent url('../img/BG-Graphic.png') no-repeat;
}

#content {
	width: 775px;
	margin-left: auto ;
  	margin-right: auto ;
	border-left: 2px solid #9E0000;
	border-right: 2px solid #9E0000;
	padding: 10px;
	background: url('../img/Content-BG.png');
	overflow : auto;
}

#push {
	height:20px;
}

#footer {
	min-width:820px;
	height:40px; 
	background: #9E0000 url('../img/Footer.png');
}

#footer .center {
	padding:2px 0px 0px 0px;
	margin-left: auto ;
  	margin-right: auto ;
	text-align: center;
	color: white;
	font-size:0.8em;
	font-family: "Lucida Sans","Lucida Grande",Lucida,sans-serif;
	
}

#footer .right {
	padding:5px 5px 0px 0px;
	float:right;
	text-align: right;
	color: white;
	font-size:0.8em;
}

#footer .left {
	padding:5px 0px 0px 5px;
	float:left;
	text-align: left;
	color: white;
	font-size:0.8em;
}

/* Menu CSS */

#menu {
	width: 799px;
	margin-left: auto ;
  	margin-right: auto ;
	background:transparent url(../img/Tab-BG.png) repeat-x scroll 0 0;
	height:50px;
}


#menu LI {
	cursor:pointer;
	float:left;
	font-size:16px;
	line-height:25px;
	padding-right:2px;
}

#menu LI A {
	color:#2F2F2F;
	display:block;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
}

#menu LI A:hover {
	background:transparent url(../img/Tab-B.png) no-repeat;
	color:#FFF;
}

#menu LI UL LI A {
	color:#FFF;
	font-size:12px;
	padding:0 10px;
}

#menu LI UL LI A:hover {
	background:transparent none repeat scroll 0 0;
	text-decoration:underline;
}

#menu UL LI UL {
	position: absolute;
	display: none;
	width: 700px;
}

#menu UL LI:hover UL, #menu UL LI A:hover UL, #menu LI.sfhover UL { display: block; }

#menu .sel, #menu .actual, #menu .sel:hover {
	background:transparent url(../img/Tab-B.png) no-repeat;
	color:#FFF;
}

#menu .neutral {
	background: transparent !important;
	color: #BC1C1C !important;
}

.menu-bg {
	width: 100px;
	background:transparent url(../img/Tab-A.png) no-repeat;

}

#menu .sub-home { margin-left: 0px; }
#menu .sub-about { margin-left: -100px; }
#menu .sub-order { margin-left: -200px; }
#menu .sub-upload{ margin-left: -95px; }

/* Menu CSS */