/* -----------------------------
suddendef.com
 ---------------------------- */	
	  
* html ul li a { height: 1%; }

* {
 margin:0;
 padding:0;
}
	  
body {
 background-image:url(../images/background_main.gif);
 background-repeat:repeat-y;
 background-position:top center;
 background-color: #333333;
 margin: 0;
 padding-bottom: 15px;
}
#container {
 position: relative;
 margin: 0 auto;
 width: 750px;
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 line-height: 16px;
 text-align: left;
 padding-left: 17px;		 		 
}
#top {
 padding-top: 8px;
 width: 737px;
 height: 110px;
 background-color: #333333;
 border-bottom: 1px dotted #666666;
}
#maincontent {
 position: absolute;
 top: 119px;
 }
#header {
 position: absolute;
 margin: -8px 0 0 -35px;
 z-index: 1;
 }

#nav {
 position: absolute;
 right: 1px;
 top: 70px;
 float: right;
 margin-top: 7px;
 height: 20px;
 width: 620px;
 text-transform: uppercase;
 list-style: none;
 z-index: 2;
}
#nav1 {
 position: absolute;
 right: 1px;
 top: 87px;
 float: right;
 margin-top: 7px;
 height: 20px;
 width: 620px;
 text-transform: uppercase;
 list-style: none;
 z-index: 2;
}
#nav li {
 float: left;

}
#nav1 li {
 float: left;

}
#nav li a {
 border: 0;					
}
#nav1 li a {
 border: 0;					
}

.navspacer {
 margin-right: 8px;
 padding-right: 6px;
 line-height: 15px;
 border-right: 1px solid #C5BFB6; 
}
.navend {
 margin-right: 8px;
 padding-right: 6px;
 line-height: 15px;
 border-right: 1px solid #333333; 
}
#banner {
 float: right;
 width: 468px;
 height: 60px;
 background-color: #000000;
 border: 1px solid #666;
} 

#leftCol {
 float: left;
 width: 735px;
 background-image:url(../images/bkgd_title_events.gif);
 background-repeat:no-repeat;
 background-position:top right;
}
h3 {
 font-family: verdana,arial,sans-serif;
 font-size: 10px;
 text-transform: uppercase;
 line-height:20px;
 letter-spacing: 0;
 color: #0BF;
 clear: both;	 	
}
#about {
 padding: 0 10px;
}
#about h3 {
 margin: 0;
}
blockquote {
 padding: 0 15px 8px 7px;
 margin: 5px 0 10px 7px;
}
.clearer {
line-height:1px;
height:0;
margin:0;
clear:both;
}
.noMargin {
 margin: 0;
}
img.left {
 float: left;
 margin: 0 7px 15px 0;
}
img.right {
 float: right;
 margin: 0 0 0 7px;
}
#rightCol {
 float: left;
 border-left: 1px dotted #666;
 border-bottom: 1px dotted #666;
 width: 250px;
 background-image:url(../images/bkgd_title_newreleases.gif);
 background-repeat:no-repeat;
 background-position:top right;
}
#rightCol ul {
 list-style: none;
 margin-top: 8px;
 padding-top: 6px; 
 margin-left: 14px;
 padding-left: 12px;
 line-height: normal;
 clear: both; 	
}
  	 

#rightCol ul li {
	display: block;
	width: 170px;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 170px;
	padding-bottom: 15px;
/*OJO: Esta parte del estilo se trasladara dinamicamente directamente en la pagina para que haya un background diferente por cada -a href-*/
	background-repeat: no-repeat;	
}	

#news  {
	display: block;
	width: 650px;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 20px;	
}
a img {
 border: 0;
}
#footer {
 border-top: 3px solid #7D8264;
 padding: 8px 0 15px 0;
 text-align: center;
 color: #9A9791;
 font-size: 9px;
 margin-right: 22px;
 background: transparent url(../images/bttm.jpg) bottom no-repeat; 
}
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
a {
 color: #F90;
 text-decoration: none;
 border-bottom: 0; 
}  
a:hover {
 color: #0BF;
 border-bottom: 1px dotted #FFFFFF;
}
a img {
 border: 0;
}
#footer a {
 text-decoration: none;
 padding: 0 3px;
 border-bottom: 0;
 color: #9A9791;
}
#footer a:hover {
 background-color: #E2DED8;
 color: #CF9247;
}
#folio {
 padding: 0 0 10px 25px;
}
#folio a {
 border: 1px solid #DBD7D2;
 padding: 3px 6px;
 margin-right: 8px;
 text-align: center;
 background-color: #F4F4EF;
 color: #575757;
 font-size: 9px;
 cursor: pointer;
}
#folio a:hover {
 background-color: #CF9247;
 color: #F4F4EF;
}
#leftCol ul {
 margin: 0;
 padding: 0;
 list-style: none;	
}
#leftCol ul li {
 padding: 1px 5px;
}
#leftCol ul li a {
 display: block;
 border: 0;
 padding: 1px 5px;
 color: #575757;		  
}	  	 
#leftCol ul li a:hover {
 background-color: #F4F4EF;	 
}
.date {
 font-family: Georgia, Times New Roman, serif;
 font-size: 12px;
 line-height: 22px;
/*text-transform: uppercase;*/
 letter-spacing: 1px;
 margin-right: 8px;
 padding-right: 6px;
}
fieldset {
 border: 1px solid #C5BFB6;
 margin: 10px;
 padding: 10px;
}
input:focus,textarea:focus {
 background-color: #FBF9F6;
 border: 1px dotted #575757; 
}
label,input.submit {
 text-transform: uppercase;
 font-size: 10px;
 color: #575757;
}
input,textarea {
 border: 1px solid #C5BFB6;
 font: 11px verdana,arial,helvetica,sans-serif;
 padding: 3px;
 color: #575757;
}
input.submit {
 border: 1px solid #DAB88E;
}
input:hover.submit {
 border: 1px dotted #575757;
}
ont-style: normal;
}
#quotes p {
 padding: 10px 5px;
 border-bottom: 1px solid #C5BFB6;
 margin: 0 3px;
}
acronym {
 cursor: help;
 border-bottom: 1px solid #D7CDBF;
}
u { text-decoration: line-through; }

#mailinglist {
	padding: 15px;
	}
#mailinglist p {
	font-size: 10px;
	color: #FFF;
	}
INPUT.mailinglistbox
	{
	width: 65px;
	height: 15px;
	}