/* CSS for Texas Secretary of State Sub Sites*/
/* Author: James Niņo */

/*------------------------------------------------------
	G L O B A L     E L E M E N T S 
------------------------------------------------------*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:97%;
	background-color: #FFFFFF;
	}
	
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.float-right {
	float:right;
	padding: 5px;
	}

img.right {
	float: right;
	padding: 5px;	
	}

img.left {float: left;}

h1 {
	font-size: 1.7em;
	color: #03264B;
	}
h2 {
	font-size: 1.5em;
	color: #03264B;
	}

h3 {
	font-size: 1.2em;
	color: #03264B;
	}

a:link   { color: #515257; text-decoration: underline;}
a:visited { color:#515257; text-decoration: underline;}
a:hover  { color: #043E7A; text-decoration: none;}
a:active { color: #043E7A; text-decoration: underline; }

/*-----------------------------------
M A I N  M E N U
-----------------------------------*/

#navcontainer {
	text-align: center;
	}

#navcontainer ul
{
padding: 0;
margin: 0;
/* padding-left: 0;
margin-left: 0; */
background-color: #E2F0FC;
color: #fff;
float: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 15.25px;
/* border-bottom: 8px solid #142F97; */
}

#navcontainer ul li {
	display: inline;
	}

#navcontainer ul li a
{
/* padding: 0.2em 1em; */
padding: 11px 15px 11px 15px;
background-color: #E2F0FC;
color: #444445;
text-decoration: none;
float: left;
/* border-right: 1px solid #fff; */
}

#navcontainer ul li a:hover
{
background-color: #03264B;
color: #fff;
}

/*------------------------------------------------------
	T A B L E     E L E M E N T S 
------------------------------------------------------*/

table {
	font-size: 97%;
	}

table.custom { 
	border-collapse:collapse;
	}
	
table.custom td {
	color: #FFF;
	font-size: .75em;
	}

table.custom a:link {
	color: #FFF;
	text-decoration: none;
	}

table.custom a:hover {
	color: #FFFFCC;
	text-decoration: none;
	}

table.custom a:visited {
	color: #FFF;
	text-decoration: none;
	}

table.custom a:active {
	color: #FFF;
	text-decoration: none;
	}

/*------------------------------------------------------
	N O T I C E S
------------------------------------------------------*/

#holidaynotice { border: 1px solid #CCCCCC;
	text-align: left; padding: 6px; width:60%;}

#required-software {
	text-align: left;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-left: 1px;
	padding: 6px;
	width:60%;
	font-weight:normal;
	background-color:#F5F5F5;
	}

#sideenotice {
	height: auto;
	width: 75px;
	float: right; width: 150px;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	background-position: right;
	}

#maintenancenotice {
	height: auto;
	width: 600px;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	}
	
#teamnotice {
	height: auto;
	width: 75%;
	padding: 4px;
	text-align: left;
	}

p.notice {border: 1px solid #CCCCCC; width: 85%; border-width: 1px; padding: 0.5em 0.5em 0.5em 0.5em; background: #F5F5F5; line-height: 1em;}

#notice {
	height: auto;
	width: 70%;
	padding: 4px;
	margin-bottom: 40px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	}

#electionsnotice {border: 1px solid #CCCCCC; width: 95%; padding: 7px; background: #F5F5F5; text-align:left;}

/*------------------------------------------------------
	F O R M     E L E M E N T S 
------------------------------------------------------*/

input:focus {background: #F5F5F5;}

#search {
	position:absolute;
	right: 70px;
	top: 15px;
	}

#search span {
	color:#FFFFFF;
	font-size:.7em;
	}
	
#search input {
	font-size:.9em;
	}

#search label {
	display: none;
	color:#FFFFFF;
	font-size:.7em;
	}

/*------------------------------------------------------
	H E A D E R     E L E M E N T S 
------------------------------------------------------*/

#header {
	width: 100%;
	height: 96px;
	background-color: #03264B;
	clear: both;
	}

#header h1 {
	display: none;
	font-size: 1.5em;
	color: #000000;
	}

#header h2 {
	font-size: 1.3em;
	color: #000000;
	}
	
/*------------------------------------------------------
	T O P     N A V I G A T I O N
	(global links - icons)
------------------------------------------------------*/

#top-wrapper {
	background-color: #8E200E;
	height:110px;
	border-top:4px solid #8E200E;
	border-bottom:8px solid #142F97;
	}

.nav-pic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}

#top_navigation {
	background-color: #03264B;
	float:left;
	border-top:8px;
	}

ul.top_navigation {
	list-style-type: disc; color:#FFFFFF;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:2.5em;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	font-size:.75em;
	float:inherit;
	}

li.top_navigation a:link {
	color:#FFF; text-decoration:none;
	}
	
li.top_navigation a:visited {
	color:#FFF; text-decoration:none;
	}

li.top_navigation a:hover {
	color:#CCC; text-decoration:underline;
	}

li.top_navigation a:active {
	color:#FFFFCC; text-decoration:none;
	}

#main-nav table {
	width:620px;
	position:absolute;
	left:153px;
	top:75px;
	}

#main-nav table td {
	text-align:center;
	}
	
/*------------------------------------------------------
	L E F T     N A V I G A T I O N
------------------------------------------------------*/

#left-nav {
	width:166px;
	color: #54555B;
	background: #FFF;
	/* font-weight: bold; */
	font-size:1em;
	padding: 0; margin:0;
	 /* clear:both; added 2/1 remove if not needed */
	float:left;
	}
	
#left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
		
#left-nav ul li {
	/* border-bottom: 1px dashed #4075a1; */
	margin: 0; 
	padding-left:5px;
	}
	
#left-nav ul li.last {
	border-bottom: none;
	margin: 0; padding-left:5px;
	}
	
#left-nav ul li a {
	display: block;
	color: #54555B;
	text-decoration: none;
	width: 98%;
	background: #FFF;
	padding: 5px;
	}

#left-nav ul li a:hover {
	color: #043E7A;
	background: #FFF;
	text-decoration: none; 
	}

#left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#left-nav ul ul li {
	font-weight: normal;
	color: #54555B;
	border: none;
	}
	
#left-nav ul ul li a {
	display: block;
	color: #54555B;
	text-decoration: none;
	width: 99%;
	padding: 1px 1px 1px 4px;
	}

#left-nav ul ul li a:hover {
	color: #043E7A;
	text-decoration: none; 
	}

/*------------------------------------------------------
	C O N T A I N E R     E L E M E N T S 
------------------------------------------------------*/

#container {
	width:100%;
	background-color:#FFFFFF;
	/* background-image: url('/images/global-sub-nav/left-nav-vertical-bg-wide.gif'); */
	/* background-repeat: repeat-y; */
	}

div#photo {float: right; padding: 5px;}

/*------------------------------------------------------
	C O N T E N T
------------------------------------------------------*/

#content {
	width:auto;
	/* height:100%; added 2/6, removed 2/15 due to reposition of content on UCC */
	/* margin-left: 195px; */
	padding-left:10px;
	padding-right: 10px; /* no padding creates horizonal scroll bar */
	font-family:Arial, Helvetica, sans-serif;
	font-size:.97%em;
	padding-top:10px;
	}
	
#content h1 {
	font-size:1.7em;
	}
	
#content h2 {
	font-size:1.3em;
	}		
	
#content h3 {
	font-size:1em;
	color:#000000;
	}	
	
acronym {
	border-bottom: 1px dotted #999; cursor:help;
	}

.attention { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC0000}
.attention a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: none}
.attention a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}

.attention_bold { font-weight: bold; color: #CC0000}
.attention_bold_lg { font-size: 1.2em; font-weight: bold; color: #CC0000;}
.attention_bold a:link { font-weight: bold;  color : #CC0000; text-decoration: underline;}
.attention_bold a:visited { font-weight: bold;  color : #CC0000; text-decoration: underline;}
.attention_bold a:hover { font-weight: bold;  color : #CC0000; text-decoration: none;}
.attention_bold a:active { font-weight: bold;  color : #CC0000; text-decoration: underline;}

.attention-big { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #CC0000}
.attention-big a:link { font-family: Arial, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention-big a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention-big a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; color : #CC0000; text-decoration: none}
.attention-big a:active { font-family: Arial, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; color : #CC0000; text-decoration: underline}

.attention_bold_graybg { font-weight: bold; color: #CC0000; background: #F5F5F5; border:1px solid #CCC; padding: 5px;}

.faq { font-family: Verdana; font-size: 10px; color: #FFFFFF; background-color: #FF9900; padding-right:3px;}
.new { font-family: Verdana; font-size: 10px; color: #000000; background-color: #FFFF66; padding-right:3px;}
.havaheading {  font-family: Arial, Helvetica, sans-serif; font-size: .95em; font-weight: bold; color: #08046B}
.lightblunav {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #08046B; background-color: #EEEDFE}
.bluenav2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-style: normal; font-weight: bold;	background-color: #10046B; color: #FFFFFF;}	
.prsubheading_bold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999}
.blueheading_bold { font-family: Arial, Helvetica, sans-serif; font-size: .95em; font-weight: bold; color: #0000CC}
.plainnavbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#CC0000}
.plainnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC0000}

#pr-release-date {
	float:left;
	}

#pr-contact-info {
	float:right;
	text-align:right;
	margin-right: 1em; padding-right: 1em;
	}

#release {
	clear:right;
	padding-top: 10px;
	}
	
.Offline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #990000;
	color: #FFFFFF;
	border: thin solid #FFFFFF;}
.Online {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #136F31;
	color: #FFFFFF;
	border: thin solid #FFFFFF;}
	
caption {text-align:left; font-family:Arial, Helvetica, sans-serif;
font-weight:bold; font-size: 12px;}

#menu-bills ul li {
	list-style:none;
	display:inline;
	}

ul.hide-bullets li {
	list-style-type:none;
	}

/* --------------------------------------
	R I G H T  N A V
---------------------------------------*/

#right-nav-wrapper {
	width: 180px;
	margin:5px 5px 10px 10px; /* bottom margin changed from zero to ten on 4/11 */
	float:right;
	}

#right-nav {
	width:auto; /* was 180px */
	margin:0;
	padding:0;
	/*margin:5px 0px 0px 10px; */
	/* float:right; */
	}
	
#right-nav .header {
	background-image:url(/images/global-sub-nav/right-nav-top-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#FFFFFF; 
	font-size:.85em;
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0;
	}

#right-nav .bottom {
	background:url(/images/global-sub-nav/right-nav-bottom-curve.gif) top left no-repeat;
	height:6px;
	}
	
#right-nav img {
	border:none;
	padding:0;
	margin:0;
	}

#right-nav ul#items {
	margin:0px; 
	padding:0px;
	color:#2c2e43;
	font-size:.85em;
	border-right:1px solid #9299b0;
	border-left:1px solid #9299b0;
	}

#right-nav ul#items li {
	padding:2px 0px 2px 5px; 
	margin:0px;
	border-top:1px solid #9299b0;
	background-color:#F5F5F5; /* #daddfe; */
	list-style: none;	
	}
	
#right-nav ul#items li.expand {
	height:50px;
	}

#right-nav a:link {
	color:#040940;
	text-decoration:none;
	}
	
#right-nav a:visited {
	color:#040940;
	text-decoration: none;
	}
	
#right-nav a:hover {
	border-bottom: 1px dotted #000;
	color:#2c2e43;
	}
	
#right-nav a:active {
	color:#040940;text-decoration: none;
	}

/* --------------------------------------
	R I G H T  N A V - S U B
---------------------------------------*/

#right-nav-sub {
	width:auto; /* was 180px;  */
	margin:0;
	padding-top:10px;
	/* 	margin:5px 0px 0px 10px; */
	/* float:right; */
	clear:both;
	}

#right-nav-sub .header {
	/* background-image:url(/images/global-sub-nav/right-nav-top-curve-sub.gif); */
	background-image:url(/images/global-sub-nav/right-nav-top-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#FFFFFF; 
	font-size:.85em;
	font-weight:bold;
	/* height:19px; */
	padding:0 0 0 10px;
	margin:0;
	}

#right-nav-sub .bottom {
	/* background:url(/images/global-sub-nav/right-nav-bottom-curve-sub.gif) top left no-repeat; */
	background:url(/images/global-sub-nav/right-nav-bottom-curve.gif) top left no-repeat;
	height:6px;
	}
#right-nav-sub ul#sub-items {
	margin:0px; 
	padding:0px;
	color:#2c2e43;
	font-size:.85em;
	border-right:1px solid #9299b0;
	border-left:1px solid #9299b0;
	}

#right-nav-sub ul#sub-items li {
	padding:2px 0px 2px 5px;
	margin:0px;
	border-top:1px solid #9299b0;
	background-color:#F5F5F5; /* #CACBC2; */
	list-style: none;
	}

#right-nav-sub a:link {
	color:#040940;text-decoration: none;
	}
	
#right-nav-sub a:visited {
	color:#040940;text-decoration: none;
	}
	
#right-nav-sub a:hover {
	border-bottom: 1px dotted #000;
	color:#2c2e43;
	}
	
#right-nav-sub a:active {
	color:#040940;text-decoration: none;
	}

/*------------------------------------------------------
	L O W E R N A V I G A T I O N  E L E M E N T S 
------------------------------------------------------*/


#lower-container {
	position: relative;
    width: 100%;
    float: left;
	text-align: center; 
	background-color: #03264B;
	}

#lower-div {
	 margin: 0 auto;
	 display: inline-block;
     justify-content: center;
	}


#lower-nav-col-1 h3 {
	color: #FFF;
	padding: 0px 0 0 40px;
	
	font-size: 1.1em;
	line-height: 60%;
	}

#lower-nav-col-1{
	background-color: #03264B;
	float: left; 
	display: inline-block;
	 margin: 0 auto;
	text-align: left;
	color: #FFF;
	width: 315px;
	height: 250px; 
	/*clear: both;*/
	}

#lower-nav-col-1 ul {
	margin: 0 0 0 0;
	padding: 0 40px 0 70px;
	font-size: .95em;
	line-height: 1.50em;
	}

#lower-nav-col-1 a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#lower-nav-col-1 a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

#lower-nav-col-1 a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-1 a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-2{
	background-color: #03264B;
	float:left; 
	display: inline-block;
    padding: 10px 0 0 0;
	text-align: left;
	color: #FFF;
	width: 332px;
	height: 175px; 
	line-height: 1.85em;
	/*clear: both;*/
	}

#lower-nav-col-2 a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#lower-nav-col-2 a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

#lower-nav-col-2 a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-2 a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}


/*------------------------------------------------------
	F O O T E R     E L E M E N T S 
------------------------------------------------------*/


#footer {
	background-color: #03264B;
	text-align: center; 
	color: #FFFFFF;
	clear: both;
	}

#footer li {
	list-style-type: none;
	font-size: .85em;
	display: inline;
	margin-left: 0;
	padding: .05em;
	}

#footer a:link {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}
	
#footer a:visited {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#footer a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#footer a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

/*------------------------------------------------------
	S U B  F O O T E R
------------------------------------------------------*/

#sub-footer {
	background-color: #03264B;
	text-align: center;
	color: #FFFFFF;
	/*white-space: nowrap;*/
	font-size: .85em;
	clear: both;
	padding-top: 20px;
	/*background-image: url(/images/global/footer-bar-bg.gif);
	background-repeat: repeat-x;*/
	}

#sub-footer li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding: 2em;
	}
	
#sub-footer span {
	background-color: #03264B;
	}

#sub-footer a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#sub-footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#sub-footer a:hover {
	font-weight: bold;
	color: #EFDFA5;
	text-decoration: none;
	}

#sub-footer a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}


#vr-online-app {
	height: auto;
	width: 70%; /* added 2/20 to add space between left border and text */
	background-color: #FFFFCC;
	border: thin solid #999;
	text-align: left;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	float: left;
	background-position: left;
}
#vr-online-app-blue {
	height: auto;
	width: 80%;
	padding: 20px; /* added 2/20 to add space between left border and text - modified by Jnino 1/09 - causing CSS errors */
	background-color: #F5F5F5;
	border: thin solid #999;
	text-align: left;
	/* background-position: horizontal-postion center; removed by Jnino 1/09 re: causing CSS errors*/
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}