/* @group Layout */

@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
html { 
	font-size: 100.01% 
}
body {
    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background-color: #ffffff;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

img {
	border-style: none;
}

p {
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #666666;
	margin: 20px;
}

h1 {
	font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	margin: 0 20px 0 240px;
	text-align: justify;
	padding: 0;
}
p#bodytextbold {
	font: bold 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	margin-left: 240px;
	text-align: justify;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	margin-top: 0;
	padding: 0;
}

p#bodytext {
	font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	margin-left: 240px;
	text-align: justify;
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	padding: 0;
}



/* @end */

/* @group Top Navigation */

#wrapper #logo {
	background: #FFFFFF;
	height: 101px;
	width: 386px;
	float: left;
	background: url(../images/top_nav_logo.png);
}
#wrapper #navigation {
	width: 300px;
	float: left;
	height: 129px;
	margin: 0px;
	padding: 0px;
}
#wrapper #navigation ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#wrapper #navigation ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #navigation ul li a {
	font: 14px/129px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100px;
	height: 101px;
	white-space:nowrap;
	overflow:hidden;
	background: url(../images/top_nav.png);
}
#wrapper #navigation ul li a:hover {
	color: #996633;
	background: url(../images/top_nav.png) 0px -101px;
}
#wrapper #nav_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 28px;
	height: 101px;
	background: url(../images/top_nav_right.png);
}



/* @end */

/* @group Body */

#event {
	display: block;
	text-align: left;
	width: 520px;
	padding: 0;
	margin: 15px auto;
}
#center {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}
#wrapper {
	background: #ffffff;   /* change this color to see broken areas */
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
}
#wrapper #bodyArea {
	clear: both;
	margin-bottom: 20px;
}
#wrapper #bodyArea #left {
	width: 144px;
	float: left;
	background: #ffffff;
}
#wrapper #bodyArea #right {
	width: 570px;
	float: right;
	background: #ffffff;
	margin: 0;
}

/* @group Side Navigation */

#wrapper #sidenav {
	width: 144px;
	float: left;
	height: 200px;
	margin: 0px;
	padding: 0px;
}
#wrapper #sidenav ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* Speicial Events */

#wrapper #sidenav ul li#specialevents {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#specialevents a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_specialevents.png);
}
#wrapper #sidenav ul li#specialevents a:hover {
	color: #996633;
	background: url(../images/nav_specialevents.png) 0px -48px;
}


/* Programs */

#wrapper #sidenav ul li#programs {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#programs a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_programs.png);
}
#wrapper #sidenav ul li#programs a:hover {
	color: #996633;
	background: url(../images/nav_programs.png) 0px -48px;
}



/* Immigration */

#wrapper #sidenav ul li#immigration {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#immigration a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_immigration.png);
}
#wrapper #sidenav ul li#immigration a:hover {
	color: #996633;
	background: url(../images/nav_immigration.png) 0px -48px;
}



/* At Work */

#wrapper #sidenav ul li#atwork {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#atwork a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_atwork.png);
}
#wrapper #sidenav ul li#atwork a:hover {
	color: #996633;
	background: url(../images/nav_atwork.png) 0px -48px;
}

/* Calendar */

#wrapper #sidenav ul li#calendar {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#calendar a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_calendar.png);
}
#wrapper #sidenav li#calendar a:hover {
	color: #996633;
	background: url(../images/nav_calendar.png) 0px -48px;
}

/* Can TV Show */

#wrapper #sidenav ul li#cantvshow {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#cantvshow a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_cantv.png);
}
#wrapper #sidenav li#cantvshow a:hover {
	color: #996633;
	background: url(../images/nav_cantv.png) 0px -48px;
}

/* Links */

#wrapper #sidenav ul li#links {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#links a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_links.png);
}
#wrapper #sidenav li#links a:hover {
	color: #996633;
	background: url(../images/nav_links.png) 0px -48px;
}


/* Strength & Unity */

#wrapper #sidenav ul li#su {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#su a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_su.png);
}
#wrapper #sidenav li#su a:hover {
	color: #996633;
	background: url(../images/nav_su.png) 0px -48px;
}

/* En Espanol */

#wrapper #sidenav ul li#enespanol {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}
#wrapper #sidenav ul li#enespanol a {
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 144px;
	height: 48px;
	background: url(../images/nav_enespanol.png);
}
#wrapper #sidenav li#enespanol a:hover {
	color: #996633;
	background: url(../images/nav_enespanol.png) 0px -48px;
}



/* @end */

#bw001 {
	background-image: url(../images/bw001.jpg);
	margin: 10px 0 10px 30px;
	width: 536px;
	height: 189px;
	float: none;
	clear: none;
}



/* @end */

/* @group Footer */

#wrapper #bodyArea #footer {
	clear: both;  /* this starts over the div cell from the left and right above */
	height: 47px;
	background: #ffffff;
	background: url(../images/footer.png);
	padding: 0;
}
#wrapper #bodyArea #footertext {
	font: 10px/49px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 20px;
	padding: 0px;
}
#wrapper #bodyArea #footertext a {
	font: 10px/49px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999999;
	text-decoration: none;
}
#wrapper #bodyArea #footertext a:hover{
	font: 10px/49px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #7e1416;
	text-decoration: none;
}

/* @end */p#subnav {
	font: bold 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.borderbox {
	border: thin dotted #999999;
	padding: 5px;
	margin: 0px;
}
a:link {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
.imgborder {
	margin: 4px;
	padding: 4px;
}
p#bodytextfull {
	font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: justify;
	font-size: 12px;
	line-height: 22px;
	padding: 0;
}
#eventlg {
	display: block;
	text-align: center;
	width: 520px;
	padding: 0;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.donatetable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 4px;
	padding: 4px;
	background-color:#eee;
	line-height: 16px;
	text-align: left;
}
#eventjustified {
	display: block;
	text-align: justify;
	width: 520px;
	padding: 0;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
