/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; padding: 0; }
body { margin: 0; background-image: url(images/bg-main.gif); background-repeat: repeat-x; background-attachment: fixed; background-color: #fff; font-family: Arial, Times, serif; font-size: 12px; color: #333; } 
p { margin-bottom: 15px; line-height: 1.2em; }
img { border: 0px; }
.clear { clear: both; line-height: 0; font-size: 0; }
h1 { color: #0e2c89; font-size: 14px; margin-bottom: 15px; }
h2 { color: #a98116; font-size: 11px; }
a { text-decoration: none; color: #0e2c89; }
a:hover { text-decoration: none; color:#a98116; }
.img { border: 5px solid #a98116; }	
.txt { width: 360px; padding: 10px 20px 10px 10px; float: left; }
.txtalt { width: 280px; padding: 10px 20px 10px 10px; float: left; }
.left { float: left; margin-right: 2em; margin-bottom: 1em; }
.right { float: right; margin-left: 2em; margin-bottom: 1em; }
.bottom { margin-bottom: 5px; }
	
/*header*/
.header { width: 900px; height: 141px; margin-left: auto; margin-right: auto; background-color: #fff; }
.headerline { width: 900px; height: 37px; margin-left: auto; margin-right: auto; line-height: 0; font-size: 0; background-image: url(images/bg-homebtn.gif); background-repeat: repeat-x; }
.headerdiv01 { width: 50%; float: left; padding: 15px 0px 0px 20px; margin-top: 6px;  font-family: Arial, Helvetica, sans-serif; font-size: 10px;  color: #fab7a4; }
.headerdiv02 { width: 30%; float: right; text-align: right;  padding-right: 22px;  margin-top: 6px;}

/*holder*/
.holder { width: 900px; margin-left: auto; margin-right: auto; background-image: url(images/bg-middlearea.gif); background-repeat: repeat-y; }

/*nav*/
.nav { width: 240px; min-height: 500px; float: left; background-color: #006a9f; list-style-type: none; display: block;}
.nav  li { 	overflow: hidden; display: block; text-indent: -9999px;}
.speciallink01 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -150px; }
.speciallink01 a:hover { background-position:  0px -421px; }
.speciallink01-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -421px; }
.speciallink02 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -180px; }
.speciallink02 a:hover { background-position:  0px -451px; }
.speciallink02-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -451px; }
.speciallink03 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -210px; }
.speciallink03 a:hover { background-position:  0px -481px; }
.speciallink03-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -481px; }
.speciallink04 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -240px; }
.speciallink04 a:hover { background-position:  0px -511px; }
.speciallink04-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -511px; }

.link01 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px 0px; }
.link01 a:hover { background-position:  0px -271px; }
.link01-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -271px; }
.link02 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -30px; }
.link02 a:hover { background-position:  0px -301px; }
.link02-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -301px; }
.link03 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -60px; }
.link03 a:hover { background-position:  0px -331px; }
.link03-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -331px; }
.link04 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -90px; }
.link04 a:hover { background-position:  0px -361px; }
.link04-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -361px; }
.link05 a { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -120px; }
.link05 a:hover { background-position:  0px -391px; }
.link05-highlight { width: 240px; height: 30px; display: block; background-image: url(images/links.gif); background-position:  0px -391px; }

.sublinks  li { width: 200px; min-height: 10px; background-image: url(images/bg-sublinks.gif); background-repeat: repeat-x;  display: block; padding:  10px 10px 10px 30px; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; }
.sublinks  li a { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; text-decoration: none; }
.sublinks  li a:hover { color: #9bafff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; text-decoration: none; }

.subsublinks  li { width: 180px; min-height: 10px; background-image: url(images/bg-sublinks.gif); background-repeat: repeat-x;  display: block; padding:  10px 20px 10px 40px; color: #6ed3ff; font-size: 11.5px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; }
.subsublinks  li a { color: #6ed3ff; font-size: 11.5px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; text-decoration: none; }
.subsublinks  li a:hover { color: #c6eeff; font-size: 11.5px; font-family: Arial, Helvetica, sans-serif; text-indent: 0px; text-decoration: none; }


/*middle area*/
.middlearea { width: 568px; min-height: 500px;  float: left; background-color: #fff; }
.rightpanel { width: 152px; float: left; }
.middleareaalt { width: 660px; min-height: 500px;  float: left; background-color: #fff; }
.pagetitle { padding: 25px; font-family: Georgia; font-size: 14px; color: #df3c0a; letter-spacing: 1px; background-color: #f1ecdf; font-weight: bold; }
.topheadlineimgvid { width: 721; }
.pagecontent { padding: 30px 30px 10px; }
.pagecontent ol li { list-style: decimal; list-style-position: inside; margin-bottom: 15px; margin-left: 20px;}
.pagecontent ul li { list-style-image: url(images/bullet-yellow.png); list-style-position: inside; margin-bottom: 15px; }
.hr { width: 721px; height: 20px; background-image: url(images/hairline.gif); clear: both; line-height: 0; font-size: 0; }
.thumb { width: 95px; border: 5px solid #a98116; margin: 0px 17px 0px 20px; float: left; }
.entrytxt { width: 396px; padding: 0px 20px 10px 0px; float: left; }
.projthumb { width: 95px; border: 5px solid #a98116; margin: 15px 17px 0px 20px; float: left; }
.entrytxtalt { width: 598px; padding: 15px 20px 10px 0px; float: left; }
.gallerythumb {  border: 1px solid #a98116; margin: 0px 2px 5px; float: left; }
.previous-next { width: 519px; padding:  0px 20px 20px; }
.previous-next a { color: #a77400; font-size: 10px; text-transform: uppercase; text-decoration: none; }
.previous-next a:hover { color: #a77400; font-size: 10px; text-transform: uppercase; text-decoration: underline; }
.fullarticlecomment { width:  499px; padding: 10px 30px; font-family: Arial, Helvetica, sans-serif; }

/*footer*/
.footer { width: 100%;  background-color: #f5eedc; }
.footerinner { width: 900px; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, sans-serif; color:  #ad9358; font-size: 10px;  padding: 20px 30px 5px; }
.footerinner a { text-decoration: none; color: #ad9358; font-size: 11px; font-weight: bold; }
.footerinner a:hover { text-decoration: underline; color: #ad9358; font-size: 11px; font-weight: bold; }