/*
Governors' Gallery master template
Version 2013.03.21
*/

/* =================================================== Google Search code ========================================================== */
div.gs-webResult div.gs-visibleUrl-long, div.gs-promotion div.gs-visibleUrl-long {
  overflow : visible;
  display : block;
}

div.gs-visibleUrl-short {
  overflow : hidden;
  display : none;
}
/* =================================================== end of google search code =================================================== */

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

/* *************** CSS Reset *************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.page {
	margin:0 auto;
	width:1600px;
}
.cleaner {
	clear:both;
	height:2px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
.hidden { /* Hide from regular displays.  Screen readers can still read it. */
	display:block;
	position: absolute;
	left: -9999px;
	top: 0;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.92em;
	color: #646566;
	background-color:#0b1a31;
}

h1 {
	padding-left: 0px;
	margin-top: 0px;
	font-size: 1.8em;
	color: #2d548e;
	padding-bottom:10px;
}
h2 {
	padding-left: 0px;
	margin-top: 0px;
	font-size: 1.4em;
	color: #2d548e;
	padding-bottom:15px;
}
h3 {
	padding-left: 0px;
	margin-top: -10px;
	font-size: 1.2em;
	color: #2d548e;
	padding-bottom:15px;
}
h4 {
	padding-left: 0px;
	margin-top: 0px;
	font-size: 1.1em;
	color: #646566;
	padding-top:10px 15px;
}

.gold {
	color:#9e7539;
}
a:link {
	color:#2d548e;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	cursor:hand;
}
a:visited {
	color:#0d2449;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}
a:hover {
	color:#5888cf;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}
a:active {
	color:#5893ec;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}

ul{
	list-style-image: url(../images/square.png);
	font-size:0.95em;
	padding:0 0 10px 15px;
}


.col {
	float:left;
	padding:10px 10px 0 0px;
	position: relative;
}
.col p {
	line-height:1.4em;
	font-size:0.95em;
	padding-bottom:8px;
}
	
.footer {
	padding-left: 0px;
	text-align: center;
	clear: both;
}

/* =================================================== top include =================================================== */
.top_div {
	background: url(../images/bg_top.jpg) 0 0 no-repeat;
	height:413px;
	width:1600px;
	float:left;
	margin:0 auto;
}
.center {
	position: relative; 
	top:30px; 
	width:900px;	
	margin:0 auto;
}
#gov_gallery {
	position:relative;
	left:365px;
	top:-270px;
	width:357px;
	height:94px;
	background: url(../images/gov_gallery.png) 0 0 no-repeat;
	z-index:10;
}
#first_ladies_logo {
	position:relative;
	left:365px;
	top:-270px;
	width:357px;
	height:224px;
	background: url(../images/first_ladies_logo2.png) 0 0 no-repeat;
	z-index:10;
}
/* =================================================== end of top include ============================================= */

/* =================================================== governors list ================================================= */
#governors {
	position:absolute;
	left:328px;
	top:340px;
	width:944px;
	height:141px;
	background: url(../images/gov_bar.png) 0 0 no-repeat;
	z-index:1;
}
/* carusel slideshow for gov list */

/* each image is 32x54, 18px between each img, total width 50px/img */

.javascript_on  #g_carousel_container {
	padding:0px 0 0 0px;
	float:left;
	width:730px; /* needed for Chrome, 300 + 20 + 20 */
	height:159px;
	overflow:hidden;
	/*position:relative;*/
	background:url(/goldrush/images/goldrush_pic/slides_bg.png) no-repeat;
}

.javascript_on #g_carousel_images {
	width:1540px; /* should be total width of all images */
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:20px;
	height:65px;
}

.javascript_on #g_carousel_slider {
	white-space:nowrap;
	position:relative;
}
#g_carousel_container #g_carousel_images #g_carousel_slider img {
	margin:0px 10px 0 0;
	float:left;
	border:5px solid #f3eee8;
}

.javascript_on #g_carousel_left_arrow {
	background:transparent url(/images/slideshow_arrows.png) no-repeat -60px 0px;
	width:20px;
	height:23px;
	float:left;
	margin-top:-65px;
	/*margin-left:14px;*/
	z-index:100
}
.javascript_on #g_carousel_right_arrow {
	background:transparent url(/images/slideshow_arrows.png) no-repeat -30px 0px;
	width:20px;
	margin-top:17px;
	position: absolute;
	/*left:445px;*/
	margin-left:5px;
}
.p_slides {
	font-size:1.0em;
	width:122px;
	float:left;
	padding-right:2px;
	font-weight: 700;
}
/*============================================== end of governors list ================================================ */

.middle{
	background: url(../images/bg_middle.jpg) 0 0 repeat-y;
	width: 1600px;
	/*height:940px;*/
	float: left;
	margin:0 auto;
}
.content {
	background: url(../images/bg_middle.jpg) 0 0 repeat-y;
}

/*========================================== main page middle content ================================================= */
.middle_content  {
	padding:30px 15px 20px 20px;
	margin-top:15px auto;
	z-index:-1;
	background: url(../images/bg_content.jpg) 0 0 repeat-y;
	/*height:780px;*/
}
#seal {
	background: url(../images/ca_seal.png) 0 0 no-repeat;
	height:233px;
	width:233px;
	margin:0 10px 0 20px;
}
#btns {
	width:350px;
	height:37px;
}
#btns img{
	margin-left:-2px;
	width:170px;
}
/*========================================== current governor =================================================== */
#cur_gov {
	background: url(../images/current_gov_bg.png) 0 0 no-repeat;
	height:102px;
	width:900px;
	margin-left:-8px;
	padding-bottom:7px;
}
.gov_item {
	float:left;
	padding:30px 33px;
}
#gov_img
{
	padding:6px 30px 0 0;
	position: absolute; 
	right:15px; 
}
/*========================================== end of current governor =========================================== */

/*========================================== quick facts ======================================================= */
#quick_facts {
	background: url(../images/quick_facts_bg.png) 0 0 no-repeat;
	height:208px;
	width:876px;
	margin-left:-8px;
}
.quick {
	padding:35px 0 0 0px;
	float:left;
	width:400px;
	font-size:13px;
}
.quick_gov_img {
	width:90px;
	float:left;
	padding:5px 10px 40px 15px;
	border:0;
}
/*========================================== end of quick facts ======================================================= */

/*========================================== first ladies carousel ==================================================== */
#first_ladies {
	/*background: url(../images/first_ladies_bg.png) 0 0 no-repeat;*/
	height:208px;
	width:500px;
	padding:0px 0 0 50px;
}
.carusel_bg {
	background: url(../images/first_ladies_carusel_bg.png) 0 0 no-repeat;
	height:146px;
	width:579px;
	position:relative;
	top:45px;
	left:20px;
	float:left;
}
.ladies {
	padding:0px;
	float:left;
	width:100px;
	height:155px;
	font-size:0.95em;
	margin-right:-5px;
	padding-top:20px;
}
.ladies_slides {
	padding:0px;
	float:left;
	width:530px;
	font-size:0.95em;
}
.overlap  {
	position: fixed; 
	visibility: hidden;
	margin:-50px 0 0 5px;
	color:#fff;
	background:url(../images/l_sl_bg.png) -5px 0px repeat-x;
	width:100px;
	height:50px
}
.overlap p {
	padding-left:5px;
	margin-top:10px
}
/*========================================== end of first ladies carousel ============================================== */

/*========================================== bottom ==================================================================== */
.footer {
	text-align:center;
	height:80px;
	padding-top:20px;
}
.footer_home {
	width:880px;
	padding-bottom:20px;
	height:55px;
}
#bottom_div {
	background: url(../images/bg_bottom.jpg) 0 -20px no-repeat;
	height:180px;
	width:1600px;
	float:left;
}
#bottom_div p {
	padding-top:30px;
}
.white_text {
	color:#fff;
	font-size:0.9em;
}
.white_text a:link {
	color:#fff;
	font-size:0.9em;
}
.white_text a:visited {
	color:#9ab6e1;
	font-size:0.9em;
}
.white_text a:hover {
	color:#cce0fd;
	font-size:0.9em;
}
.white_text a:active {
	color:#cce0fd;
	font-size:0.9em;
}
/*========================================== bottom ==================================================================== */

/*========================================== end of main page middle content ================================================= */



/*=========================================== Governors pages ================================================================ */
#gov_portrait {
	padding:0px;
	background: url(/images/governors/photos/shadow.png) -17px -25px no-repeat;
	margin-right:0px;
	height:355px;
	width:285px;
}
#div_onclick {
	width:690px; 
	position:relative;
	padding:15px;
	border:2px dotted #ccc;
	margin-top:10px
}
.hide {
	text-decoration:none; 
	position: relative; 
	right:10px; 
	top:10px; 
	float:right;
	border-bottom:1px dotted grey;
}
.blue_box {
	background-color:#1d518d;
	border:3px solid #e7e7e7;
	width:200px;
	margin-top:5px;
	position: relative;
	height:auto;
	float:right;
	min-height:470px
}
.blue_box p {
	color:#fff;
	font-size:1.1em;
	background:url(/images/grad_bar.png) 0 0 repeat-x;
	padding:10px;
	font-weight:bold;
}
.blue_box ul{
	padding:10px;
}
.blue_box ul li {
	margin-left:14px;
	padding-top:5px;
	color:#a3bbe9;
	font-size:0.99em
}
.blue_box a:link {
	color:#e1b87d;
	font-size:0.96em
}
.blue_box a:visited {
	color:#d5b8a6;
	font-size:0.96em
}
.blue_box a:hover {
	color:#e1cfbf;
	font-size:0.96em
}
.blue_box a:active{
	color:#fff;
	font-size:0.96em
}
.blue_box .white_small {
	color:#a3bbe9;
	font-size:0.93em;
	padding:10px;
	background:none;
	font-weight:normal;
}
#address_bg {
	height:208px; 
	width:898px; 
	position:absolute; 
	left:0; 
	top:23px; 
	background: url(/images/address_bg.png) 0 0 no-repeat;
}
#address_content {
	width:820px; 
	padding:10px
}
#address_content  p{
	padding-top:10px
}
ul, ol {
	padding-left:20px;
}
/*=========================================== End of Governors pages ================================================================ */

/*=========================================== First Ladies pages ================================================================ */
#back{
	background:url(/images/back_btn.png) 0 0 no-repeat;
	width:300px;
	height:77px;
	position: absolute;
	left:-33px;	
}
#back:hover{
	background:url(/images/back_btn_over.png) 0 0 no-repeat;
	width:299px;
	height:77px;
	position: absolute;
	left:-33px;	
}
.gold_box {
	background-color:#e3c494;
	border:3px solid #e7e7e7;
	width:200px;
	margin-top:5px;
	position: relative;
	height:auto;
	float:right;
	min-height:435px
}
.gold_box p {
	color:#fff;
	font-size:1.1em;
	background:url(/images/grad_bar.png) 0 0 repeat-x;
	padding:10px;
	font-weight:bold;
}
.gold_box ul{
	padding:10px;
}
.gold_box ul li {
	margin-left:14px;
	padding-top:5px;
	color:#a3bbe9;
	font-size:0.99em
}
.gold_box a:link {
	color:#1d518d;
	font-size:0.96em
}
.gold_box a:visited {
	color:#1d518d;
	font-size:0.96em
}
.gold_box a:hover {
	color:#238bc6;
	font-size:0.96em
}
.gold_box a:active{
	color:#fff;
	font-size:0.96em
}
.gold_box .white_small {
	color:#a3bbe9;
	font-size:0.93em;
	padding:10px;
	background:none;
	font-weight:normal;
}
.courtesy {
	margin:-70px 0 0 30px
}
.gold_box .ladies_facts li{
	color:#4f4743;
	font-size:0.9em;
}
/*=========================================== End of First Ladies pages ================================================================ */