
/*  Screen style sheet for www.yaragua.com*/



/*  general _______________________________________________________________________________*/

* {
	padding: 		0;
	margin: 		0;
}

body { 
	font: 			100.1% trebuchet ms, arial, helvetica, sans-serif;
	text-align: 	center;
	background: 	#90a690;
	}

p { 
	font: 			90% trebuchet ms, arial, helvetica, sans-serif;
	text-align: 	justify;
	padding: 		8px 0px 8px 30px;
	color: 			#066;
	line-height: 	1.5em;
	}
	
p.contact {
	clear:both;
	font: 			80% trebuchet ms, arial, helvetica, sans-serif;
	text-align: 	right;
	padding: 		15px 0px 10px 40px;
	color: 			#033;
	line-height: 	1.5em;
	}

p.callout {
	text-align: 	center;
	line-height: 	17px;
	color: 			#033;
	font-weight:	bold;
	padding: 		10px 10px 10px 25px;
}

	
a{
	text-decoration: underline;
	
}

a:link  {
	color: 			#033;
}

a:visited {
	color: 			#066;
}

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

h2 {
	font: 			105.1% trebuchet ms, arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 		30px 10px 8px 50px;
	color: 			#033;
	border-bottom:  #066 1px dotted;	
}

h3 {
	font: 			90% trebuchet ms, arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 		12px 10px 3px 50px;
	color: 			#066;
	font-weight:  	bold;	
}

h4 {
	font: 			90% trebuchet ms, arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 		12px 10px 3px 50px;
	color: 			#066;
	font-weight:  	normal;	
}

ul {
	list-style: 	none; 
	margin: 		5px 20px 10px 10px;
}

li {
	font: 			90.1% trebuchet ms, arial, helvetica, sans-serif;
	color: 			#033;
	line-height: 	1.3em;
	padding-left: 	1px;
	margin: 		0px 60px 10px 80px;
	list-style: 	disc;
}



#mainContent ul {
	
	margin: 		5px 20px 5px 0px;
}

#mainContent li {
	font: 			90.1% trebuchet ms, arial, helvetica, sans-serif;
	color: 			#033;
	line-height: 	1.3em;
	padding-left: 	1px;
	margin: 		0px 50px 5px 70px;
	list-style: 	disc;
}

#linkList ul {
	margin: 		0;
	padding: 		0;
	list-style: 	none; 
	margin: 		0px 10px 5px 10px;
}

#linkList li {
	font: 			90% trebuchet ms, arial, helvetica, sans-serif;
	padding-left: 	1px;
	margin: 		10px 0 0 7px;
	display: 		block;
	list-style: 	none;
	
}


/* grid _______________________________________________________________________________*/

#container { 
	margin: 		0 auto;
	text-align: 	left;
	width: 			750px;
	background: 	#fff url(../images/container750.jpg) repeat-y center top;
	position: 		relative;
	z-index:		1000;
	}

#mainContent {
	padding-right:  240px;
}

#footer {
	
	text-align: 	center;
	padding-bottom: 10px;
}

#footer p {
	font-size:75%;
	color:#066;
	
}

#linkList {
	position: 		absolute;
	top: 			158px;
	right: 			4px;
	width: 			200px;
}

#verticalLogo {
	position: 		absolute;
	top: 			0;
	left: 			0;
	background: 	transparent url(../images/logo_vertical.gif) no-repeat;
	width:			33px;
	height:			640px;
	z-index:		500;
}



/* headers _______________________________________________________________________________*/

#pageHeader h1 { 
	background: 	transparent url(../images/logo750.jpg) no-repeat top left;
	width: 			750px;
	height: 		131px;
}
#pageHeader h1 span {
	display:		none
}



/*  Paragraph  _______________________________________________________________________________*/



#mainContent p{
	margin: 		0 20px;
	background-color: 	#fff;
} 



 


/* Images-------------------------------------------------------------- */


.leftimage {
	border: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
	display: inline;
}

.minileftimage {
	border: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 6px;
	float: left;
	display: inline;
}

.rightimage {
	border: 0;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	margin-top: 12px;
	display: inline;
}

.rightimagefirst {
	border: 0;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	margin-top: 6px;
	display: inline;
}

.sidebysideimage {
	border: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 31px;
	margin-top: 12px;
	
}

.midimage {
	border: 0;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 12px;
	
}

img {
	border: 0;
	
	
}


/*  links  _______________________________________________________________________________*/

#footer a{
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: 			#033;
}
#footer a:hover {
	color: 			#066;
}

#linkList li a {
	display: 		block;
	font-weight: 	normal;
	color: 			#066;
	text-decoration:none;
	margin-left: 	0px;
	padding-left: 	30px;
	padding-bottom: 9px;
	background: 	 url(../images/dot2.gif) no-repeat 0 2px;
}
#linkList li a:hover {
	color: 			#033;
	background: 	transparent url(../images/dot2on.gif) no-repeat 0 2px;
	text-decoration:underline;
}

#linkList #uberlink a:link, #linkList #uberlink a:visited,
#linkList #uberlink a:hover, #linkList #uberlink a:active {
	color: 			#033;
	background: 	transparent url(../images/dot2on.gif) no-repeat 0 2px;
	text-decoration:underline;
}


