/*
 * Tawani Foundation 
 * www.TawaniFoundation.org
 */


/* BODY STYLES 
******************************************************/
body { background:#363e49 url(../images/background.jpg) center top no-repeat; margin:0; color:#f2f2f2; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:1.4; }
.home {  background:#363e49 url(../images/background_home.jpg) center top no-repeat; }
#wrapper { margin:auto; width:900px; }
#wrapper-nav { margin-top:33px; height:25px; width:900px; text-align:right; margin-bottom:73px; clear:right; }
#wrapper-content { width:823px; margin-left:31px; }
li em { color:#ede7be; }
a { outline:none; }
img { border:none; }
.quote { font-size:15px; font:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.index-author { color:#fac247; text-align:right; right:0;  float:right;}


/* NAV STYLES 
******************************************************/
.wrapper-nav { font-weight:bold; width:100%; height:25px; margin:33px 0 73px 0; }
.wrapper-nav ul { padding:0; text-align:right; margin:0; }
.wrapper-nav ul li { display:inline; }
.wrapper-nav ul li a { color:#f2f2f2; padding:0 3px 3px 3px; margin-right:20px; text-decoration:none; border-bottom: 3px solid #363e49; }
.wrapper-nav ul li a:hover, .wrapper-nav ul li a.selected { border-bottom-color:#80a6b9; }


/* FLASH STYLES 
******************************************************/
#flash-holder { width:823px; height:250px; background:#2a3342; margin-bottom:60px; } 
div#feature_list { width: 823px;height: 250px;overflow: hidden;position: relative;background:#2a3342;}
div#feature_list ul {position: absolute;top: 0;list-style: none; padding: 0;margin: 0;}
ul#tabs {right: 0; z-index: 2;width: 180px;}
ul#tabs li {font-size: 12px; margin-bottom:-10px; }
ul#tabs li a {color: #eeedbf;text-decoration: none;	display: block; padding:5px; outline: none;}
ul#tabs li a:hover {background:#131922;color: #eeedbf;}
ul#tabs li a.current {background:#1d2430;color: #FFF;}
ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
ul#output {left: 0;width: 643px;height: 240px;position: relative;}
ul#output li {width: 643px;height: 240px;}
ul#output li a:hover {background: #D33431;}


/* CONTENT STYLES 
******************************************************/
#content-left { width:260px; float:left; margin-right:23px; margin-bottom:40px; }
#content-center { width:260px; display:inline; float:left; margin-right:20px; margin-bottom:40px; }
#content-right { width:260px; float:left; position:relative; margin-bottom:40px; }

#index-left { width:420px; float:left; }
#index-right { width:390px; float:right; }


/* INTERIOR STYLES 
******************************************************/
#interior-wrapper { width:823px; margin-bottom:40px; }
#interior-left { width:590px; float:left; padding-right:10px; }
#interior-right { width:223px; float:right; padding-top:60px; font-size:11px; }
#interior-right ul, #interior-right li { font-size:12px; padding-bottom:5px; }
#interior-clear { width:823px; height:1px; clear:both; }
li { padding-bottom:9px; }
a:link, a:visited { color:#ede7be; text-decoration:none; }
a:hover, a:active { color:#f9c146; text-decoration:none; }
.home a:link, .home a:visited { text-decoration:none; border-bottom:0; }
#project-nav { width:590px; height:34px; margin:20px 0 10px 0; }
#project-nav-next { height:34px; float:right; }
#project-nav-prev { height:34px; float:left; }
#project-nav-clear { height:1px; width:590px; clear:both; }


/* QUOTES STYLES 
******************************************************/
#quotes-wrapper { width:213px; background:url(../images/quotes_top.jpg) no-repeat; padding:20px 4px 0 6px; font-size:12px; }
.quote-line { padding-left:35px; }
.quote-author { color:#fac247; }


/* NEWS INDEX STYLES
--------------------------------------------------------------------------------*/
#news ul { margin:0; padding:0; list-style-type:none; text-align:center; }
#news ul li { display:inline; padding-right:8px; }


/* FOOTER STYLES 
******************************************************/
#footer-wrapper { width:823px; height:41px; border-top:1px solid #5f6772; font-size:11px; color:#5f6772; margin-bottom:8px; }
#footer-copy { float:left; height:30px; padding-top:10px; }
#footer-address { float:right; height:30px; padding-top:10px; text-align:right; }
#footer-clear { width:823px; height:1px; clear:both; }


/* CONTACT FORM STYLES 
******************************************************/
.contactform p { width:300px; clear:left; margin:0; padding:5px 0 8px 0; padding-left:155px; heigh:1%; }
.contactform label { font-weight:bold; float:left; margin-left:-155px; width:150px; }
.contactform input[type="text"] { width:300px; }
.contactform textarea { width:300px; height:200px; }
*html .threepxfix { margin-left:3px; }
.notes { color:#C3D9FF; }
.recommendation { color:#CDEB8B; }

/* COLLAGE ROLL OVER STYLES 
******************************************************/
#collage { display: block; width: 823px; height: 250px; background: url(../images/project_holder.jpg) no-repeat;}
#collage a { text-decoration:none; }
#collage a:hover{ background:#000; opacity:.30; filter:alpha(opacity=30); -moz-opacity:0.3; }

#rails { float: left; position:absolute; width:170px; height:250px;}
#pml { float:left; position:absolute; width:170px; height:100px; margin-top:150px; }
#lit_award { float:left; position:absolute; width:260px; height:250px; margin-left:553px;}
#gala { float:left; position:absolute; width:170px; height:250px; margin-left:170px; }
#moh { float:left; position:absolute; width:270px; height:250px; margin-left:310px; }

/* ARCHIVES STYLES 
******************************************************/
#archive { width:570px; height:200px; margin:9px auto 15px auto; }
#archive-img { width:195px; height:200px; float:left; }
#archive-projects { width:355px; height:200px; float:right; padding-left:10px; }
#archive-clear { width:570px; clear:both; }
#archive ul { margin-top:2px; }
#archive ul li { padding:1px; }
#archive h3 { padding:0; margin:0; }
#archive a:link, #archive a:visited { color:#ede7be; text-decoration:none; }
#archive a:hover, #archive a:active { color:#f9c146; text-decoration:none; }

#leftcol { width:273px; float:left; position:relative; }
#midcol { margin:0px; width:273px; float:left; }
#rightcol { width:273px; float:right; position:relative; height:100%; }
#leftcol strong, #midcol strong, #rightcol strong { color:#80a6b9; }