/* @override http://garrido2010.com/css/main.css */

@import url('reset.css');

body { background: #2d405c url(../images/body_bg_pat2.gif) 0 15px; }
p, em, li, a, small { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #292d3a; }
h1 { font-size: 36px; color: #d3393b; padding-left: 46px; border-bottom: 4px double #c1d7ea; }
img { margin: 0; padding: 0; }
a img { border: 0; }

#wrapper { position: relative; margin: 0 auto; width: 950px; padding-bottom: 20px; }

/**** Header Stuff ****/
#m_header { height: 430px; position: relative; background: url(../images/header_bg.jpg) no-repeat 0 bottom;  }
#header { height: 280px; position: relative; background: url(../images/header2_bg.jpg) no-repeat 0 bottom; }
#top_head { width: 410px; height: 22px;background: url(../images/top_head.png) no-repeat; position: absolute; top: 30px; }
.topper { color: #d9f1fb; text-align: left; padding-top: 29px; font-style: italic; font-size: 18px; padding-left: 268px; }

#top_buttons, #top_buttons_h, #top_buttons_2 { position: absolute; right: 0; bottom: 0; }
#top_buttons li, #top_buttons_h li { width: 203px; height: 126px; }
#top_buttons_2 li { width: 203px; height: 76px; background-color: #fff; }
#top_buttons_2 li:hover { background-color: #42495f; }

#btn_d, #btn_s, #btn_f { opacity: 0; }

#content { background-color: #fff; position: relative; overflow: auto; padding-bottom: 14px; overflow-x:hidden}
#content h2, #content h2 a:link, #content h2 a:visited { color: #022d50; font: bold 20px "Lucida Grande", Lucida, Verdana, sans-serif; }
#content h2 a:hover, #content h2 a:active { color: #43617a; text-decoration: none; }
#content h2 a:focus { outline: thin solid #a5a5a5; }
#content .divs { background: url(../images/block_bg.png) repeat-y; padding: 8px 5px 8px 50px; margin-top: 0; margin-bottom: 12px; overflow: auto; }

/**** Middle Nav ***/
.mid_nav { width: 948px; height: 30px;margin-bottom: 10px; background-color: #292d3a; border: 1px solid #fff; }
.mid_nav li { float: left; display: inline-block; height: 30px ;width: 188px; text-align: center; border-right: 2px solid #fff; background-color: #292d3a; }
.mid_nav li.last { width: 187px; border: none; }
.mid_nav li:hover { background-color: #c93e43; }
.mid_nav a { color: #002951; text-decoration: none; display: inline-block; width: 100%; height: 30px; }
.mid_nav a:hover { color: #fff; }


/**** News Divs ****/
.news_block { width: 490px; }
.news_block { background: url(../images/block_bg.png) repeat-y; padding: 8px 5px 8px 50px; margin-top: 0; margin-bottom: 12px; overflow: auto; }
.news_block p, .news_block ul{ padding: 5px 10px 5px 14px; font-size: 14px; line-height: 1.1em; }
.news_block p img, .news_block a img, .news_block img { float: left; padding: 0 1em .25em 0; }
.news_block ul { padding-left: 35px; }
.news_block ol { font-size: 24px; list-style-type: decimal; font-weight: bold; list-style-position: inside; padding-left: 14px; }
.news_block ul li { color: #4c5b70; padding-bottom: .25em; }
.news_block ol li { color: #808d9c; padding-bottom: .125em; padding-top: .125em; }
.news_block ol li p{ font-weight: normal; padding: 0; }
.news_block em { float: right; position: relative; top: -12px; font-size: 12px; color: #686868; }
.news_block p em { float: none; top: 0; color: #292d3a; font-size: 14px;}
.news_block small, .media small { font-size: 12px; display: block; margin-left: 14px; padding-top: 4px; color: #515963; }
.news_block small a, .media small a { font-size: 12px!important; }
.news_block a:link, .news_block a:active, .news_block a:visited{ color: #d3393b; text-decoration: none; font-size: 14px;}
a.post-edit-link { color: #d3393b!important; }
a.post-edit-link:hover { text-decoration: underline!important; }
.news_block a:hover { text-decoration: underline; }
.news_block a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height: 16px;
background: transparent url(../images/pdf_file.gif) no-repeat;
}
.news_block blockquote{ position: relative; left: 0; margin-bottom: .25em; margin-top: .25em; padding-left: 7px; border-top: thin solid #aeaeae; border-bottom: thin solid #aeaeae; }

/**** Media Rules ****/
.media { width: 345px; padding-top: 10px; padding-bottom: 4px; padding-left: 14px; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: url(../images/block_bg.png) repeat-y; }
.media li{ background: url(../images/list_arrow.png) no-repeat; padding-left: 21px; padding-bottom: 10px; display: block; }
.media li a:link, #media_list li a:active { color: #b02f31; text-decoration: none; font-weight: normal; font-style: normal; }
.media li a:hover { text-decoration: underline; }
.media a:visited {  text-decoration: none; color: #98292c }
.media ul.archives li { background: none; padding-bottom: .25em; }

/**** JR Twitter ****/
h2.widgettitle { letter-spacing: -1px; padding-top: 5px; }
h2.widgettitle a { text-decoration: none; }
#jr-twitter { font-size: 14px;  padding-left: 0; }
li#jr-twitter, #jr-twit li  { background-image: none; }
#jr-twit { width: 300px; border: thin dotted #5a92bf; background-color: #f4f4f4; }
#jr-twit li { padding: 10px 16px; }


/**** Bottom Nav ****/
.botm_nav { text-align: center; padding-top: 5px; font-size: 12px; color: #5988b6; }
.botm_nav a:link, .botm_nav a:active { color: #fff; text-decoration: none; }
.botm_nav a:hover { color: #5988b6; text-decoration: underline; }
.botm_nav a:visited { color: #5988b6; }

.disc { text-align: center; padding-top: 5px; font-size: 10px; color: #e0e7f3; width: 410px; margin: 0 auto; }

/**** Social Networks ****/
#socials { background: url(../images/block_bg.png) repeat-y; position: relative; width: 345px; padding: 5px 14px; top: 10px; }
#socials h2 { padding-bottom: 7px; }

/**** Links ****/
ul.links { width: 406px; }
ul.links li { padding-bottom: 8px; list-style-type: decimal; list-style-position: outside; font-size: 14px; }

ul.pics { padding-left: 0; width: 471px; }
ul.pics li { float: left; padding-left: 1px; }
.pics li a img { border: 3px solid #022d50; display: inline-block; margin-bottom: 6px; float: none; padding: 0; }
.pics li a img:hover { border: 3px solid #d3393b; }

/**** Re-Usables ****/
.inner { float: left; width: 570px; border-right-style: dotted; border-right-width: 1px; margin: 0; }
.bottom { margin-bottom: 0px; }
li.last { background-image: none; text-align: right; }
.fltleft{ float: left; }
.pad1 { padding-left: 14px; }
p.pad1 { padding-left: 28px; }
p.nopad { padding-left: 0; }
.rounded { background-image: url(../images/rounded_bottom.png); width: 950px; height: 10px; }
.mediaPlay { padding-left: 14px; }
.no-bar { overflow-y:hidden; }