body {font-family: "Lucida Sans", Verdana, Arial, Tahoma, sans-serif;



	background-color: #313131;

	font-size: 100%;

	margin: 0px;

	padding: 0px;

	background-repeat: repeat-x;

	background-image: url(images/gradient_bg_black.jpg);



}



h1, h2, h4, {



	font-family: Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-weight: normal;



}



h3 {



	font-family: Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-weight: bold;    

    font-size: 1.1em;    

    margin: 5px;

	padding: 5px;



}



h5 {



	font-family: Helvetica, Arial, sans-serif;	

    font-size: 1em;    

    font-weight: bold;    

    margin: 5px;

	padding: 5px;



}



h6 {



	font-family: Helvetica, Arial, sans-serif;	

    font-size: 0.8em;        

    margin: 0px;

	padding: 0px;



}



.left h1 {



	font-size: 3em;

	margin: 0px;

	padding: 20px 0px 0px;

	font-weight: bold;

	color: #EAFF01;



}



.post {margin-bottom:10px;}
/* 30px */



.post2 {margin-bottom:10px;}



#header {



	width: 750px;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 120px;

	position: relative;



}



#header #logo {



	position: absolute;

	height: 57px;

	width: 211px;

	text-indent: -1000px;

	left: 0px;

	top: 30px;



}



#header #logo span {



	background-image: url(images/logo.jpg);

	background-repeat: no-repeat;

	height: 34px;

	width: 333px;

	left: 0px;

	top: 25px;

	position: absolute;

	z-index: 2;



}





#header #slogan {



	position: absolute;

	color: #EAFF01;

	font-size: 0.7em;

	height: 35px;

	width: 230px;

	left: 530px;

	top: 50px;

	margin: 0px;

	padding: 0px;



}



#header #slogan span {



	color: #FFFFFF;



}



#header #separator {



	background-image: url(../img/separator-trans.png);

	position: absolute;

	height: 83px;

	width: 7px;

	left: 500px;

	top: 28px; display:none;



}



#menu {



	margin: 0px auto;

	padding: 0px;

	width: 750px;



}



#menu #navlist {



	padding: 5px 0;

	margin-left: 0;

	font-size: 0.75em;

	margin-bottom: 0px;



}



#menu #navlist li {



    list-style: none;

    margin: 0;

    display: inline;



}



#menu #navlist li a {



    padding: 5px 0.85em;

    margin-left: 3px;

    text-decoration: none;

    font-weight:normal;



}







#menu #navlist li a { color: #82c9ed; }







#menu #navlist li a:hover {



    color: #EAFF01;

    background: #333;

    background-repeat: repeat-x;

    background-image: url(../img/grad-men.jpg);

    background-position: left top;



}







#menu #navlist li a#current {



    background-color: #62B5E2;

    color: #003366;

    font-weight:bold !important;

    border-top: 3px solid #62B5E2;

    border-left: 3px solid #62B5E2;

    border-right: 3px solid #62B5E2;



}







/* ------------------- main ----------------------------- */



.main {



	margin: 0px;

	padding: 0px 0px 54px;

	width: 100%;

	background-color: #62B5E2;

	background-repeat: repeat-x;

    background-position: center bottom;

    border-top: 1px solid #62B5E2;

	background-image: url(images/gradient_dest_invert.jpg);

	height: 1000px;
	/* Hieght of Main box */



}



.main .post {



	width: 750px;

	margin: 0px auto;

	padding: 0px;

	position: relative;

	height: 320px;



}



.main .post .left {



	width: 800px;

	margin: 0px;

	padding: 0px;

	position: relative;

	left: 0px;

	top: 0px;

	z-index: 5;

	height: 285px;



}



.main .post .right {



	width: 350px;

	position: absolute;

	height: 320px;

	margin: 0px;

	padding: 0px;

	left: 600px;

	top: 200px;



}







/* ------------------- Main Extenstions -------------------------------- */



.main .post h4, .grad-blue-x .post h4 {



	color: #EAFF01;

	font-weight: normal;

	text-transform: uppercase;

	letter-spacing: -1px;

	font-size: 1.1em;

	margin: 0px;

	padding: 20px 0px 5px;



}



.main .post h4 a, .grad-blue-x .post h4 a {



	color: #FFFFFF;

	text-decoration: none;



}



.main .post h4 a:hover, .grad-blue-x .post h4 a:hover {



	color: #EAFF01;



}



.main .post h2, .grad-blue-x .post h2 {



	text-transform: uppercase;

	color: #e5fa10;

	font-size: 1.75em;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	letter-spacing: -2px;



}



.main .post h2 a, .grad-blue-x .post h2 a {



	color: #FFFFFF;

	text-decoration: none;



}



.main .post .left a:hover, .grad-blue-x .post .left a:hover {



	color: #e5fa10;



}



.main .post p, .grad-blue-x .post p {



	font-size: 1em;    

    font-weight: bold;

	color: #000000;

	line-height: 1.5em;

	margin: 5px 0px 12px;



}



.main p a, .grad-blue-x p a {



	background-color: #68bfeb; border-right: 1px solid #0099cc; border-bottom: 1px solid #0099cc; color: #00254a; font-weight: normal; padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px; text-decoration:none;



}



.main p a:hover, .grad-blue-x p a:hover {background-color:#0099cc; border-right: 1px solid #0099cc; border-bottom: 1px solid #0099cc; color: #e5fa10 !important;



}







/* --------------------- Index Page ------------------------------   */







.main .post .right .index {



	background-image: url(xxxximages/rtimage.jpg);

	position: absolute;

	height: 400px;

	width: 290px;

	left: -200px;

	top: 0px;

	background-repeat: no-repeat;



}



.main .post .right .index span {



	margin: 0px;

	padding: 0px;

	position: absolute;

	text-align: center;

	left: 250px;

	top: 65px;

	height: 130px;

	width: 130px;

	text-transform: uppercase;

    color: #FFFFFF;



}



.main .post .right .index a {



	text-decoration: none;

	color: #FFFFFF;

	font-weight: normal;

	font-size: 6em;

	font-family: Arial, Helvetica, sans-serif;



}



.main .post .right .index a:hover {



	color: #66B9E3;



}



/* ------------------ Bottom right Images ----------------------------  */



.archivo {



	background: url (images/oldcow.jpg) no-repeat right bottom;



}





/* -------------------- Classes -------------------------------  */



.main .imgleft, .grad-blue-x .imgleft {



	float: left;

	margin-right: 15px;

	margin-bottom: 10px;

	padding: 5px;

	background-color: #FFFFFF;



}



.hide {



	display: none;



}



#columns .imgleft {



	padding: 3px;

	background-color: #333333;

	border: 1px solid #666666;

	float:left;



}



#columns .imgleft:hover {



	background-color: #666666;

	border: 1px solid #FFFFFF;



}







/* ------------------ Columns ------------------------ */



#columns {



	width: 750px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 0;

	padding-bottom: 20px;

	display: block;

	position: relative;



}



#columns p {



	font-size: 0.7em;

	color: #CCCCCC;

	line-height: 1.5em;

	margin-top: 5px;

	margin-bottom: 12px;



}



#columns ul {



	list-style-type: none;

	margin: 10px 0px 0px;

	padding: 0px;

	font-size: 0.7em;



}



#columns li {



	padding: 0px;

	margin-bottom: 5px;

    color: #cccccc;



}



#columns a {



	color: #FFFFFF;

	text-decoration: none;



}



#columns a:hover {



	color: #EAFF01;



}







#columns h4 {



	font-size: 0.9em;

	color: #EAFF01;

	margin: 0px;

	padding: 0px;



}



#columns h3 {



	font-size: 0.9em;

	color: #82c9ed;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding: 0px;

    text-transform: none;

    font-weight: bold;



}



#columns h2 {



	font-size: 1.4em;

	color: #CCCCCC;

	padding: 0px;

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 3px;

	margin-left: 0px;

	font-weight: bold;

	letter-spacing: -1px;



}



#columns .one {



	padding: 0px;

	width: 400px;

	margin-top: 0px;

	margin-right: 24px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;



}



#columns .two {



	padding: 0px;

	width: 110px;

	margin-top: 0px;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;



}



#columns .three {



	margin: 0px;

	padding: 0px;

	float: left;

	width: 206px;



}



#columns .four {



	float: left;

	width: 324px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding: 0px;



}



#columns .cat {



font-size:0.7em;

padding:0px;



}



#columns .cat li {



	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #444444;



}



*html #columns .cat li {



	margin-bottom: 0px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #444444;



}





/* -------------- Footer ------------------- */



#footer {



	width: 750px;

	padding: 0px 0px 50px;

	margin-top: 20px;

	margin-right: auto;

	margin-left: auto;

	font-size: 0.7em;

	color: #999999;



}



#footer a {



	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;



}



#footer a:hover {



	color: #EAFF52;



}





 /* ------------- Newsletter Forum ------------------  */







form {



	margin:0px;

	padding:0px;



}



fieldset {



	margin:0px;

	padding:0px;

	border: 0px;



}



fieldset div {



	border:0px;

	padding:0px;

	margin-bottom: 10px;

	width:300px;



}







fieldset div label {



	font-size: 0.7em;

	color: #82c9ed;

    margin-top:10px;



}







fieldset div input {



	width:250px; /* Width for modern browsers */

	border:1px solid #333333;

	padding:2px;



}



input {



	margin:5px auto 5px auto;

	border:1px solid #333333;

	color: #333333;

	font-size: 1em;



}





input#sendEmail {



	width:200px;

	color:#333333;

	font-weight:bold;

    background-color: #82c9ed;

	border-top-color: #62b6e2;

	border-right-color: #62b6e2;

	border-bottom-color: #62b6e2;

	border-left-color: #62b6e2;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 1px;

	padding-bottom: 1px;

	font-size: 0.9em;

	margin:5px auto;



}







input#sendEmail:hover {



    background-color: #62b6e2;

	border-top-color: #82c9ed;    

    border-right-color: #82c9ed;

	border-bottom-color: #82c9ed;

	border-left-color: #82c9ed;



}



textarea {



	padding:5px;

	font-size: 0.8em;

	border:1px solid #333333;

	width:360px;

	height:100px;

	color: #333333;

	text-align: left;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	line-height: 1.5em;

    font-family: "Trebuchet MS", Arial, sans-serif;



}