@import url("globals.css");
@import url("TAA07.css");
@import url("TAA08.css");
@import url("gucci.css");

body {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	background-color: white;
}
 
img {
	border-style: none;
}

a {
	color: #0088cf;
}

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

p {
	margin-bottom: 1em;
	margin-top: 0;
}

div {
	margin: 0;
	padding: 0;
	text-align: left;
}

table td tr {
	border-top-style: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
}

td {
	margin: 0;
	vertical-align: top;
	text-align: left;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
}


h1, h2, h3 {
	font-weight: bold;
}

h1 {

}

h2 {
}

h3 {

}

h3 sub, sup {
	font-size: .7em;
	color: #8b8b8b;
}

h4 {
	font-weight:bold; 
	font-size:1.4em; 
	color:gray; 
}

hr {border: none 0; 
border-top: 1px solid #e1e1e1;
height: 1px;
}

sup, sub {
	line-height: 1.2em;
}

h6 {
	font-size: .8em;
	margin-bottom: 5px;
	color: green;
	margin-top: 15px;
}

form {
	text-align: left;
}

blockquote { 
	padding-right:40px;
	color: #999999;
	background: url(http://media.tribecafilminstitute.org/designimages/quote.gif) no-repeat 10px 4px;
	margin-left: 5px;
	padding-left: 50px;
}

h5, blockquote h5 { /* blockquote name */
	color: #999999;
	margin-left: 5px;
	padding: 0 0 0 180px;
	margin: 0;
}

/* -------Frontpage -------- */

#leadstory {
	width: 605px;
	line-height: 18px;
	float: left;
	padding-left: 15px;
	margin-top: 15px;
}

#leadstory-title {
	float: left;
	position: absolute;
}

#renew {
	width: 605px; height: 275px
}

#renew img {
	padding: 20px;
}

#ielead {
	color: white;
	font-size: 2em;
	padding-top: 180px;
	padding-left: 10px;
	line-height: 1em;
}

#leadstory table {
	/* this is the mailing list */
	float: left;
}

#leadstory-excerpt {
	font-size: 15px;
}
/*
#leadstory-excerpt a {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 28px;
	padding-right: 16px;
	font-size: 11px;
	margin-left: 5px;
}
*/
#leadstory-excerpt a {
	text-decoration: none;
	font-size: 15px;
}


#leadstory-excerpt a:hover {
	text-decoration: underline;
}

#statement {
	margin-top:20px;
	padding: 12px 15px;
	background: #2F1E75 url(http://media.tribecafilminstitute.org/designimages/bg-purple.jpg) repeat-x;
	font-size: 11px;
	line-height: 16px;
	color: white;
}

#statement h2 {
	padding:0px;
	margin:0px;
}

#statement a {
	padding-right: 15px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#statement a:hover {
	text-decoration: underline;
}

/* ------Articles---------- */

.title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 2.2em;
	line-height: 1.1em;
}

.header-image img {
	margin-bottom: 10px;
}

#section-intro {
	float: left;
}

#leftmenu {
	float: left;
	width: 155px;
	padding: 10px 5px 2px;
	background: #2F1E75 url(http://media.tribecafilminstitute.org/designimages/bg-purple.jpg) repeat-x;
}

#leftmenu div {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow2.gif) no-repeat 0px 4px;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

#leftmenu div:hover {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow2.gif) no-repeat 1px 4px;
	color: white;
}

#leftmenu div a {
	color: white;
}

#leftmenu div a:hover {
	text-decoration: underline;
}

#leftmenu div div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.related_articles {
	float: right;
	width: 170px;
	margin-left: 5px;
	background-color: white;
/* -------	border-top: 1px solid #cfcfcf;-------- */
}

.related_articles div {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 4px 8px;
	line-height: 1.2em;
	border: 1px solid #cfcfcf;
	font-size: 11px;
	padding: 5px 5px 5px 15px;
	margin-top: -1px;
}

.related_articles div:hover {
	background: whitesmoke url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 5px 8px;
}


#watch {
	width: 160px;
	margin-bottom:15px;
	float: right;
	background-color: #ebebeb;
	padding: 4px;
	margin-left: 15px;
	border: 1px solid silver;
}

#watch img {
	margin: 0 0 10px;
	padding: 0;
	border-style: none;
}

.banner {
	margin-bottom: 10px;
}

.article {
	padding-bottom: 11px;
}

.article p {
	display:inline;
}

.article-item {
	padding-bottom: 6px;
	background-repeat: no-repeat;
}

.body {
	text-align: left;
	font-size: small;
	width: 585px;
}

#img {
	border-style: none;
	float: none;
	padding: 0;
}

.body table p {
	padding-right: 10px;
	text-align: justify;
	padding-bottom: 15px;
}

.body table sub {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
}

.body table img {
	margin: 5px 0;
	border-style: none;
	padding: 0;
}

.body table h3 {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 0;
}

.body blockquote, h5 {
}

.body > p:first-child {
	font-size: 1.2em;
}

#panels div {
	background-color: whitesmoke;
	margin-top: 15px;
	padding: 0 10px 4px;
}

#panels img {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.ff {
	background-color: #fafafa;
	padding: 4px 10px;
	height: 160px;
	margin-bottom: 15px;
}

#articlefoot {
	font-size:.9em; 
	color: #717171; 
	background-color:whitesmoke; 
	border-top: 1px dotted silver; 
	padding: 10px;
	float: left;
}

#commemorate, #commemorater, #event, #eventr {
	background: whitesmoke none repeat-x;
	padding: 5px 10px;
	width: 250px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #2F1E75;
	text-align: center;
	font-size: 1em;
}

#commemorater, #eventr {
	float: right;
	margin-right: 0px;
	margin-left: 15px;
}

#eventr {
	text-align: left;
}

#commemorate a {
	color: #2F1E75;
}

#commemorate a:hover {
	text-decoration: underline;
	background-color: white;
	color: #2F1E75;
}

#commemorate h3,  #commemorater h3, #event h3, #eventr h3 {
	color: #2F1E75;
	text-align: left;
	margin-top: 0;
}

.taa {
	width: 280px;
	float: left;
	margin-right: 12px;
	line-height: 1.1em;
}

#creativepromise h1 {
	color: #2F1E75;
	border-bottom: 1px dotted silver;
	border-top: 1px dotted silver;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#creativepromise h3 {
	margin-top: 2px;
	background-color: whitesmoke;
	border-right: 1px dotted silver;
}

#creativepromise div {
	height: 330px;
}

#creativepromise div img {
	border-style: none;
	float: left;
	padding: 0;
	margin-right: 10px;
}

/* ------preview items--------- */

#topstory {
	width: 585px;
	float: right;
	padding: 15px 0 0;
	border-top: 1px dotted whitesmoke;
}

.preview-item {
	width: 275px;
	margin-bottom: 10px;
	float: left;
	padding: 5px;
	vertical-align: bottom;
	font-size: 9px;
	line-height: 13px;
	border-bottom: 1px solid #d8d8d8;
}
.preview-item a {
	text-decoration: none;
}

.preview-item:hover {
	background-color: whitesmoke;
}


.preview-item img {
	margin-bottom: 5px;
	float: left;
}

.more {
	display:inline;
	margin-left: 5px;
}

.more a {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 23px;
	padding-right: 10px;
	font-size: 9px;
}

.more a:hover {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 24px;
	text-decoration: underline;
}

.preview-item p {
	display:inline;
}

#updates {
	float: right;
	width: 299px;
	margin-left: 15px;
	margin-top: 15px;
}

#updateshead {
	height: 32px;
	width: 285px;
	text-align: right;
}

#updateshead a {
	color: #2F1E75;
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 83px;
	padding-right: 17px;
	font-size: 11px;
}

#updateshead a:hover {
	background: url(http://media.tribecafilminstitute.org/designimages/arrow.gif) no-repeat 84px;
}

#updatepage {
	padding-top: 10px;
	padding-left: 25px;
}

#update {
	float: left;
	height: 140px;
	margin-right: 10px;
	border: 1px solid #ccc;
	position: static;
	margin-bottom: 10px;
	margin-top: 0;
}

.posted {
	border-bottom: 1px dotted silver;
	margin-bottom: 3px;
	padding-bottom: 2px;
}

.update-title {
	font-size: 1.3em;
}

#update img {
	padding: 0;
	margin: 0;
}

#sai img {
	border-style: none;
	padding: 0;
	margin: 0;
	float: none;
}

#sai {
	text-align: right;
	width: 400px;
	font-size: 9px;
	float: none;
}

#taarsvp {
	font-size: .9em;
}

#taarsvpcol {
	width: 100px;
}









.time
 {padding: 10px; margin-right: 10px; background-color: whitesmoke; float: left;
	color: black;
	width: 160px;
	border-top-style: solid;
	border-top-color: silver;
}

#film {
	font-size:.9em; 
	color:gray; 
	background-color:whitesmoke; 
	border-bottom: 1px solid silver; 
	padding: 10px;
	float: left;
	margin-bottom: 20px;
	width: 565px;
}

#film img {
	float: left;
}

#film p {
	margin-top: 10px;
	color: #3e3e3e;
	width: 350px;
	float: left;
}

#film h2 {
	float: left;
	clear: left;
}

#film .time { 
	background-color: white;
	border-top-style: none;
}

.ff img {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}

.ff {
	padding: 0 10px 0 0;
}

#community {
	float: left; width: 320px;
	padding-right: 10px;
	padding-left: 10px;
}

#sponsor {
	width: 760px;
}

.related_articles {
	margin: 0;
}

.twocol {
	float: left;
	margin-right: 60px;
}


/* columned grid - 2009.03 daniel su */
.grid_2col{width: 287px; float:left; margin-right:10px;}
.grid_3col{width: 188px; float:left; margin-right:10px;}
.grid_last_col {margin-right:0px;}
.clearboth{font-size:1px; clear:both; width:100%;}


/* text base menu - 2009.04 daniel su */
#menu {font-family: Gotham, Arial, Helvetica, sans-serif; font-size:10pt; height:auto}
#menu {padding-left:0px; padding-right:0px; clear:both; border-bottom:1px solid #ACADB0; margin-bottom:5px; }
#menu ul {display:block; padding:0px; margin:0px; list-style:none outside;}
#menu ul li{float:left; width:17%;}
#menu p {text-align:left; padding:5px 15px 5px 15px; margin:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-weight:normal; text-transform:uppercase; font-size:7.1pt; background-color:none; border:1px solid #F9FAFA;}

#menu ul li.extra{float:left; width:15%;}
#menu ul li.extra p {margin-right:0px;}

#menu a {color:#381C7F; text-decoration:none;}