/* main_content */
/* padding - top, right, bottom, left */

div,p,blockquote,ol,ul,dl,dt,dd,td,th  { color: #444444; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
body   { background: white url(http://www.phoeintl.com/images/interface/bgrnd_diamond.jpg) repeat-x; margin: 0; text-align: center; }

.odd {background-color: f0ddbd;}
.even {background-color: FFF6E7;} 
table.charts  { background-color: white; border: outset 0px gray; width: 600; border-collapse: separate; border-spacing: 2px 2px }

div.container { width:780px; margin: 0 auto; text-align: left; padding:40 20 0 20px; vertical-align:middle; position: float; top: 0 px; }
div.container_sml { width:480px; margin: 0 auto; text-align: left; padding:40 20 0 20px; vertical-align:middle; position: float; top: 0 px; }
div.l_col { font-size: 12px; line-height: 22px; width:460px; padding:0 0 0 8; }
div.padding { font-size: 12px; line-height: 22px;padding: 20px; width:90%;  }
div.spread  { font-size: 12px; line-height: 22px; width:460px; padding:10 0 0 8; font-weight:bold; }
div.movie  { font-size: 14px; line-height: 18px; width:460px; padding:40 0 0 8; font-weight:bold; }
div.r_col  {  font-size: 12px; line-height: 15px; background: url(http://www.phoeintl.com/images/interface/bgrnd_container.jpg) no-repeat; float: right; padding: 18 20 0 20px; width: 240px; height:520; margin:0px; }

div.header { width:770px; text-align: center; padding:0 0 40 8px; }
div.footer { font-size: 10px; line-height: 12px; width:100%; margin: 0 auto; text-align: left; padding:20 0 0 8; vertical-align:middle; position: float; bottom: 0 px; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}


ul { font:12px arial, helvetica, sans-serif; color:#ffffff; line-height: 26px; text-transform: uppercase; list-style-type: none; padding: 10 0 0 0px; margin: 0; margin-left: 1em;}
li.bullets { background-image: url(http://www.phoeintl.com/images/interface_images/helpers/arrow_white.png); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 1.2em; }


hr  { color: #ddd; background-color: #eee; width: 80%; text-align: left; margin: 0 auto 0 0; }

li { padding: 2px; list-style-type: square; line-height: 14px; }

a:link { color: #007550; }
a:visited  { color: #888888; }
a:hover { color: #AAAAAA; text-decoration: underline; }

a.sublink:link  { color: #444444; }
a.sublink:visited  { color: #000000; }
a.sublink:hover  { color: #BBCC00; }

a.bgrollover   { font-size: 9px; padding: 2px; display: block; whitespace: nowrap; }
a.bgrollover:hover { background-color: #05317F; color: #FFFFFF; font-weight: bold; text-decoration: none; }


.bgcolor_green { background: #7B9917; padding: 0px 0px 0px 0px;}
.color { color: #007550; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; }
.menu_head { background: #FF6600; color: #FFFFFF; padding: 4px 4px 4px 4px; font-size:8px; font-weight: bold; }
.menu {color: #000000; padding: 0px 0px 10px 10px; font-size:8px; line-height: 10px;  text-align: left;}
.padding { padding: 4px 4px 8px 8px; font-size:8px; line-height: 12px; text-align: left; }

.breadcrumbs { background: #444444; color: #F5F5F5; padding: 2px 2px 2px 2px; font-size:8px; line-height: 12px; text-align: left; }
.l_indent  { text-align: left; padding: 0px 0px 0px 6px; }
.r_indent { text-align: left;  padding: 0px 0px 6px 0px}
.l_img  { text-align: left; float: left; clear: left; margin: 0px 20px 10px 0px; padding: 0px; border: solid 0px; }
.r_img   { text-align: left; float: right; clear: right; margin: 0px 0px 10px 10px; padding: 0px; border: solid 1px; }

.color_line { background: #FF6600; padding: 1px 0px 0px 0px;}
.links { color: #FFFFCC; font-size: 9px; line-height: 12px; text-decoration: none; }

.kern { letter-spacing:0.2em; }
.color_copy { color: #444444; font-size: 10px; line-height: 14px; }


.hdr_rule   { color: #000000; font-weight: bold; font-size: 14px; line-height: 18px; background-color: #eeeeee; padding: 2px; border-bottom: 2px solid #1e3e8a }
.subrule { line-height: 14px; background:#FFFFFF; border-bottom: 1px solid #000000; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }
.toprule  { line-height: 14px; background:#FFFFFF; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding: 2px 2px 2px 0px; margin: 0px 0px 0px 0px; }

.title     { color: #007550; font-size: 18px; line-height: 24px; text-decoration: none; font-weight:bold; }
.header_lrg { color: #007550; font-size: 26px; line-height: 30px; font-weight:bold; }
.header { font-family: Eurostile, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #007550; font-size: 20px; line-height: 24px;font-weight:bold; }
.subhead { font-family: Eurostile, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;color: #007550; font-size: 14px; line-height: 14px; font-weight:bold; }

.reverse { color: #F5F5F5; font-size: 9px; line-height: 11px; text-decoration: none; }
.reverse_sml { color: #F5F5F5; font-size: 8px; line-height: 10px; text-decoration: none; }
.small { color: #000000; font-size: 8px; line-height: 10px; text-decoration: none; }