/* @group reset-styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* @end */

/* @group base-styles */

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin-bottom: 1em;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.2em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* @end */

body { background: #ebe3cd url(../images/bg-body.gif) center;}
a { color: #ffec00; }
a:hover { color: #000; text-decoration: none; }

sup { font-size: .45em; }

#container { width: 1002px; margin: 0 auto; background-color: #ebe3cd; position: relative; border-left: 1px solid #8a8678; border-right: 1px solid #8a8678; }

#header { position: relative; background: url(../images/bg-header.gif) repeat-x 0 bottom; height: 227px; padding: 3px 5px;; }
#header a#emmy-excellence { position: absolute; right: 5px; top: 9px; }
#header a#emmy-nomination { position: absolute; top: 10px; right: 390px; }

ul#nav { margin: 4px 0 0 0px; }
ul#nav li { display: inline; list-style: none; margin: 0 20px; padding: 0; }
ul#nav li a { color: #000; text-decoration: none; padding-bottom: 10px; font: 18px "Lucida Grande", Lucida, Verdana, sans-serif; }
ul#nav li a:hover { color: #777; text-decoration: underline; }

body#home ul#nav li.home a,
body#programs ul#nav li.programs a,
body#clients ul#nav li.clients a,
body#services ul#nav li.services a,
body#contact ul#nav li.contact a,
body#pressroom ul#nav li.pressroom a
{ background: url(../images/nav-dot.gif) no-repeat center bottom; font-weight: bold; }

#mid-section { background: url(../images/bg-mid-fin.gif) repeat-x center top; padding: 10px; position: relative; height: 450px; }

#mid-text { width: 550px; color: #FFF; font: 17px "Lucida Grande", Lucida, Verdana, sans-serif; }

body#home #mid-text p:first-letter { font-weight: bold; font-size: 23px; }
#mid-text .highlight { font-size: 23px; color: #ffd0b4; font-weight: bold; letter-spacing: 1px; }
#mid-text .highlight-emmy { color: #fd0; font-size: 27px; font-weight: bold; letter-spacing: 1px; font-style: italic; }

#mid-image { position: absolute; right: 10px; top: 10px; width: 400px; height: 500px; overflow: hidden; text-align: center; }
body#home #mid-image img { margin-top: -18px; }
#mid-image .caption { font-size: 15px; color: #ebe3cd; line-height: 1.3em; text-align: center; letter-spacing: 1px; }

#mid-image.galleria_container { width: 400px; height: 320px; }
#mid-image img { height: 265px; }

#mid-gallery p { margin-left: 0px; font-size: 16px; background-color: #000; width: 150px; color: #9b9b9b; text-align: center; padding: 3px; }
#mid-gallery li { height: 40px; width: 40px; }
ul.gallery { position: absolute; bottom: 21px; left: 150px; height: 60px; width: 800px; overflow: hidden; }
ul.gallery li { margin: 0px 1px 0 1px; padding: 0; }

/* @group galleria */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em; overflow: hidden;}
* html .galleria li div span{width:400px} /* MSIE bug */

/* @end */

body#programs #mid-text h1 { color: #ffe200; font-size: 25px; }
body#programs #mid-text h2 { font: 17px "Lucida Grande", Lucida, Verdana, sans-serif; }
body#programs #mid-text h2 a { color: #fff; }
body#programs #mid-text h2 a:hover { color: #ffeb8e; text-decoration: underline; }

body#programs #mid-text img.program-icon { float: left; margin: 0 20px; }

#gsrj-banner { text-align: center; margin-bottom: 50px; }

#content { padding: 0px 10px; }
#content a { color: blue; }
#content a:hover { color: black; text-decoration: underline; }

#content .align-left { float: left; margin: 5px 5px 5px 0px; border-bottom: 3px solid #5d5b51; border-left: 3px solid #5d5b51; }
#content .align-right { float: right; margin: 5px 0px 5px 5px; border-bottom: 3px solid #5d5b51; border-right: 3px solid #5d5b51; }
#content p.caption { text-align: center; font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; }

#content div.image-right { float: right; margin-left: 20px; background-color: #beb59b; }
#content div.image-right img { padding: 5px; }
#content div.image-right p { font-size: 15px; margin-top: 5px; text-align: center; }

#content div.image-left { float: left; margin-right: 20px; background-color: #beb59b; }
#content div.image-left img { padding: 5px; }
#content div.image-left p { font-size: 15px; margin-top: 5px; text-align: center; width: 410px;  }


#content h1 { margin: 0 0 10px 0; font: bold 45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#content h1 small { font-size: 16px; font-weight: normal; font-style: normal; margin-left: 15px; }
#content h1.second-paragraph span { color: #5a7deb; font-style: italic; font-size: 50px; }
#content h1.third-paragraph { margin-top: 300px; margin-bottom: 0; }
#content h2 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; font-style: normal; background-color: #fff9e0; padding: 5px; border: 2px dotted #d2cdb8; }

#content p.answer { border-bottom: 1px solid #8a8678; margin-bottom: 70px; padding: 10px; font: 20px/1.6em Times, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#content p.scrolling { height: 386px; overflow: scroll; border: 8px solid #8a8678; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.3em; }

#content ul.service-list { font-size: 22px; line-height: 1.5em; padding-left: 30px; padding-bottom: 50px; border-bottom: 10px double #626056; margin-bottom: 80px; }
#content ul.service-list li { list-style-type: square; }

#content p { font-size: 20px; }

body#contact #mid-text { padding-left: 40px; }
body#contact #mid-text h1 { font-size: 36px; margin-bottom: 5px; }
body#contact #mid-text p { font-size: 20px; margin-bottom: 5px; }

body#article #header { margin-bottom: 20px; } 
body#article h1 { color: #d70018; }
body#article p { font-size: 18px; }


#footer { text-align: center; width: 1002px; margin: 0 auto; background-color: #bfb59b; margin-top: 200px; padding: 10px 0; border-bottom: 12px solid #626056; }