/* ------------------------------------------------------------------------------------------
This stylesheet uses code from the Yahoo! UI Library.
Yahoo! UI Library is copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
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;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
*/
body {font:13px/1.22 arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* ------------------------------------------------------------------------------------------
BODY & RESETS */

body { background:#f6f6f6 url(../images/bkg_body.jpg) top center no-repeat; color:#333333; text-align:center; }

hr { background-color:#ffffff; border-top:1px dotted #e6e6e6; border-right:0; border-bottom:0; border-left:0; color:#ffffff; height:1px; width:100%; }

p { line-height:1.3em; margin:10px 0 10px 0; }

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:146.5%; margin:10px 0 10px 0; }
h2 { font-size:123.1%; font-weight:bold; margin:0 0 10px 0; }
h3, h4, h5, h6 { font-size:100%; text-transform:uppercase; margin:15px 0 5px 0; }

p { font-size:100%; }
p.breadcrumb, div#footer p { font-size:85%; }

span.allcaps { font-size:85%; text-transform:uppercase; }
span.date, span.source, span.txtsm { font-size:85%; font-style: italic; }
span.publication { font-size:85%; font-style:italic; }
span.txtbold { font-weight:bold; }

/* ------------------------------------------------------------------------------------------
HYPERLINKS & MENU */

a:link { color:#cc3300; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:active, a:hover { text-decoration:none; }

.menu li a:link { color:#333333; font-size:85%; text-decoration:none; }
.menu li a:visited { color:#666666; font-size: 85%; text-decoration:none; }
.menu li a:active, .menu li a:hover { color:#990000; font-size:85%; text-decoration:underline; }

div#menuleft { border-left:1px dotted #e6e6e6; display:inline; float:left; margin:0 10px 10px 66px; width:110px; }
div#menumid { border-left:1px dotted #e6e6e6; display:inline; float:left; margin:0 15px; position:relative; width:110px; }
div#menuright { border-left:1px dotted #e6e6e6; display:inline; float:left; margin:0 10px 10px 10px; position: relative; width:110px; }

ul.menu { padding:0 0 0 6px; }
ul.menu li { line-height:1.6em; }

/* ------------------------------------------------------------------------------------------
PAGE LAYOUT */

div#container { background:#ffffff; margin:0 auto 0 auto; overflow:auto; text-align:center; width:790px; }

div#header { margin:10px auto 0 auto; width:760px; }
#header .alignleft { padding:10px 0 0 0; text-align:center; width:260px; }
#header .alignright { padding:0; text-align:left; width:490px; }

div#photograph { clear:both; margin:5px auto 0 auto; text-align:center; width:760px; }
div#ads { margin:1px auto 0 auto; text-align:center; width:760px; }
div#introduction { clear:both; margin:10px auto 15px auto; padding:0 0 60px 0; text-align:left; width:760px; }
div#content { clear:both; margin:10px auto 15px auto; padding:0 0 60px 0; text-align:left; width:760px; }
#content .alignleft { border-right:1px dotted #e6e6e6; padding:0 10px 0 0; width:500px; }
#content .alignright { padding:0 0 0 10px; width:230px; }
div#footer { background:url(../images/bkg_footer.jpg) no-repeat; clear:both; margin:0 auto 20px auto; overflow:auto; padding:0 0 25px 0; width:760px; }
#footer .alignleft { text-align:left; width:360px; }
#footer .alignright { text-align:right; width:360px; }

div.alignleft { float:left; }
div.alignright { float:right; }
div.leftcol { float: left; display: inline; margin: 10px; text-align: left; width: 240px; }
div.middlecol { display: inline; float: left; margin: 10px 10px; position: relative; text-align: left; width: 240px; }
div.rightcol { float: right; display: inline; margin: 10px 10px 10px 0; position: relative; text-align: left; width: 240px; }

/* ------------------------------------------------------------------------------------------
ELEMENTS */

ul.prlist li { border-bottom:1px dotted #e6e6e6; margin:0 0 0 0px; padding:10px 0 5px 0; }

ul.techlist { border-top:1px dotted #e6e6e6; border-bottom:1px dotted #e6e6e6; margin:15px 0 0 0; overflow:auto; padding:10px 0 10px 0; }
ul.techlist li { display:block; float:left; margin:20px 0 0 15px; width:220px; }
ul.techlist li.firstrow { margin-top:5px; }

ul.tick { /* used in press release for bullets */ }
ul.tick li { list-style-type:square; margin-left:15px; padding:15px 15px 5px 5px; }

p.breadcrumb { border-top:1px dotted #e6e6e6; border-bottom:1px dotted #e6e6e6; margin:0 0 20px 0; padding:10px 0 10px 0; }
p.boilerplate {	border-top:1px dotted #e6e6e6; border-bottom:1px dotted #e6e6e6; margin:10px 0 10px 0; padding:10px 0 10px 0; }
p.prbottom { text-align:center; }

span.note { font-style:italic; }

/* ------------------------------------------------------------------------------------------
FORMS */

form.webform { padding:0 0 10px 0; }
form.webform fieldset { border:0; margin:0 0 10px 0; padding:0 0 10px 0; }
form.webform legend { color:#ff3300; }
form.webform label { display:inline-block; line-height:1.8; vertical-align:top; }
form.webform fieldset ol { padding:12px 0 0 0; }
form.webform fieldset li { list-style:none; padding: 12px; }
form.webform fieldset fieldset label { display:block; width:auto; }
form.webform em { color:#cc3300; font-size:85%; font-style:italic; }
form.webform label { width:120px; /* Width of labels */ }
form.webform label.long { width:320px; /* Width of labels */ }
form.webform fieldset fieldset label { margin-left:123px; /* Width plus 3 (html space) */ }

/* ------------------------------------------------------------------------------------------
VIRTUAL PAGINATION */

.virtualpage { /*hide the broken up pieces of contents until script is called. Remove if desired*/ display:none; }
.paginationstyle { margin:24px 0 12px 0; text-align:left; }
.paginationstyle a { background-color:white; font-size:85%; padding:0 5px; text-decoration:none; }
.paginationstyle a:hover, .paginationstyle a.selected { background-color:#990000; color:#ffffff;  }