/* --------------- clear --------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, em, font, img, 
strong, sub, sup, b, u, i, center,
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------- global --------------- */
body {background:#023d65 url(../img/laurel.gif) center top no-repeat; font-family:Arial, Verdana, sans-serif;}
#main {width:893px; margin:50px auto;}

/* --------------- head --------------- */
#nav {float:right;}
ul#nav li {display:block; float:left; border-left:#faf3d6 1px solid;}
ul#nav li a {display:block; float:left; padding:0 10px 10px 10px; color:#faf3d6; font-size:12px; text-decoration:none;}

#login {float:right; vertical-align: top;}
#login input {display:inline; background-color:#0a253a; border:0; color:#4c7ebb; margin-left:7px; padding: 2px;}
#login input.text {width:75px; height:12px; padding: 5px 5px 0 5px; font-size:8px;}
#login input.submit {width:25px; height:17px; font-size:8px;}

/* --------------- image replacement --------------- */
.img-re { position: relative; overflow: hidden;}
.img-re span { position: absolute; width: 100%; height: 100%; left:0; top:0; }

/* --------------- content --------------- */
#content-wrap {clear:both; background:transparent url(../img/bg-edge.png) repeat-y; width:892px; margin: 0 0 0 0; border-bottom: 1px solid transparent;}

#content-top {background: url(../img/header-bottom.png) no-repeat; height: 35px; clear:both;}

#content-left {float:left; padding:0 0 0 44px; width:200px;}

#logo a:link, #logo a:visited {display: block; outline: none; width:162px; height:161px; margin:0 0 40px 0;}
#logo a:link span, #logo a:visited span {background: url(../img/phi-logo.gif) no-repeat 0 0;}

#left-nav {background-color:#e5dfbd; width:162px; padding-bottom:45px; height:100%;}
#left-nav h2 {height:18px; width:144px; color:#e5dfbd; background-color:#01354b; font-size:10px; padding:6px 0 0 18px;}
#left-nav .nav-item {margin:11px 11px 0 17px; font-size:10px;}
#left-nav h3 {color:#c41e22;}

#content-right {padding:0 0 30px 0; width:648px; overflow:hidden; color:#01354b; font-size:12px; line-height:20px;}
.ie6 #content-right {padding:0 0 0; width:645px; overflow:hidden;}
#content-right .topper {margin-bottom:52px;}
#content-right h2 {color:#c41e22; font-size:18px; font-weight:normal; margin: 0 0 10px 0;}
#content-right p {margin: 0 45px 10px 0;}
#content-right ol {margin: 0 10px 10px 10px;}
#content-right ol li {display:list-item; list-style-type:decimal; margin:5px 5px 5px 25px;}

#content-right ul.two-col {color:#01354b; font-size:12px; line-height:20px; margin: 0 10px 0 0; font-style:italic;}
#content-right ul.two-col li {float:left; width:289px; margin:0 10px 0 0; padding: 0 0 0 20px; background:url(../img/bullet-star.gif) no-repeat 0 4px;}

#content-right h3 {display:block; clear:both; padding:10px 0 5px 0}

#content-base{clear:both; position:relative; top: -24px; left:0; margin: 0 0 -24px 0;}
#content-base a:link, #content-base a:visited {display: block; outline: none; width:855px; height:32px; margin:0 0 0 44px; padding:0;}
#content-base img{display:none;}

form label {display:block; width:100px; float:left; margin: 0 10px 15px 0; text-align:right;}
form p {clear:both;}
form .submit {margin:0 0 0 110px; clear:both;}
form textarea {width:350px; height:150px;}

#footer{clear:both; background: url(../img/bg-footer.png) repeat-x; color:#faf3d6; font-size:10px; text-align:right; padding: 47px 12px; position: relative; top: -1px; left: 0;}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{background-color:#FBF3D6; color:#013459 !important;}

.dropmenudiv{position:absolute; top: 0; border-left: 1px solid #013459; border-right: 1px solid #013459; border-bottom: 1px solid #013459; line-height:16px; z-index:100; background-color: #023D65; width: 200px; visibility: hidden;}
.dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-top: 1px solid #FBF3D6; padding: 2px 0; text-decoration: none; color: #FBF3D6; font-size:12px;}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{background-color: #FBF3D6; color: #013459 !important;}