/* ex.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: #555; border: #777 solid 1px; text-align:left; margin: 0 auto; min-height: 100%; position: static; 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: 90px; font-weight: lighter; margin: -90px 0 0 98px;  letter-spacing: 8px;}
#branding h2 {color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 17px; margin: -42px 0 0 110px; text-align: left;} /* text-align: left; needed for proper positioning in IE 6&7*/
#main {border-top: #777 solid 1px; border-bottom: #777 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: #555; color: #999; position: relative; text-align: center; padding: 25px 0 25px 0; width: 100%;}

/* intro page specifics
------------------------------------------------------------------------- */
#main-intro {background-color: #555; color: #bbb; left: 110px; position: relative; top: 15px; width: 560px;}
#main-cutline {background-color: #555; color: #bbb; height: 5px;}
#main-contents-list {background-color: #555; border: 1px #666 solid; color: #bbb; margin: 20px 0 0 0;}
#main-contents-list ol {margin: 6px 0 10px 8px;}

/* 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
------------------------------------------------------------------------- */
#detailpagename {color: #bbb; left: 50px; top: 16px; position: absolute; text-align: left;}

/* end */
