/*******************  UNIVERSAL  *******************/
textarea:focus, input:focus, select:focus { background-color: #ffe; }
input, textarea, select   { font: 1.1em verdana }
form             { margin: 0 }
img              { border: none }
table            { width: 100% }
.hr              { height: 2px; margin: 1.5em 0 }
input.unfilled   { color: #666; font-style: italic }
tr.alt td        { border-top: 1px solid #f1f1f1 }
.firstpar        { font-weight: bold }
.readmore        { font-weight: bold; margin: 1em .9em 0 0; text-align: right }
.debug           { border: 1px solid red }
.noborder        { border: none !important }
.blacktext       { color: #222 !important }
.greyinput       { color: #666; font-style: italic }

/*******************  HEADER  *******************/
#logo                    { display: block; padding: 10px 0 20px 20px }
#myrockbar               { background: #333; border-bottom: 1px solid #d0d0d0; font-size: .8em; line-height: 1;
                           padding: 2px 0 }
#myrockbar .login        { float: right }
#myrockbar .links        { color: #999; float: left }
#myrockbar .links a      { color: #ddd }
#myrockbar .loginform    { float: left; text-align: right; width: 262px }
#myrockbar #username,
#myrockbar #password     { font-family: arial; font-size: 1.1em; width: 80px; }
#myrockbar .submitlogin  { width: 30px }
#utilitylinks            { color: #666; float: right; font-size: 10px; padding-right: 20px;
                           text-align: right }
#utilitylinks a          { color: #0000a6; padding-bottom: 1px; text-decoration: none }
#header1                 { background: #fff }
#header1print            { display: none }
#mainnav                 { background: #f1f1f1; padding: .4em 0 0 .5em; font-size: 1.1em; font-family: georgia }
#mainnav ul              { float: left; font-weight: bold; line-height: 1; display: inline; margin: 0;
                           padding: .2em 0 .4em; white-space: nowrap } 
#mainnav li              { border-left: 1px solid #ccc; display: inline; list-style: none; margin: 0; padding: 0 1.5em;
                           white-space: nowrap; text-transform: uppercase }
#mainnav li .anylinkcss  { text-transform: none }
#mainnav li.first        { border-left: none }
#mainnav li.selected     { background: #fcfcfc; border-left: none; color: #333;
                           padding: .1em .8em .4em; border: 1px solid #444; border-width: 1px 1px 0 1px }
#mainnav li.aftersel     { border-left: none }
#mainnav a               { color: #222; text-decoration: none }
#mainnav ul a            { color: #222 }
#mainnav li.selected a   { color: #333 }
#mainnav .adlinks        { color: #ccc; float: right; font-size: .9em; line-height: 1; margin: 0 10px }
#secondarynav            { border-bottom: 1px solid #666; font-size: .9em; padding: .5em 0 .6em .6em; border-bottom: none;
                           margin-bottom: 2em; margin-top: -1px; border-top: 1px solid #444 }
#secondarynav a          { color: #257; padding-bottom: 1px; text-decoration: none; display: inline-block }
#secondarynav ul         { display: inline; margin: 0; padding: 0 } 
#secondarynav li         { border-left: 1px solid #ccc; display: inline; list-style: none; margin-left: 0; padding: 0 .7em;
                           white-space: nowrap }
#secondarynav li.first   { border-left: none }
#secondarynav li.selected { font-weight: bold }
#secondarynav li.selected a { background: none; color: #333; text-decoration: none }
#searchform              { color: #000; display: block; float: right; padding-bottom: 8px; margin-right: 2% }
#searchlabel             { color: #666; float: left; font-weight: bold }
#pageutils               { color: #999; font-size: .8em; line-height: 1.7; margin: 2em 0 4em; display: none }

/*******************  COOKIE CRUMB TRAIL  *******************/
#cct               { background: #444; color: #ddd; font-size: .8em; margin: 0 0 1em 0; text-transform: lowercase;
                     padding-left: .5em; padding-bottom: .5em; padding-top: .3em; line-height: 1 }
#cct a             { color: #ddd; text-decoration: none }
#cct ul            { list-style: none; margin: 0; padding-left: 1em; text-indent: -1em } 
#cct li            { display: inline }
#cct .smallarrow   { font-size: .8em }
#cct .current      { color: #fff }

/********************  TAGLINE  *******************/
#tagline           { color: #333; font-size: .8em; margin: 0 0 1em 0; text-transform: lowercase;
                     padding-left: .5em; padding-bottom: .5em }
#tagline a         { color: #333; text-decoration: none }

/*******************  MAIN CONTENT  *******************/
#mc                { line-height: 1.6 }
#mc p              { color: #111; margin-bottom: 1.6em }
#mc .firstpar      { color: #333; margin-top: .3em }
#mc a              { text-decoration: underline }

/*******************  LISTS  *******************/
.doublespace       { margin-top: 1em }
.flatlist          { padding-left: 1.5em }
.flatlist ul       { list-style: none; margin: 0 0 0 -1em; padding-left: 1em }
.doublespace li    { margin-bottom: 1em }
.nodoublespace     { margin-top: 1em }
.nodoublespace li  { margin-bottom: 0 }

/*******************  PHOTOGRAPHS  *****************/
.piccontainer .picture       { background: url(/themes/rock10/images/shadow.gif) no-repeat bottom right;
                               margin: 10px 5px 0; padding: 0; position: relative }
.piccontainer .picture img   { background-color: #fff; border: 1px solid #a9a9a9; margin: -5px 5px 5px -5px;
                               padding: 4px; position: relative; vertical-align: bottom }
.piccontainer .caption       { color: #666; font-size: .85em; line-height: .9; margin: -1px 0 0 4px }

/*******************  FOOTER  *******************/
#enewsletter            { background: #ddd; border: 1px solid #666; border-width: 1px 0; font-size: .9em;
                          padding: 2px 2px 2px 2em }
#enewsletter #email     { font-size: .9em; width: 160px }
#pg_home #footer { color: #c7c5c5; }
#footer          { color: #000; font-size: .85em; margin-bottom: 5em; border: 1px solid #4A4B4C;
                   border-width: 1px 0 1px 0; padding: .7em 0 }
#pg_home #footer a, #pg_home #footer span.sblink, #pg_home #footer3 a { color: #fff; }
#footer a        { color: #000  }
#footer a:hover, #footer span.sblink:hover { text-decoration: underline }
#pg_home #footer2, #pg_home #footer3  { color: #ddd }
#footer2         { color: #000; font-size: .8em; padding-bottom: 2em }
#footer2 td      { vertical-align: middle }
#footer2 td.first  { text-align: left; width: 377px }
#footer2 td.middle { text-align: center; width: 144px }
#footer2 td.last   { text-align: right; width: 377px }
#footer3           { color: #000; font-size: .8em; padding-bottom: 2em; text-align: right }
.hrnew             { border: none 0; border-top: 1px solid #4A4B4C; height: 1px; margin: 1em 0 }

/*******************  LINK PAGE  *******************/
.linkpage ul            { list-style: none; margin: 1.5em 0 0 2em; padding-left: 0;  }
.linkpage ul li         { margin-top: 1em }
.linkpage li a          { font-weight: bold }

/*******************  PAGE INDEX  *******************/
.pageindex              { background: #eee; border: 1px solid #ccc; font-size: .9em; line-height: 1.1;
                          margin: 2em 0 1em 1em; padding: .75em 1em 1em 1em; width: 45% }
.pageindex .title       { color: #333; font-weight: bold; margin-bottom: .7em; text-align: center }
.pageindex ol           { padding-left: 1.5em; margin: 0 }
.pageindex li           { margin-bottom: .6em; color: #333 }

/*******************  BOXES  *******************/
.innerpadding    { padding: 5px 4%; width: 100%; width/* */:/**/91%; width: /**/91% }
.lrpadding       { margin: 0 4%; width: 100%; width/* */:/**/91%; width: /**/91% }
#ts img          { margin: 5px 0 5px 15px }
#ts .title       { font-size: 1.9em; font-weight: bold; line-height: 1.3; font-family: georgia,times;
                   letter-spacing: .03em }
#ts .authordate  { margin: 1em 0 1em }
#ts .author      { color: #666; font-size: 1.1em; font-weight: bold }
#ts .date        { color: #666; font-size: .9em }
#ts p            { font-size: 1.2em; margin-top: .7em }
#ts .heads       { color: #666; font-size: 1.2em; font-weight: bold; margin-bottom: .2em }
#jta .box1, #jta .box2, #jta .box3 { float: left; padding: 0 2.5%; width: 29% }
#jta .box1, #jta .box2 { border-right: 1px solid #ccc }
#jta .box1       { padding: 0 2.5% 0 0 }
#jta .box3       { padding: 0 0 0 2.5% }
#jta .number     { color: #ccc; float: left; font-size: 1.8em; font-weight: bold; padding-right: .4em }
#jta .link       { font-weight: bold; line-height: 1.1; margin-bottom: .4em }
#nttr .padding   { padding: 15px 95px 15px 4% }
#nttr .contents  { height: 105px; position: relative }
html>body #nttr .contents  { height: auto; min-height: 105px }
#nttr img        { bottom: 1px; padding-top: 1em; position: absolute; right: 1px }
#nttr .quote     { color: #666; font-size: 1.1em; font-weight: bold }
#nttr p          { margin: .3em 0 1em }
#a ul            { margin: 0; padding: 0 0 0 1.5em }
#a li            { margin: 0 0 1.5em 0 }
#a a             { font-size: 1.1em; font-weight: bold }
#lws .message    { font-size: 1.1em; font-weight: bold; line-height: 1.2; margin-bottom: .5em }
#lws .speaker    { font-size: .9em; line-height: 1 }
#lws .date       { color: #333; font-size: .9em; line-height: 1; margin-bottom: 1em }
#lws .links      { margin-bottom: 1em }
#ue ul           { list-style: none; margin: 0 0 1.4em 0; padding-left: .4em }
#ue li           { line-height: 1.1em; margin: .3em 0 .5em }
#ue .eventdate   { font-weight: bold; line-height: 1.1; margin-bottom: .5em }
#nav a           { text-decoration: underline }
#nav .parent     { font-weight: bold; margin-bottom: .5em }
#nav .links      { line-height: 1.1 }
#nav .links a    { text-decoration: none }
#nav li          { margin: .5em 0 0 }
#nav li.selected { padding: 0 }
#nav li.selected a { color: #7E2727; font-weight: bold }
#search .searchform { color: #555; font-size: .75em; margin: 0 0 1em 0 }
#search h5       { margin-bottom: .4em; margin-top: .4em }
#search #searchinput { width: 75% }
#search .submit  { width: 21% }
#pagenav .links  { font-size: .9em; line-height: 1; padding-right: 1px }
#pagenav .links ul { list-style: none; padding-left: 0 }
#pagenav .links li { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; padding: .8em 1em }
#pagenav .links li.selected { background: #fafafa; font-weight: bold }
#pagenav .links li.selected a { padding-left: 1em }
#pagenav .links li:hover { background: #f6f6f6 }
#pagenav .links a  { color: #024; display: block; padding-left: 1em }
#pagenav .empty li { background: none }
#rl .links a, #ml .links a   { color: #0E328D }
#rl .links ul, #ml .links ul  { padding-left: .5em; margin-top: 1.1em }
#rl .links, #ml .links  { line-height: 1.1; font-size: .9em }
#rl .links li, #ml .links li { margin-top: 1em }
#pagenav, #rl, #ml { margin-top: 3.8em }
                            
/*******************  SIDE BOX  *******************/
.sidebox        { background: #eee; border: 1px solid #999; float: right; font-size: .9em; line-height: 1.4em;
                  margin: 0em 0 12px 12px; padding: 10px; width: 200px }
.sidebox h3     { color: #333; margin-bottom: .5em }
.sidebox ul     { margin: 0; padding-left: 2em; text-indent: -.1em }

/*******************  PAGE LINKS  *******************/
.pagelinks           { font-size: .88em; line-height: 1; font-weight: bold; margin: 1em 20px 1em 0; float: right }
.pagelinks .link     { float: left }
.pagelinks a, .pagelinks .current, .pagelinks a:visited, .pagelinks a:hover
                     { display: block; padding: 2px 3px; border: 1px solid #999; margin-right: 2px;
                       background: #eee; text-decoration: none; color: #333; }
.pagelinks .current  { border: 1px solid #DAC16C; background: #EBDFB6; color: #000 }
.pagelinks a:hover   { border: 1px solid #6C93DA; background: #D2E6F4; color: #000 }

/*******************  CLEAR FIX  *******************/
.clearfix:after      { content: "."; clear: both; display: block; height: 0; visibility: hidden }
.clearfix            { display: inline-block }
* html .clearfix     { height: 1% }
.clearfix            { display: block }

/*******************  DROP DOWN NAVIGATION  *******************/
#ddnav                   { line-height: 1; font-size: 9pt }
#dd ul#ddnav, #dd #ddnav ul { list-style: none; padding: 0; margin: 0 }
#ddnav .padnav           { padding: 10px 10px 10px 0; background: #dadada; /* opacity: 0.9; filter: alpha(opacity=95); */ }
#dd #ddnav a             { text-decoration: none; color: #222 }
#dd #ddnav a.special     { font-weight: bold; color: #000 }
#dd #ddnav li li a       { display: block; padding: 5px 7px }
#dd #ddnav li li a:hover { background: #bbb; color: #000 }
#dd #ddnav .heading      { display: block; padding: 5px 7px; color: #000; font-weight: bold;
                           width: 90px }

#dd li                 { float: left; position: relative; z-index: 10000; 
                         text-align: left; cursor: default;
                         /* background-color: white; */ margin: 0; padding: 0 }
#dd li table           { position: absolute; margin: 0; padding: 0 }
#dd li table td        { border-left: 1px solid #aaa; padding: 0 5px; width: 16% }
#dd li table td.first  { border-left: none }

#dd li ul              { display: none; position: absolute; top: 100%; left: 0;
                         font-weight: normal }

#dd li>ul              { top: auto; left: auto; }
#dd li li              { display: block; float: none; border: 0; }
#dd li:hover ul, #dd li.sfhover ul { display: block }
#dd li:hover td, #dd li.sfhover td {  }

#dd #ddnav li:hover       { /* position: static */ }  /* Thought needed this for IE6, guess not */
#dd #ddnav li li:hover, #dd #ddnav li li.sfhover {  }
#ddnav td               { vertical-align: top; padding: 0 }

/*******************  MEDIA BOX VIDEOS  *******************/
.displayBox   { background: #000 !important; border: 6px solid #000 }
#pg_messages .blockMsg { height: 254px !important }
.boxTitle    { color: #777; font-size: 7pt; padding-bottom: 4px !important }
#pg_army .boxTitle, #pg_army-accountability .boxTitle { background: #000; color: #fff; font-size: 7pt; padding-bottom: 4px !important; padding-left: 5px !important }

/*******************  RZTooltip using JQUERY ****************/
#rzTooltip { width: 350px; border: 1px solid #999 }
#rzTooltip_header { background: #ddd top left no-repeat; }
#rzTooltip_body { background: #fff bottom left no-repeat; }
#rzTooltip_header { padding: 3px 10px 3px 10px; margin: 0; border-bottom: 1px solid #369; color: #006; }
#rzTooltip_body { padding: 10px; }
#rzTooltip_body p { margin: 0 0 10px 0; }

span.sblink:hover { cursor: pointer }

/*******************  LAYOUTS ****************/
.lo_homepage #leftcol, .lo_homepage #middlecol, .lo_homepage #middlerightcol, .lo_homepage #rightcol  { float: left; margin: 12px .5% 0; display: inline }
.lo_homepage #leftcol      { width: 53%; margin-left: 1.3% }
.lo_homepage #middlerightcol { width: 43% }
.lo_homepage #middlecol    { width: 21%; margin-top: 0 }
.lo_homepage #rightcol     { width: 21%; margin-right: 1.3%; margin-top: 0 }

.lo_onecolumn #background    { background-color: #fff }
.lo_onecolumn #middlecol    { width: 920px; margin-left: 52px; background: transparent !important; border: none !important }

.lo_twocolumns #background    { background-color: #fff !important }
.lo_twocolumns #dropshadow    { height: 6px }
.lo_twocolumns #rightcol, .lo_twocolumns #rcleft, .lo_twocolumns #rcright, .lo_twocolumns #rightcol2  { float: left; display: inline }
.lo_twocolumns #rightcol      { width: 920px; margin-left: 52px; background: transparent !important; border: none !important }
.lo_twocolumns #rcleft      { width: 613px }
.lo_twocolumns #rcright     { margin: 0em 0 0 20px; width: 190px; background: #ddd; padding: 15px }
.lo_twocolumns #rightcol .lrpadding  { margin: 0 1% 0 3%; width: 100%; width/* */:/**/95%; width: /**/95% }
.lo_twocolumns #rightcol .contents   { line-height: 1.6; font-size: .95em; font-family: arial; color: #666 }