@import "initial.css";

html, body { background-color:#fff; font-size:14px; }

/* BASE STRUCTURAL STYLES
---------------------------------*/
#head { text-align:center; border-bottom:6px double #614A1F; margin-bottom:20px; }
#body { margin:1em 0; }
#foot { text-align:center; border-top:6px double #614A1F; padding-top:.5em; font-size:90%; clear:both; }


/* GENERAL ELEMENT STYLES
---------------------------------*/
h1 { margin:0; font:28px Garamond, "Times New Roman", Times, serif; color:#333; text-align:center; letter-spacing:5px; text-transform:uppercase; margin-top:15px; }
a, li a { color:#333; }


/* SPECIFIC ELEMENT STYLES
---------------------------------*/
.content .corner { float:left; margin:0 15px 10px 0; }
.content .corner.right { float:right; margin:0 0 10px 15px; }
.content .news-item strong,
.content h2 { margin:0; padding:0 0 .5em; font:normal 181% "HelveticaNeue ThinCond","HelveticaNeue LightCond"; }

table { width:80%; margin:10px auto 20px; border:solid 1px #999; }
table td { border:solid 1px #999; }

.news-story { width:70%; float:left; }
.related 				{ float:right; border:1px solid #594319; border-top:none; padding:0 10px; background:#ccc; width:175px; margin-bottom:10px; }
.content .related h2		{ margin:0 -10px 5px; padding:4px 10px; background:transparent url(images/bg-related-h2.png) repeat top left; border-top:1px solid #594319; border-bottom:1px solid #594319; }
.related ul					{ margin:0 13px 1em .8em; }
.related ul.file-list 		{ margin:0 13px .8em; } 
.related ul li				{ padding:.3em 0 .3em 0; list-style:none; }
.related ul.file-list li	{ padding-left:2em; }
.related ul li a			{ text-decoration:none; }
.related ul li a:hover 		{ text-decoration:underline; }
.related .lightbox			{ display:block; width:175px; text-align:center; margin:0 0 5px; }
.related .lightbox img		{ border:solid 1px #3F3623; }

/* HIDDEN ELEMENTS
---------------------------------*/
#head ul,
#head img,
#news-images,
#body .sidebar,
.contact,
#foot-menu { display:none; }

/* RECREATIONAL DEV PAGE ---------------------*/
.examples 			{ margin:0; padding:0 0 10px 0; }
.examples strong 	{ font-size:108%; }
.examples img 		{ float:right; margin:5px 0 5px 15px; }
.examples img.left 	{ float:left; margin:5px 15px 5px 0; }
.examples li 		{ float:left; border-bottom:solid 1px #BFAA77; margin-bottom:10px; padding-bottom:10px; list-style:none; }


/* FOOTER STYLES ------------------------- */
#foot .vcard a { text-transform:none; }
#foot .vcard abbr { text-decoration:none; border-bottom:none; }
#foot .vcard .fn,
#foot .vcard .bull,
#foot .vcard .tel .type { display:none; }

/* FILE DOWNLOAD LIST LARGE ---------------------------------*/
ul.file-list-lg { margin:2em 0; }
ul.file-list-lg li { margin:15px 0; padding:0; list-style-type:none; background-image:none; }
ul.file-list-lg li a { display:block; text-decoration:none; padding:5px 0 0 55px; margin:0; height:40px; list-style-type:none; background:transparent url(images/file-lg.png) no-repeat bottom left; }
ul.file-list-lg li a:active,
ul.file-list-lg li a:hover,
ul.file-list-lg li a:focus { background-position:top left; }
ul.file-list-lg li.html a,
ul.file-list-lg li.htm a,
ul.file-list-lg li.tml a { background-image:url(images/file-htm-lg.png); }
ul.file-list-lg li.ocx a,
ul.file-list-lg li.doc a { background-image:url(images/file-doc-lg.png); }
ul.file-list-lg li.zip a { background-image:url(images/file-zip-lg.png); }
ul.file-list-lg li.pdf a { background-image:url(images/file-pdf-lg.png); }
ul.file-list-lg li.lsx a,
ul.file-list-lg li.xls a { background-image:url(images/file-xls-lg.png); }
ul.file-list-lg li.ptx a,
ul.file-list-lg li.ppt a { background-image:url(images/file-ppt-lg.png); }
ul.file-list-lg li.avi a,
ul.file-list-lg li.wmv a,
ul.file-list-lg li.mov a,
ul.file-list-lg li.mpg a,
ul.file-list-lg li.peg a { background-image:url(images/file-avi-lg.png); }

ul.file-list-lg li a strong { font-size:108%; }

/* PEOPLE PAGE -------*/
.bio { float:left; border-bottom:solid 1px #BFAA77; min-height:160px; padding-bottom:15px; margin-bottom:10px; }
.bio img { float:left; margin-right:15px; border:solid 2px #7F662F; }
.bio div { float:left; width:75%; }
.bio h2 { padding-bottom:0; }
.bio p { margin-top:16px; }