/*
Theme Name: GLAD 2009
Theme URI: http://www.gladinc.org/
Description: Greater Los Angeles Agency on Deafness, Inc.
Version: 1.0
Author: Neutrino Interactive, Inc.
Author URI: http://www.goneutrino.com/
*/

/*-------------------------------------------------
GLOBAL RESET
-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	clear: both;
}
.hidden {
	display: none;
	visibility: hidden;
}

/*-------------------------------------------------
MAIN
-------------------------------------------------*/

body {
	background: #187d79 url("images/bg2.jpg") center 140px no-repeat;
}
.wrapper {
	background: #fff;
	padding: 0 9px 0 10px;
	width: 900px;
	margin: 0 auto;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.wrapper-base {
	background: url("images/wrapperBtm.png") 0 bottom no-repeat;
	height: 12px;
	width: 921px;
	margin: 0 auto;
}
.wrapper-top {
	background: url("images/wrapperTop.png") 0 top no-repeat;
	height: 12px;
	width: 921px;
	margin: 0 auto;
}

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

.header {
	background: #fff;
	width: 919px;
	margin: 0 auto;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.header table {
	width: 100%;
}

/*-------------------------------------------------
HEADER > LOGO
-------------------------------------------------*/

.header td.logo {
	width: 55%;
	vertical-align: top;
}
.header td.logo h1 a {
	display: block;
	background: url("images/logo.png") 0 0 no-repeat;
	height: 69px;
	margin: 10px 0 0 10px;
}
.header td.logo h1 span {
	display: none;
	visibility: hidden;
}

/*-------------------------------------------------
HEADER > NEWS
-------------------------------------------------*/

.header td.news {
	width: 45%;
	vertical-align: top;
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	background: url("images/bgNews.png") 100% 0 no-repeat;
}
.header td.news .news-title {
	display: none;
	visibility: hidden;
}
.header td.news p {
	font-size: 12px;
	line-height: 15px;
	color: #575757;
	padding: 30px 9px 7px 113px;
}
.header td.news p.btn {
	padding: 0 0 0 113px;
}

/*-------------------------------------------------
NAV
-------------------------------------------------*/

.nav {
	background: #fff;
	padding: 10px 9px 10px 10px;
	width: 900px;
	margin: 0 auto;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.nav .navL1 {
	background: url("images/bgNavL1.png") 0 0 repeat-x;
	height: 29px;
}
.nav li {
	list-style-type: none;
	margin: 0 32px 0 0;
	padding: 0;
	float: left;
}
.nav li span {
	display: block;
	cursor: pointer;
	height: 29px;
}
.nav li span em {
	display: none;
	visibility: hidden;
}
.nav span#L1_aboutglad { background: url("images/nAboutGLAD.png") 0 -29px no-repeat; width: 110px; }
.nav span#L1_services { background: url("images/nServices.png") 0 -29px no-repeat; width: 84px; }
.nav span#L1_events { background: url("images/nEvents.png") 0 -29px no-repeat; width: 72px; }
.nav span#L1_getinvolved { background: url("images/nGetInvolved.png") 0 -29px no-repeat; width: 116px; }
.nav span#L1_informationcenter { background: url("images/nInformationCenter.png") 0 -29px no-repeat; width: 168px; }
.nav span#L1_jobs { background: url("images/nJobs.png") 0 -29px no-repeat; width: 54px; }
.nav span#L1_contactus { background: url("images/nContactUs.png") 0 -29px no-repeat; width: 104px; }
.nav li span.navOn {
	background-position: 0 0 !important;
}

/* L2 */

.nav .L2Hide {
	display: none;
	visibility: hidden;
}
.nav .navL2 {
	background: url("images/bgNavL2.png") 0 0 repeat-x;
	height: 29px;
	width: 900px;
	display: block;
	overflow: hidden;
}
.nav .navL2 a:link,
.nav .navL2 a:visited {
	color: #fff;
	text-decoration: none;
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
}
.nav .navL2 li {
	padding: 0 10px;
	line-height: 27px;
	height: 29px;
	margin: 0 15px 0 0;
}

/*-------------------------------------------------
HOME
-------------------------------------------------*/

.home table {
	width: 100%;
	padding: 0 0 12px 0;
}
.home td {
	vertical-align: top;
}
.home-video {
	width: 452px;
	padding: 0 10px 0 0;
}
.home .home-boxtop a {
	display: block;
	width: 438px;
	height: 173px;
	padding: 0;
	overflow: hidden;
}
.home .home-boxtop img,
.home .home-boxbtm img {
	width: 438px;
	height: 173px;
}

/* BOX BTM */
.home .home-boxbtm {
	margin: 10px 0 0 0 ;
}
.home .home-boxbtm a {
	display: block;
	width: 438px;
	height: 173px;
	padding: 0;
	overflow: hidden;
}

/* HOME WIDGET */
.home .home-widget {
	margin: 9px 0 0 0 ;
}
.home .home-widget a {
	display: block;
	height: 50px;
	width: 438px;
	background: url("images/btn_facebook.png") 0 0 no-repeat;
}
	

/*-------------------------------------------------
TEXTAREA
-------------------------------------------------*/

.textarea {
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #111;
	padding: 10px 0 20px 0;
	margin: 0 0 10px 0;
	border-bottom: 5px solid #eee;
}
.textarea a:link,
.textarea a:visited {
	color: #006f6b;
}
.textarea h2 {
	font-size: 24px;
	margin: 10px 0 30px 0;
}
.textarea h3 {
	font-weight: bold;
	font-size: 20px;
	margin: 25px 0 16px 0;
	padding: 0 0 8px 0;
	color: #006f6b;
	border-bottom: 1px solid #ccc;
}
	.blog h3 {
		border-bottom: none;
		padding: 0;
		margin: 0 0 6px 0;
	}
	.blog .post p {
		margin: 6px 0;
	}
	.blog .post {
		margin: 0 0 10px 0;
		border-bottom: 1px solid #eee;
	}
.textarea h4 {
	font-weight: bold;
	font-size: 14px;
	margin: 8px 0;
}
.textarea small {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}
.textarea p {
	margin: 16px 0;
}
.textarea blockquote {
	margin: 8px 0 8px 35px;
}
.textarea ul li {
	list-style-type: square;
	margin: 0 0 0 35px;
}
.textarea ol li {
	list-style-type: decimal;
	margin: 0 0 0 35px;
}
.textarea strong { font-weight: bold; }
.textarea em { font-style: italic; }

/* TABLES */

.textarea table.col2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.textarea table.col2 td.col2-left {
	width: 50%;
	padding: 0 25px 0 0;
	vertical-align: top;
}
.textarea table.col2 td.col2-right {
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 25px;
}

.textarea table.col3 {
	width: 100%;
}
.textarea table.col3 td.col3-left {
	width: 33%;
	padding: 0 25px 16px 0;
	vertical-align: top;
}
.textarea table.col3 td.col3-middle {
	vertical-align: top;
	width: 34%;
	padding: 0 25px 16px 25px;
}
.textarea table.col3 td.col3-right {
	vertical-align: top;
	width: 33%;
	padding: 0 0 16px 25px;
}


/* IMAGES */

img.alignright {
	float: right;
	margin: 0 0 16px 16px;
}

/* GOOGLE MAPS*/

.textarea #map {
	width: 100%;
	height: 350px;
	background: #eee;
	margin: 0 0 16px 0;
}
/*.gmnoprint {
	padding-bottom: 30px;
}*/

/*-------------------------------------------------
TEXTAREA > SIDEBAR
-------------------------------------------------*/

.sidebar {
	float: right;
	width: 390px;
	margin: 0 0 0 25px;
	font-size: 12px;
	line-height: 16px;
}
.sidebar-events {
	width: 310px;
	margin: 0;
}
.sidebar p {
	margin: 8px 0;
}
.sidebar h3 {
	line-height: 20px;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 12px 0;
	padding: 0;
	color: #000;
	border-bottom: none;
	
}

/* SPECIAL STYLES */
.eventwide {
	margin: 0 0 8px 0;
}

/* STYLES */
.sidebar .sidebar-inner {
	border: 1px solid #ddd;
	background: #f9ffff;
	padding: 10px;
	margin: 0 0 16px 16px;
}

/* FONT SIZE TOOL */

.fontSize {
	text-align: right;
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	font-size: 12px;
	color: #111;
	float: right;
	padding: 25px 0 0 0;
	color: #555;
}
.fontSize strong {
	font-weight: bold;
}
.fontSize span {
	cursor: pointer;
	color: #006f6b;
	font-weight: bold;
}

/* NEWS SIDEBAR */

.newsBar {
	float: left;
	padding: 0 15px 15px 0;
	margin: 0 15px 15px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 175px;
	background: #fff;
}
.newsBar ul {
	margin: 0;
	padding: 0;
}
.newsBar li {
	margin: 0 !important;
	padding: 9px 0 0 0 !important;
	list-style-type: none !important;
	line-height: 16px;
}
.newsBar h4 {
	margin-top: 0;
}
.newsBar small {
	margin: 10px 0 0 0;
	display: block;
}
.newsBar small a:link,
.newsBar small a:visited {
	color: #999;
	text-transform: none;
}
.newsBar li small {
	display: block;
	margin: 0;
}

/*-------------------------------------------------
GUTTER
-------------------------------------------------*/

.gutter li {
	float: left;
}
.gutter a:link,
.gutter a:visited {
	display: block;
	height: 120px;
}
.gutter a span {
	display: none;
	visibility: hidden;
}
.gutter .gutter-01 { width: 217px; }
.gutter .gutter-02 { width: 218px; padding: 0 10px; }
.gutter .gutter-03 { width: 217px; padding: 0 10px 0 0; }
.gutter .gutter-04 { width: 218px; }
.gutter .gutter-01 a { background: url("images/gutter_1.jpg") 0 0 no-repeat; }
.gutter .gutter-02 a { background: url("images/gutter_2.jpg") 0 0 no-repeat; }
.gutter .gutter-03 a { background: url("images/gutter_3.jpg") 0 0 no-repeat; }
.gutter .gutter-04 a { background: url("images/gutter_4.jpg") 0 0 no-repeat; }

/*-------------------------------------------------
AD(S)
-------------------------------------------------*/

/* 900x100 FOOTER */
.ad-base .ad-title {
	background: url("images/title_sponsors.png") 0 0 no-repeat;
	height: 13px;
	margin: 0 0 5px 0;
}
.ad-base table {
	width: 100%;
	height: 100px;
	padding: 0;
	margin: 0;
}
/* 1-UP */
.ad-base td.ad-00 {
	vertical-align: top;
	width: 300px;
	height: 100px;
	overflow: hidden;
}
.ad-base td.ad-00 a {
	display: block;
	height: 100px;
	background: url("images/ad_00.jpg") 0 0 no-repeat;
}
/* 3-UP */
.ad-base td.ad-10 td {
	padding: 0 0 0 10px;
	width: 190px;
}
.ad-base .ad-101,
.ad-base .ad-102,
.ad-base .ad-103 {
	height: 100px;
	width: 190px;
	overflow: hidden;
}
.ad-base td.ad-10 img {
	height: 100px;
	width: 190px;
}

/*-------------------------------------------------
BASE
-------------------------------------------------*/

.base {
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #aaa;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0;
}
.base table {
	width: 100%;
}
.base td {
	vertical-align: top;
	padding: 0 15px 0 0;
	width: 15%;
}
.base td.last {
	padding: 0;
	width: 10%;
}
.base strong {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.base li a:link,
.base li a:visited {
	white-space: nowrap;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.base li a:hover {
	text-decoration: underline;
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

.footer {
	font-family: "Lucida Sans", arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
.footer strong {
	font-weight: bold;
}
.footer ul {
	margin: 8px 0;
}
.footer li {
	float: left;
	margin: 0 10px 0 0;
}
.footer li a:link, .footer li a:visited {
	color: #fff;
}
.footer li a:hover {
	text-decoration: underline;
}