/*
Theme name: UIF
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');


/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/16px Arial,sans-serif; color: #3b3b3b; text-align: left; background: #010060 url(images/background.jpg) no-repeat center 0; }

a { color: #ffc50c; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 1015px; }

#mainbox-inner {background: url(images/cnt-inner.png) repeat-y 0 0; height: 100%;}
#mainbox-cnt {position: relative; margin-bottom: -80px; float: left; width: 100%;}
#mainbox-bottom {background: url(images/cnt-bottom.png) no-repeat 0 0; height: 91px; float: left; width: 100%;}

#header { padding: 27px 0 0 0; background: url(images/header-bg.gif) no-repeat 0 0; height: 100%; margin: 0 14px;}

h1#logo { height: 106px; width: 206px; padding: 0 0 27px 100px; }
h1#logo a { display: block; height: 106px; background: url(images/logo.gif); }

#header .quotes { float: right; display: inline; height: 71px; width: 532px; background: url(images/quote-box.gif) no-repeat 0 0; font-size: 11px; line-height: 15px; color: #000; padding: 35px 15px 0 35px; }
#header .quotes  p { padding-bottom: 15px; }


#navigation { height: 35px; background: url(images/nav.gif) no-repeat 0 0; }
#navigation ul { list-style: none outside; padding-left: 40px; }
#navigation ul li { float: left; display: inline; line-height: 35px; padding: 0 15px; }
#navigation ul li a { color: #fff; }

#content {position: relative; height: 100%; padding: 15px 74px;}

.tagline { height: 24px; width: 862px; margin: 0 auto; background: url(images/tagline.gif); text-align: center; line-height: 24px; color: #324079; margin-bottom: 10px; }

.intro { width: 862px; margin: 10px 0 20px; text-align: center; font-size: 11px; line-height: 16px; }
.intro p { padding-bottom: 15px; }
.intro p a { color: #001297; text-decoration: underline; }
.intro p a:hover { text-decoration: none; }
.intro .intro-box {background: url(images/intro-middle.gif) repeat-y 0 0; height: 100%;}
.intro .intro-box-top {background: url(images/intro-top.gif) no-repeat 0 0;}
.intro .intro-box-bottom {background: url(images/intro-bottom.gif) no-repeat 0 bottom; min-height: 86px; padding: 15px 45px 15px 35px;}

.column-cnt {padding: 0 25px 0 38px;}

.widecolumn { float: left; display: inline; width: 482px; }

.widebox { background: url(images/widebox-bg.gif) repeat-y 0 0; margin-bottom: 30px; }
.widebox .bottom { background: url(images/widebox-bottom.gif) no-repeat 0 bottom; }
.widebox .top { background: url(images/widebox-top.gif) no-repeat 0 0; padding: 0 25px 20px; height: 100%; }
.widebox h2 { font-size: 12px; font-weight: normal; color: #fff; line-height: 32px; padding: 0 30px; margin-bottom: 10px; }
.widebox p { font-size: 10px; line-height: 16px; color: #2b2b2b; }
.widebox p a { color: #000ba1; text-decoration: underline; }
.widebox p a:hover { text-decoration: none; }
.widebox a {color: #0041b7;}

.widebox .col-left { float: left; display: inline; width: 200px; border-right: 1px solid #44506c; padding-right: 20px; }
.widebox .col-right { float: right; display: inline; width: 200px; position: relative;  margin-right: -10px; }

.shortcolumn { float: right; display: inline; width: 262px; }
.shortcolumn .box { width: 262px; text-align: center; margin-bottom: 20px; }
.shortcolumn .box-top {background: url(images/sc-box-top.gif) no-repeat 0 0;}
.shortcolumn .box-bottom {background: url(images/sc-box-bottom.gif) no-repeat 0 bottom; min-height: 139px; padding-bottom: 10px;}
.shortcolumn .box-cnt {background: url(images/sc-box-middle.gif) repeat-y 0 0; height: 100%;}
.shortcolumn .box h2 { font-size: 12px; color: #111; margin-bottom: 2px; }
.shortcolumn .box h2.link { }
.shortcolumn .box h2 a { line-height: 32px; color: #fff; }
.shortcolumn .box h3 { font-size: 12px; color: #4d4d4d; }

#footer { height: 24px; width: 508px; background: url(images/footer.png); text-align: center; line-height: 24px; color: #212121; font-size: 11px; margin: 0 auto 10px; }

#sidebar { float: left; display: inline; width: 267px; position: relative; margin: 15px 0 80px -58px; }
#sidebar-cnt {background: url(images/sidebar-middle.gif) repeat-y 0 0; height: 100%;}
#sidebar-top {background: url(images/sidebar-top.gif) no-repeat 0 0; padding-top: 12px;}
#sidebar-bottom {background: url(images/sidebar-bottom.gif) no-repeat 0 bottom; padding-bottom: 20px; min-height: 682px;}
#sidebar ul { list-style: none; padding: 14px 0 0 22px; width: 226px;}
#sidebar ul li { margin-bottom: 10px; text-align: center; line-height: 16px; font-size: 11px; }
#sidebar ul li a,
#sidebar ul li a span {display: block; width: 226px; color: #fff;}
#sidebar ul li a span.top,
#sidebar ul li a span.bottom {font-size: 0; line-height:0; text-indent: -9999px;}
#sidebar ul li a span.top {height: 15px; background: url(images/sidenav-top.gif) no-repeat 0 0;}
#sidebar ul li a span.bottom {height: 14px; background: url(images/sidenav-bottom.gif) no-repeat 0 0;}
#sidebar ul li a span.middle {background: url(images/sidenav-middle.gif) repeat-y 0 0; height: 100%;}
#sidebar ul li a span.inner {position: relative; margin: -15px 0 -14px 0; float: left; width: 100%; padding: 5px 0 2px 0;}
#sidebar ul li a:hover {text-decoration: none;}
#sidebar ul li a:hover span.top {background-image: url(images/sidenav-top-hover.gif);}
#sidebar ul li a:hover span.bottom {background-image: url(images/sidenav-bottom-hover.gif);}
#sidebar ul li a:hover span.middle {background-image: url(images/sidenav-middle-hover.gif);}
#sidebar ul li ul {padding: 10px 0 0 0;}
#sidebar ul li ul li a {color: #000; display: inline;}
#sidebar ul li ul li a:hover {text-decoration: underline;}

#main { float: right; display: inline; width: 717px; margin: 25px -74px 0 0; }

.section-title { margin: 0 auto 15px; height: 40px; overflow: hidden; position: relative; }
.section-title div,
.section-title div div { float: left; display: inline; height: 40px; background: url(images/section-title.gif) no-repeat 0 0; padding-left: 30px; }
.section-title div div { padding-left: 0; padding-right: 30px; background-position: right 0; }
.section-title h2 { font-size: 23px; line-height: 40px; color: #1a1a1a; }

.post { color: #5e5e5e; font-size: 11px; line-height: 18px; padding-left: 65px; padding-right: 74px;}
.post .entry { padding-top: 25px; }
.post .entry p { padding-bottom: 15px; }
.post .entry p a { color: #1a1a1a; text-decoration: underline; }
.post .entry p a:hover { text-decoration: none; }
.post .entry h2 {font-size: 18px; margin-bottom: 10px;}
.post .entry h3 {font-size: 16px; margin-bottom: 10px;}
.post .entry h4 {font-size: 13px; margin-bottom: 6px;}
.post .entry ul, ol {padding: 0 0 15px 20px;}
.post .entry ul a,
.post .entry ol a {color: #1a1a1a;}