/* sitewide CSS styles for the Galeria de la Raza website */

html, body { background-color: #ffffff; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	height:100%;  
}

p, td, li {  font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
a {  color: #404040 }
a:visited { color: #404040 }
a:hover { color: #c41230 }
.galeriared {  color: #c41230; }
.darkgrey { color: #333437; }
.mediumgrey { color: #858789; }
.lightgrey { color: #e8e9ec; }
.cyan {  color: #7bd3f7; }

h1, .head1 {  font-family: Helvetica, Arial, sans-serif; 
	font-size: 24pt; 
	font-weight: bold; 
}
h2, .pageheading, .head2  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c41230;
	line-height: normal;
}
h3, .subheading, .head3, .h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #858789;
}
h4, .head4, .h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #858789;
}
h5, h6 {  font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #000000}

form { 	margin: 12px 0 12px 0;
	padding: 0;
}

a:link {
	color: #c41230;
	text-decoration: none;
}
a:visited {
	color: #c01230;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}

/* styles */
.featureevent { 
	font-size:18px;
	font-weight:bold;
}
.featuresubtitle { 
	font-size:14px;
}
.featureheading { 
	font-size:14px;
}
.communityheading { 
	font-size:14px;
}
.liveheading { 
	font-size:14px;
}
.featuredate { 
	font-size:11px;
}
.featuredetail { 
	font-size:12px;
	font-style:italic;
	color:#858789;
}
.caption, .photocaption {
	font-size:9px;
	color:#858789;
}
.eventdiv {
	padding-left:12px;
	padding-right:180px;
}
.eventname { 
	font-size:14px;
}
.eventsubtitle { 
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#666666;
}
.eventdesc {
	padding-top:4px;
}
.currentevent { 
	font-size:14px;
}
.eventdate, .exhibitdate { 
	font-size:10px;
	font-weight:bold;
	color:#333437;
}
.newsheading { 
	font-size:12px;
	color: #c41230;
}
.adminlink {
	font-size:10px;
	color:#858789;
}
.subnavhead, .subnavhead:link, .subnavhead:visited {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#646668;
}
.subnav, .subnav:link, .subnav:visited {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646668;
}
.subnavcell {
	padding-left:8px;
}
.sidebarheading {
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.donatecell {
	background-color:#c41230;
	height: 48px;
	text-align: center;
	vertical-align: middle;
}
.donatebutton:link, .donatebutton:hover, .donatebutton:visited {
	color: #ffffff;
	font-size: 18px;
}
	

/* template elements */
td#tophalf { vertical-align:top; }
td#bottomhalf { vertical-align:bottom; }
td#leftcontent { vertical-align:top; }
td#rightcontent { vertical-align:top; }

tr#headerrow { background-color: #c31230; background-image: url(images/headbg.gif); }
tr#navrow { background-color: #e0e1e4; vertical-align:middle; }
tr#contentrow { background-color: #ffffff; }
tr#footerupperrow { background-color: #e8e9ec; }
tr#footerlowerrow { background-color: #858789; }

form#cse-search-box { 
	margin: 0px;
	padding: 0px 4px;
	float: right;
}

form#cse-search-box input#q { 
	border: 0px;
}

/* other common elements */
table#sidebar { 
background-image:url(images/mediumgradientbg.gif);
background-color: #858789;
background-repeat:repeat-x;
margin-top:8px;
width:216px;
}
table#sidebar td {
	padding: 12px 8px;
	margin:0px;
	text-align: center;
	vertical-align: middle;
}
table#sidebar h3 {
	color:#c41230;
	font-weight:normal;
	padding: 8px;
	margin:0px;
}
#donatebutton {
	background-color:#ffffff;
	color:#333;
	padding: 1px 4px;
	float:right;
	text-transform:uppercase;
	font-weight:bold;
}

table#eventbox { 
background-image:url(images/lightgradientbg.gif);
background-color: #ffffff;
background-repeat:repeat-x;
margin-top:8px;
width:216px;
}
table#eventbox td {
	padding: 2px 4px;
	margin:0px;
}
table#eventbox p {
	font-size:10px;
	padding: 4px 0px;
	margin:0px;
}
.navcell { padding-left: 4px; }

.photogridcell {
	padding:0px;
	margin:0px;
}
.hdividerlightthick {
	background-color: #e8e9ec;
	padding:2px;
}
.vdividerthin {	
	border:none;
	width:1px;
	height:100%;
}

/* sidebar */
.sidebarcell { padding:2px 8px 8px 8px;
	background-image:url(images/50pctwhite.png);
	background-repeat:repeat;
	height:32px;
}
.sidebartable { margin-top: 24px; }


/* forms */
.formbigheading { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff}
.formheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff}
.formlabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333437; }
.formvalue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.formborder { background-color: #e8e9ec }
.formheadbg { background-color: #c41230; }
.formtable { background-color: #f0f3f6; }
.formbg { background-color: #f0f3f6;
	padding: 2px 2px 2px 4px; }

/* calendar */
td#calendarcurrent { background-color:#bdbaa6; }
.calendarday { text-align:right; vertical-align:top; padding-bottom:6px; }
.caldate { font: Verdana, Helvetica, sans-serif; 
	font-size: 14px;
	color:#fff;
}
.caldow { font: Verdana, Helvetica, sans-serif; font-size: 14px;
	font-weight: bold;
	color: #858789; };
.calmonth { font-size: 14px;
	font-weight: bold;
	color: #333333; }
.calendarcontent { text-align:left; vertical-align:top; padding:2px; }
.calendarevent { text-align:left; padding-bottom:6px; }
.calendarover { background-color:#ffffff; }
.calendarcontent { background-color:#e8e9ec; }

a.calevent, a.calevent:hover { text-decoration: none; color:#000000; }
.caleventpresenter { font:Arial, Helvetica, sans-serif; font-size:7px; }
.caleventthumb { display:none; } 
.caleventname, .caleventname:link, .caleventname:visited  { color:#c41230;
			 font-family: Verdana, Helvetica, sans-serif; 
			 font-weight: normal;
			 font-size:11px;
			 line-height:125%; }
.caleventdate { font-family:Arial, Helvetica, sans-serif; 
			 font-weight:bold;
			 font-size:7px; }
.caleventdescription { font-family:Arial, Helvetica, sans-serif; 
			 font-weight:normal;
			 font-size:7px;
			 display:none; }

/* Membership page */
.membershiplevel {
	font-size: 14px;
	color: #c41230;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
.benefits {
	margin-top: 0px;
}
.printlevel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c41230;
	text-transform: uppercase;
}
.levelrow td {
	border-top: 1px solid #e8e9ec;
}


/* these are legacy styles from the pre-2009 website */
.sub {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: 13pt; font-weight: bold; font-variant: normal; color: #FFFFFF; text-transform: uppercase}
.cap {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; line-height: normal; font-weight: lighter; font-variant: normal; color: #FFFFFF}

.libold {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 14pt; font-weight: bold; font-variant: normal; color: #FFFFFF; list-style-position: inside; list-style-type: none; list-style-image: url((URL))}
.list {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 12pt; font-weight: normal; font-variant: normal; color: #FFFFFF; list-style-position: inside; list-style-image: url((URL)); list-style-type: none}
.blackbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.capblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: capitalize;
}
.blackboldcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
}
.blacktitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-transform: uppercase;
}
.eventtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14cm;
	font-style: normal;
}
.yellowdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #FFFF00;
}