/****************************/
/* General Rules & Wrapper */
/**************************/

* {margin:0 auto; padding:0;}

body { 
	background: #eee;
	font-family: Arial;
	color:#000;
	font-size:10px;
	text-align: center;
}

.bodywrap {
	background: #fff;
	height:100%;
	position:relative;
	width:754px;
}

a { color:#9c3; text-decoration: underline}
a:hover { color:#9c3; text-decoration: underline}



/***********/
/* Header */
/*********/

.logo {width:167px; height:95px; float:left;}

.topimg {
	background: url(../img/top_img.jpg);
	width:587px;
	height:95px;
	float:left;
}


/*************/
/* Loginbox */
/***********/

.loginbox {
	background: url(../img/login.gif);
	width:167px;
	height:144px;
	float:left;
	text-align: center;
}

.logintext {
	width:167px;
	height:144px;
	font-size: 10px;
	text-align: left;
	padding: 15px;
}

.loggedin {font-size: 12px; text-align: left;}
.logintext a {color: #333;}
.logintext a:hover {color: #333;}
.register {display: block; margin-top: 3px; font-size: 12px; font-weight: bold;}
.register a {color: #fff;}
.errormsg {color: red; font-size: 11px;}
.logintext input {font-size: 10px;color: #000;}


/***************/
/* Flashboxes */
/*************/

.box1, .box2, .box3 {
	height:144px;
	float:left;
	position: relative;
	left: -2px;
}

.box1 {width:196px;}
.box2 {width:195px;}
.box3 {width:195px;}

.boxpadding {padding: 7px 0 0 0;}


/*************/
/* Menubars */
/***********/

.menu {
	text-align:left;
	width:754px;
	float:left;
	font-size: 11px;
}

.menu ul { list-style:none; display:inline;}

.menu li { 
	background: #afafaf url(../img/menu_back.gif);
	float: left; 
	height:23px;
	font-size: 11px;
	width:754px;
	color:#fff;
	margin: 0 0 1px 0;
	font-weight: bold;
}

.menupadding {padding: 4px;}

.menu a { 
	display: block;
	color:#fff;
	height:23px;
	width:754px;
	text-decoration: none;
	background: #afafaf url(../img/menu_back.gif);	
}

.menu a:hover {
	height:23px;
	width:754px;
	color:#fff; 
	text-decoration: none;
	background: #9c3 url(../img/menu_back.gif);
}


/*******************/
/* Homepage Quote */
/*****************/

.homequote_l, .quote_animgif, .homequote_r {
	height:223px;
	float:left;
	}

.homequote_l {
	background: #fff url(../img/quote_left.jpg) 18px 18px no-repeat;
	width:237px;
}

.quote_animgif {
	background: #fff url(../img/quote.gif) 11px 18px no-repeat;
	width:367px;
}

.homequote_r {
	background: #fff url(../img/quote_right.jpg) 0px 18px no-repeat;
	width:150px;
}


/*****************/
/* Main Content */
/***************/

.content_greybkg {background: #666; width:754px; min-height: 410px; height: 410; float:left;}
.content_whitebkg {background: #fff; width:754px; min-height: 410px; height: 410; float:left;}


/* Quotebox */

.quotebox {
	font-size:11px;
	color:#9c3;
	width:217px;
	float:left;
	text-align: left;
	padding: 17px 17px 17px 17px;
}

.imgicon {float:left;}

.quotebox b {width: 217px; font-size:12px;}
.author_greenbkg {background:#9c3; width: 217px; color: #fff;font-size:12px;}
.author_greenbkg a {color: #fff;}
.author_greenbkg a:hover {color: #fff;}
.author_greybkg {width: 217px; color: #9c3;}
.author_greybkg strong {color: #fff;}
.author_whitebkg {width: 217px; color: #666;}


/* Main Copy */

.copy_greybkg {
	font-size:12px;
	color:#fff;
	width:485px;
	float:left;
	text-align: left;
	padding: 17px 17px 0px 0px;	
}

.copy_greybkg p {font-size: 14px;}

.copy_whitebkg {
	display: block;
	font-size:12px;
	color:#666;
	width:475px;
	float:left;
	text-align: left;
	padding: 17px 17px 0px 0px;	
}

.warningbox {
	background: #fff;
	border: 1px solid #9c3;
	padding: 4px;
	margin-bottom: 1em;
	font-size:12px;
	color:#666;
	width:475px;
	float:left;
}

/* !Rollover-popups! */

.showdef, .certified, .latinquote, .rolloverA, .javier {
	position: relative;
	z-index: 0;
	text-decoration: none;
}

.showdef {cursor: help;}
.certified {cursor: hand;}
.latinquote {cursor: help;}
.rolloverA {cursor: help;}
.javier {cursor: help;}


.showdef:hover, .certified:hover, .latinquote:hover, .rolloverA:hover, .javier:hover {
	background-color: transparent;
	z-index: 50;
	text-decoration: none;
	color: #ae5;
}

.showdef:hover {cursor: help;}
.certified:hover {cursor: hand;}
.latinquote:hover {cursor: help;}
.rolloverA:hover {cursor: help;}
.javier:hover {cursor: help;}

.showdef span, .certified span, .latinquote span, .rolloverA span, .javier span {
	display: block;
	position: absolute;
	left: -1000px;
	background-color: white;
	padding: 5px;
	border: 1px solid #333;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-size: 11px;
}

.showdef span {width: 230px;}
.certified span{width: 230px;}
.latinquote span{width: 190px;}
.rolloverA span{width: 230px;}
.javier span {width: 330px;}


.showdef:hover span, .certified:hover span,
.latinquote:hover span, .rolloverA:hover span, .javier:hover span {
	display: block;
	visibility: visible;
	text-decoration: none;
}

.showdef:hover span{top: 35px; left: -60px;}
.certified:hover span{top: 35px; left: -80px;}
.latinquote:hover span{top: 0px; left: 90px;}
.rolloverA:hover span{top: 35px; left: -80px;}
.javier:hover span {top: -70px; left: 70px;}


/******************/
/* Popup Windows */
/****************/

.regwindow {
	background: #666;
	color: #fff;
	width: 370px;
	height: 300px;
	font-size: 12px;
	text-align: left;
	float: left;
}

.notifywindow {
	background: #666;
	color: #fff;
	width: 320px;
	height: 245px;
	font-size: 12px;
	text-align: left;
	float: left;
}

.passwordwindow {
	background: #666;
	color: #fff;
	width: 320px;
	height: 150px;
	font-size: 12px;
	text-align: left;
	float: left;
}

.regwindow small {display: block; margin-top: 5px;}
.regwindow input.checkbox {margin-right: 5px;}

.padding {background: #666; padding: 17px 17px 17px 17px;}

.faqwindow {
	display: block;
	background: #666;
	color: #fff;
	width: 415px;
	height: 330px;
	font-size: 12px;
	text-align: left;
	}

.faqpad ol {
	list-style-position: outside;
	margin: 17px 17px 17px 30px;
	background: #666;
	}

.faqpad ol.roman li {margin: 5px 0px 0px -20px;}

.closewindow {
	float:right; 
	padding: 0px 17px 17px 0px; 
	color: #9c3
	}


/***********/
/* Footer */
/*********/

.bottomline {
	background: #ccc;
	height:1px;
	font-size:1px;
	width:754px;
	float:left;
}

.bottomtext, .bottomtext_home {
	font-size:11px;
	color:#ccc;
	width:646px;
	float:left;
	text-align: left;
	background: white;
}

.bottomtext {height: 33px;}
.bottomtext_home {height: 220px;}



.zoomedia, .zoomedia_home {
	cursor: pointer;
	float: left;
	width: 108px;
	background: white url(../img/zoomedia.gif) 0px 5px no-repeat;
}

.zoomedia {height: 33px;}
.zoomedia_home {height: 220px;}