/*---------------------------------------------*/
/*  arbmaster.css                              */
/*  Feb 13, 08                                 */
/*                                             */
/*  Master template styles                     */
/*---------------------------------------------*/

body {
 background: #ffffff;
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
}

p:first-child {
 margin-top:0;
}

#heading, #navigation, #childNavigation, #maincontent, #footer {
 min-width:800px;
 width: 100%;
 text-align: left;
 margin: 0;
}

h3 {
 font-size:1.2em;
 font-variant: small-caps;
 margin-bottom: 2px;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/

#heading {
 border-top:4px solid #3260a0;
 height:80px;
 position:relative;
}

#heading img {
 float:left;
}

#state_logo {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#ffffff url(../include/images/logo.gif) no-repeat;
}

#arblogo {
 width:344px;
 height:77px;
 display:block;
 float:left;
 background:#ffffff url(../include/images/arblogo.gif) no-repeat;
}

#calbanner { /* This is the image for cpt1cola that uses a state banner (eg gmp.htm) - Pat 8-15-07 */
 width:344px;
 height:77px;
 display:block;
 float:left;
 background:#ffffff url(../include/images/calbanner.gif) no-repeat;
}

#heading #search_and_skipto {
 position:absolute;
 right:0px;
 top:0px;
 width:40em;
}

#heading #search_container {
 float:right;
 width:16em;
}

#heading #search_container #searchtype{
 margin:4px 0 0 15px;
}

#heading #skipto_container {
 float:left;
 margin:6px 0 0 0;
 color:#90897D;
}

#heading form {
 margin:0;
 float:right;
 width:16em;
 height:33px;
 background:#CCD4DF url(../include/images/search_bg.gif) no-repeat bottom left;
}
#heading form p {
 margin:0;
}
#heading form input {
 margin:0;
}
#heading #search {
 border: 1px solid #728EB4;
 width:11em;
 position:relative;
 top:-5px; /* adjust the text box */
 margin:0 0 0 14px;
}
#heading #submitbutton {
 position:relative;
 top:3px; /* Line up the submit button with the text box */
}

/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
 padding: 0;
 position:relative; /* Makes this the containing block */
 background: #3260a0; /* Blue, needed for empty sublists */
 height:37px;
 white-space: nowrap;
 z-index:9;
}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:8;
 width:60em; /* *** Adjust this to match the actual width of the tabs. *** */
}

#navigation a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 display: block;
 padding:9px 6px 0px 6px;
 float:left;
 background: transparent url(../include/images/navigation_tabs.gif) top right no-repeat;
 position:relative;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:21px; /* 30 - 9, for non-broken browsers */
}

#navigation a:hover {
 text-decoration: underline;
}

#navigation a span {
 background: transparent url(../include/images/navigation_tabs.gif) top left no-repeat;
 height:30px;
 width:7px;
 display:block;
 font-size:1px;
 position:absolute;
 top:0px;
 left:0px;
}

#navigation li {
 margin: 0;
 float: left;
 display: block;
 list-style: none;
}

#navigation li ul {
 display: none; /* Hide sublists */
 width:70px;
 top: 30px; /* moves the sublist below main list */
 left: 0px;
}

#navigation li li a {
 font-weight: normal;
 background-image: none;
 height:21px;
}

#navigation li li a.indexrow {
 font-weight: bold;
}

#navigation li.mouse_over ul { /* Show sublist of hovered item */
 display: block;
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(../include/images/navigation_tabs.gif) 100% -60px  no-repeat;
}

#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../include/images/navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation #nav_list .programs {
 position: relative;
 left: 50px;
}

#navigation #nav_list .rulemaking {
 position: relative;
 left: 123px;
}

#navigation #nav_list .board {
 position: relative;
 left: 211px;
}

#navigation #nav_list .laws {
 position: relative;
 left: 322px;
}

#navigation #nav_list .data {
 position: relative;
 left: 459px;
 text-indent: 7px;
}

#navigation #nav_list .dataindex {
 position: relative;
 left: 459px;
}

#navigation #nav_list .permits {
 position: relative;
 left: 487px;
}

#navigation #nav_list .events {
 position: relative;
 left: 597px;
}
/*new style for events tab* Added 021308*/
 .eventsindent {
 position: relative;
 left: 597px;
 text-indent: 7px;
}


#navigation #nav_list li ul li a {
 height:22px;
 background: #3260a0;
 border: 1px solid #921e20;
 border-top: none;
}

#navigation #nav_list li ul li:first-child {
 border-top: 1px solid #921e20;
}

#navigation #nav_list li li a {
/* background: #3260a0 url(../include/images/navbg.gif) 0px 0px repeat-x; */
 padding: 3px 6px 0px 6px;
}

/* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari(?) */
body:last-child #navigation li:hover ul { 
 display: block;
}

/* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari */
:root #navigation li:hover ul { 
 display: block;
}

/* Show sublist of hovered item, hack hides this from Opera, works in IE */
* html #navigation li:hover ul { 
 display: block;
}

#navigation li.defaulttabover ul {
 display: block;
}

#navigation li.defaulttabout ul {
 display: none;
}

#navigation li.defaulttabout a , #navigation li.defaulttabover a {
 background: transparent url(../include/images/navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.defaulttabout a span, #navigation li.defaulttabover a span {
 background: transparent url(../include/images/navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
 position:absolute;
 width:100%;
 height:30px;
 background: #ffffff; /* First row, white */
}



/*---------------------------------------------*/
/*  bluetitle                               */
/*---------------------------------------------*/

#bluetitle {
 width:100%;
 background: #3260a0 ;
 height: 22px;
}

#bluetitle h3 {
 color: #ffffff;
 font-variant: small-caps;
 margin-top: 0;
 margin-bottom: 4px;
 text-align: center;
 padding:0;
}

#bluetitle #twocol {
 padding:0 0 0 206px;
}

/*Added 02/14/08 for xhtml compliance include project-rd*/
.twocol {
 padding:0 0 0 206px;
}

/*---------------------------------------------*/
/*  maincontent                               */
/*---------------------------------------------*/

#maincontent1col, #maincontent2col, #maincontent3col {
 width:100%;
 padding:0;
 margin: 0;
 float:left;
}

#maincontent2col, #maincontent3col {
 background: url("../include/images/mainbg.gif") repeat-y;
}

#leftcolumn {
 float:left;
 width:199px;
 height:100%;
 margin:0;
 padding:0 0 7px 0;
 background: #ecece7;
}

#leftcolumn a {
 color:#000000;
}

#leftcolumn ul {
 margin: 0em 0.5em 1em 0em;
}

#rightcolumn {
 float:right;
 width:199px;
 margin:0;
 padding:0 0 7px 0;
 background: #ecece7;
}

#rightcolumn a {
 color:#000000;
}

#rightcolumn ul {
 margin: 0em 0.5em 1em 0em;
}

#rightside {
 float:right;
 width:1px;
 margin:0;
 padding:0;

}
#navtop {
 background:#ccd4df;
 width: 199px;
 height: 7px;
 margin-bottom: 2px;
}

.navcolumn, .secondnav {
 margin:0;
 padding: 1px 0 4px 8px;
}

.navcolumn {
 background:#ccd4df;
}

.navcolumn h3, .secondnav h3 {
 margin-top: 6px;
}

.navcolumn a, .secondnav a {
 display:block;
}

.bluelist li, .secondlist li {
 padding:2px;
 margin-bottom:0px;
}

.bluelist li {
 list-style-image:url("../include/images/bullet_blue.gif");
}

.secondlist li {
 list-style-image:url("../include/images/bullet_black.gif");
}

.bluelist a, .secondlist a {
 text-decoration:none;
 display:block;
}

.bluelist a {
 border-bottom:1px dotted #253B5A;
}

.secondlist a {
 border-bottom:1px dotted #999999;
}

.bluelist a:hover, .secondlist a:hover {
 text-decoration:underline;
}

.bluelist a:hover {
 background:#ecece7;
}

.secondlist a:hover {
 background:#ccd4df;
}

.governor_website {
 display:block;
 text-align:center;
 margin:0px 0px 0px 0px;
 clear:both;
}

.makedate {
 margin: 0 0 2px 10px;
 font-size: 0.85em;
 font-weight: bold;
}

#middlecolumn {
 margin:0 0 0 199px;
}

#headertitle {
 background: #3260a0;
 padding-bottom: 2px;
}

#headertitle h3 {
 color: #ffffff;
 text-transform: capitalize;
 text-align: center;
 margin-top: 0;
}

#contentarea1col {
 margin: 7px 10px;
}

#contentarea2col {
 margin: 7px 10px 0 209px;
 padding-bottom: 7px;
}

#contentarea3col {
 margin: 7px 209px 0;
 padding-bottom: 7px;
}

.updatedate {
 font-size:0.87em;
 font-style:italic;
 text-align:center;
}

.pagecontent {
 text-align:left;
}

#oneup {
 text-align:center;
}

/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

.banners strong {
 text-align:center;
 display:block;
}

.banners div {
 float:left;
 width:234px;
 padding:0 30px 0 0;
}

.banners img {
 display:block;
 margin:6px 0;
}

#amber_alert_on {
 margin-bottom:10px;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/

#footer {
 text-align: center;
}

#footer div {
 background: #3260a0 /* url(../include/images/footer_corners.gif) no-repeat -8px 100% */;
 position:relative;
 padding:8px;
 color:#921e20;
 height:1.5em; /* Needed for IE */
 z-index:0;
}

#footer #twocol {
 background: #3260a0;
 padding:8px 8px 8px 206px;
 color:#921e20;
 height:1.5em; /* Needed for IE */
}

#footer div a {
 color:#ffffff;
 background-color:transparent;
}

#footer div span {
/* background: #3260a0 url(../include/images/footer_corners.gif) no-repeat; */
 width:7px;
 height:7px;
 position:absolute;
 bottom:0px;
 right:0px;
 display:block;
 font-size:1px;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
 height:8px;
 bottom:-1px;
}

#subfooter {
 text-align: center;
 margin-top: 7px;
 font-size: 0.85em;
}

#subfooter2col {
 text-align: center;
 margin-top: 7px;
 padding-left: 206px;
 font-size: 0.85em;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/

.governor_website {
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;
}

a:link {
 color: #3754d4;
}

a:visited {
 color: #666666;
}

a:hover {
 color: #c84b13;
 background-color:#ecece7;
}

a:active {
 color: #c84b13;
}

img {
 border:0px;
}

.hidden {
 display:none; /* For IE 4 only */
}

@media all{ /* Hide this from IE 4 */
 .hidden { /* Hide from regular displays.  Screen readers can still read it. */
  display:block;
  position: absolute;
  left: -9999px;
  top: 0;
 }
}

.cleaner {
 clear:both;
 height:2px;
 font-size:1px;
 border:none;
 margin:0 0 -2px 0;
 padding:0 !important;
 width:auto !important;
 float:none !important;
}

p {
 margin:.7em 0em .9em 0em;
}

ul {
 margin: 1em 0em 1em 1.4em;
 padding: 0em 0em .5em 1.4em;
}

ul ul {
 margin: 0em 0em 0em 1.4em;
 padding: .2em 0em .2em 1.4em;
}

p#updated {
 text-align:center;
 font-style:italic;
 font-size:0.9em;
}

p#oneup {
 text-align:center;
 margin:5px 0;
}
/*---------------------------------------------*/
/*  left nav styles-developed to improve       */ 
/*  aesthetics of left nav bar 12/20/07        */
/*---------------------------------------------*/

/*#ray .indent  {padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 2em;
color:red}*/
#ois #lefthandnav ul  {     

                           padding: 0em 0em 0em 0em;
                           margin: 0em 0em 0em 1.37em;
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print {
 #heading, #search_and_skipto, #navigation, #leftcolumn, .banners, #footer, #subfooterlegals, #printControl, #rightcolumn {
  display:none;
 }

 #bluetitle #twocol {
  padding:0;
 }

 #subfooter a, #subfooter2col a {
  color: #000000;
 }

 #middlecolumn, #contentarea2col, #subfooter2col, #contentarea3col {
  margin: 0;
  padding: 0;
}

 #heading, #navigation, #maincontent, #footer {
  min-width:inherit;
 }
}

/*---------------------------------------------*/
/*  Table Hack                                 */
/*---------------------------------------------*/

table#wrapper {
 table-layout:fixed;
 width:99%;
 border-collapse:collapse;
 border-style:none;
}

td#cellwrap {
 text-align:left;
}

td {
 text-align:left;
}

td.cellright {
 text-align:right;
}

td.cellcenter {
 text-align:center;
}
/*10/31/07 Code below added to address cellwidth issues*/

/*td[align="center"] { text-align:center;
 }
 td[align="left"] { text-align:left;
 }
 td[align="right"]{ text-align:right;
 } */

/*---------------------------------------------*/
/*  Old Page Style Patches                     */
/*---------------------------------------------*/

.contentItalic {
 font-size:0.87em;
 font-style:italic;
}