/* ph.css */
/* Reset: First, normalize styles per yahoo_reset_stylesheet.css:
------------------------------------------------------------------------- */
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;}
abbr,acronym {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 14px; font-weight:normal;}
q:before,q:after {content:'';}
ol, ul {list-style: none;}
table {border-collapse:collapse; border-spacing:0;}
:link,:visited {text-decoration: none;}
a img, :link img, :visited img {border: none;}
em {font-style: italic;}
strong {font-weight: bold;}
/* end reset */


/* Specific styling
------------------------------------------------------------------------- */
html, body {height:100%; text-align:center;}
body {background-color: #003366; font: 12px/1.2 verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; width: 100%; min-height: 100%;}
#content {background-color: #111; border: #444 solid 1px; text-align:left; margin: 0 auto; min-height: 100%; width: 780px;}
#branding {margin: 0; position: static;}
#branding img{margin: 13px 0 0 20px;}
#branding h1 {color: #888; font-family: 'times new roman', serif; font-size: 88px; font-weight: lighter; margin: -90px 0 0 98px;}
#branding h2 {color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 13px; margin: -42px 0 0 114px; text-align: left;} /* text-align: left; needed for proper positioning in IE 6&7*/
#main {border-top: #444 solid 1px; border-bottom: #444 solid 1px; color: #fff; margin: 25px 0 0 0; position: relative; height: auto !important; height: 800px; min-height: 800px;} /* CSS hack to ensure min height (IE6 ignores !important and min-height) order is height: auto !important; height: 800px; min-height: 800px; */
#site-info {background-color: #111; color: #999; position: relative; text-align: center; padding: 25px 0 25px 0; width: 100%;}

/* intro page specifics
------------------------------------------------------------------------- */
#thumbnailcontainer {background-color: #111; color: #bbb; left: 130px; position: relative; text-align: center; top: 15px; width: 510px;}
#thumbnailcontainerdetail {background-color: #111; color: #bbb; height: 52px; left: 165px; top: 15px; position: relative; text-align: left; width: 520px;}

.thumbnailleftintro {background: #111; color: #aaa; float: left; height: 115px; margin: 1px; position: relative; text-align: center; width: 125px;}
.thumbnailleftintro img {border-style: none;}
.thumbnailtitleintro {color: #aaa; text-align: center;}
.thumbnailnextintro {background: #111; float: left; height: 115px; margin: 1px; position: relative; text-align: center; width: 125px;}
.thumbnailnextintro img {border-style: none;}

/* link properties
------------------------------------------------------------------------- */
a {text-decoration: none;}
a:link {color: #bbb; text-decoration: none;}
a:visited {color: #bbb; text-decoration: none;}
a:hover {color: #fff; font-weight: 500;}
a:active {color: #fff; text-decoration: none;}

#homeanduplink {margin: 12px 0 0 696px; position: absolute; text-align: right;}

/* misc
------------------------------------------------------------------------- */
#pagetitle {font-size: 15px; font-weight: bold; margin: -5px 0 0 0; padding: 0 0 10px 10px;}
#detailpagename {border-top-width: 1px; border-color: #444; color: #bbb; left: 50px; top: 16px; position: relative; text-align: left;}