/* Import sIFR Styles */
@import url(sifr.css);

/* Global Styles */
*
{margin: 0; padding: 0;}
body
{width: 100%; background: #e6eded; text-align: center; font: 14px "Trebuchet MS", Helvetica, Arial, sans-serif;}
#container
{text-align: left; background: #e6eded url('/media/images/layout/container-tile.gif') repeat-x;}
#contained
{width: 770px; margin: 0 auto; position: relative; top: 12px;}
a img
{border: none;}
.clear
{clear: both;}
h1
{width: 480px; margin: 20px auto 15px; border-bottom: 4px solid #d2d9d9; font-size: 16px !important; padding-bottom: 8px;}
h2
{font-size: 18px !important;}
h3
{font: 22px Helvetica, sans-serif !important; color: #005dab; }
h4
{width: 250px; float: left;}
h5
{font-size: 15px !important; margin: 12px 0; padding-left: 15px; border-left: 3px solid #d2d9d9;}
h5#pro
{border: none; position: relative; top: -4px; left: 4px;}

/* Navigation Styles */
#nav
{background: #fff; height: 118px;}
#nav strong
{float: left; text-indent: -9999px; background: url('/media/images/layout/logo.gif') no-repeat; width: 120px; height: 85px; margin: 26px 0 0 35px;}
#nav ul
{padding: 78px 0 0 208px;}
#nav ul li
{list-style-type: none; float: left; margin: 0 16px 0 0;}
body:first-of-type #nav ul li 
{border-bottom: 3px solid #e6eded;}
body:first-of-type #nav ul li:hover
{border-bottom: 3px solid #9ac08b;}
body:first-of-type #nav ul li.s-active
{border-bottom: 3px solid #9ac08b;}
#nav ul li a.active
{border-bottom: 3px solid #9ac08b;}
#nav ul li a
{text-decoration: none; color: #828a8f; border-bottom: 3px solid #e6eded;}
#nav ul li a:hover
{border-bottom: 3px solid #9ac08b;}

/* Main Content Styles */
#main-content
{background: #ebf1f1 url('/media/images/layout/mc-tile.gif') repeat-x; margin: 4px 0 0 0; width: 740px; padding: 0 0 40px 30px; overflow: hidden;}
#main-content #main-img, #main-content #sub-img
{margin-top: 30px;}
#main-content p
{font: 12px Arial, sans-serif; color: #6c787a; line-height: 12pt;margin-bottom:15px;}
#main-content a, #main-content a:active, #main-content a:visited, #main-content a:hover {
	color: #828a8f;
	text-decoration: underline;
	}
#main-content a:hover {
	color: #439639;
	}
body#home #main-content p
{margin: 30px auto 0; width: 700px;}

/* Left Col Styles */
#left-col
{width: 480px; float: left; color: #6c787a;}
#left-col a 
{color: #6c787a;}
#left-col a:hover
{text-decoration: none;}
#left-col a.f-more
{color: #005dab;}
#left-col a:hover
{text-decoration: underline;}
#left-col strong.proj
{font: 15px Arial, sans-serif; color: #439639;}
#left-col ol
{font-size: 12px; font-weight: normal; margin: 10px 0 10px 18px;}
#left-col ul
{font-size: 12px; font-weight: normal; margin: 10px 0 10px 12px;}
#left-col li
{margin: 5px 0;}
img.f-left
{float: left; margin: 0 20px 20px 0;}
img.f-right
{float: right;}

/* Right Col Styles */
#right-col
{width: 195px; float: left; margin: 20px 0 0 30px;}
#sub-links
{margin-top: -3px;}
#sub-links a
{display: block; border-left: 3px solid #d2d9d9; margin: 4px 0;}
#sub-links a:hover
{border-left: 3px solid #9ac08b;}
.p-title
{margin-top: 8px;}
blockquote
{width: 200px; height: 172px; background: url('/media/images/layout/blockq.gif') no-repeat; padding: 20px 20px 0; margin-top: 30px; font-size: 12px !important;}
blockquote #q
{font: 13px Helvetica, sans-serif !important; color: #005dab; line-height: 13pt !important;} 
blockquote span
{color: #439639; font-size: 11px; display: block; margin-top: 2px;}

/* .project Class Styles */
strong.proj
{margin-bottom: 6px; display: block;}
.project
{clear: both; border-bottom: 4px solid #f0f7f7; padding-top: 8px; margin-top: 8px; overflow: hidden; height: 165px;}
* .project
{height: 150px;}
.project p
{width: 250px; float: left;}
.project a, .project a:visited, .project a:active, .project a:link
{display: block; margin-top: 7px; color: #006cc4; font: bold 11px Arial, sans-serif; text-decoration: none;}
.project a:hover
{text-decoration: underline;}
.project .rm
{position: relative; top: -10px; left: 75px;}

/* #p-details ID Styles */
#p-details h4
{font-size: 24px !important; width: 480px; margin: 20px 0;}
#p-details p
{padding-top: 18px;}

/* Controls ID Styles */
#controls
{background: #9ac08b; height: 30px; margin-top: 50px;}
#controls a
{display: block; padding-top: 8px; float: left; margin-left: 98px;}
#controls #first
{margin-left: 20px;}

/* Footer Styles */
#footer
{background: url('/media/images/layout/footer-tile.gif') repeat-x; height: 222px; position: relative; top: 12px; border-top: 4px solid #b0bab9;}
body#home #footer
{top: 0px;}
#footer-content
{background: url('/media/images/layout/footer-overlay.gif') no-repeat; width: 770px; margin: 0 auto; padding-top: 20px; color: #d2d9d9;}
#footer a
{text-decoration: none; color: #d2d9d9; font: 11px Arial, sans-serif; text-transform: uppercase; padding: 0 4px;}
#footer a:hover
{text-decoration: underline;}
#footer p, #footer p a
{font: 10px Arial, sans-serif; color: #888c8c; margin-top: 34px; text-transform: none;}