/*  TemplateName=CustomStyle.tpt */


/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */



/*


	These are the styles peculiar to this site. Any styles

	specified in this file will override the baseline

	styles for the Convio product. The styles	must be in

	this file so that they will be available in th

	Internet Exporer WYSIWYG HTML editor as well as in the

	Page Wrapper.


	Convio does not maintain this file once it has been

	delivered to the client.


*/

form {
margin:0;
}

#rap 
{
	background:#fff;
	width:760px;
	margin:0 auto;
	padding:0px 1px;
	text-align:left;
	font-family: "Trebuchet MS", Georgia, Arial, serif;
	font-size: 0.9em;
}
/*#top {
	background:#E2EFFE; 
 	height: 20px;
	margin: 0 auto;
	width:100%;
	padding:0;
	text-align:right;
        max-height:20px;
}*/
#header {
	background:#0175C0; 
	height: 79px;
	margin: 0 auto;
	width:100%;
	padding:0;
    position: relative;
}
#side-box {
	background: #fff;
	font-family: "Trebuchet MS", Georgia, Times, Times New Roman, sans-serif;
	width: 142px;
}
#box-text {
	background: url('../images/gradient.gif') bottom no-repeat;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 10px 4px 4px 4px;
	font-size: 9px;
	line-height: 1.2em;
}
#login-header {
	background: url('../images/login_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}
#volunteer-header {
	background: url('../images/volunteer_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}
#employment-header {
	background: url('../images/employment_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}

#acceso-header {
	background: url('../images/esp/acceso_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}
#voluntariado-header {
	background: url('../images/esp/voluntariado_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}
#empleo-header {
	background: url('../images/esp/empleo_header.gif') bottom no-repeat;
	width: 142px;
	height: 12px;
}

a:link {
  	color:#333;
  	text-decoration:underline;
}
a:visited {
	color:#f60;
	text-decoration:none;
}
a:hover {
  	color:#999;
  	text-decoration:underline;
}
a img {
  	border-width:0;
}
input { 
	margin: 2px 0px;
}
/*P {
	text-indent: 2em;
	text-align: justify;
}*/

/* Content
----------------------------------------------- */
@media all {
	#content {
    		width:100%;
    		margin:0 auto;
    		padding:0;
    		text-align:left;
		background: #fff;
    	}
  	#main {
    		width:100%;
    		background: #fff;
border:2px solid #FF0000;
    		padding: 8px 6px;
    		height: 100%;
			font-size: 12px;
			line-height: 1.3em;
    	}

.main {
background-color:#FFFFFF; 
padding:8px 6px;
width:100%;
}

	#sidebar {
    		width: 150px;
    		background: #E2EFFE;
    		padding: 4px;
    		text-align: left;
    	}
}

.sidebar {
background-color:#FFFFFF;
width:150px;
}

/* Footer
----------------------------------------------- */
.footer {
	border-top: solid 1px black;
  	/*width:752px;
  	height: 12px;
  	clear:both;
  	 margin:0 auto; */
  	padding: 4px;
 	font-size: 11px;
	line-height: 1em;
	background:#fff;
}

/* ---------------Second Level Navigation -------------------*/

#secNav {
list-style-type:none;
width: 100%;
margin:0;
padding:0px 0px 10px 0px;
}

#secNav li {
float:left;
position:relative;
padding-right:15px;
}

#secNav li a:link, #secNav li a:visited {
color: #FDBA45;
font-weight: bold;
font-style: italic;
text-decoration: none;
font-family: arial, verdana, tahoma, sans-serif;
font-size: 10pt;
}

#secNav li a:hover, #secNav li a:active {
color:#347BB2;
}

#secNav li a.active {
color:#347BB2;
}

/* Customer styles */
.small { font-family:verdana,arial,sans serif;
	font-size:7pt;
	line-height:12pt;
	}

.title { font-family:verdana,arial,sans serif;
	color:#0075BF;
	font-weight:bold;
	font-size:9pt;
	}

a:link {
  	color:#347BB2;
  	text-decoration:none;
}

a:visited {
	color:#347BB2;
	text-decoration:none;
                     font-style:normal;
}

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


li.list {
	color: #0175c0;
	list-style-type: square;
}

/* BEGIN: New design by Taproot team */

.chLeftMenu A:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.chLeftMenu A:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.chLeftMenu A:active {
	text-decoration: none;
	color: #FF9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.chLeftMenu A:hover {
	color: #B1D6EB;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.chLeftMenuSelected{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9933;
}

.chBottomMenu A:link {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.chBottomMenu A:visited {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.chBottomMenu A:active {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #FFCC33;
	font-family: Arial, Helvetica, sans-serif;
}
.chBottomMenu A:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextHeader {
	color: #6DB0DA;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
}
.chMainTextBody {
	color: black;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.chMainTextBody A:link {
	font-size: 12px;
	color: #095684;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBody A:visited {
	font-size: 12px;
	color: #FF9933;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBody A:active {
	font-size: 12px;
	color: #FF9933;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBody A:hover {
	font-size: 12px;
	color: #FF9933;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.chQuotationName {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

.chMainTextBodySub {
	color: #FF9933;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.chMainTextBodySub A:link {
	color: #0066CC;
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBodySub A:visited {
	color: #0066CC;
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBodySub A:active {
	color: #0066CC;
	font-size: 14px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

.chMainTextBodySub A:hover {
	color: #0066CC;
	font-size: 14px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
/* END: New design by Taproot team */