/* CSS for Texas Secretary of State
Author: James Nino
------------------------------------------------------
Last Modified: 01/26/12 - Revised #points h3 from margin-top: 50px to 60px - JNino

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

body {
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 97%;
	background-color: #0A1951;
	/* text-align: center; */
	}

.hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

h1 {
	font-size: 1.7em;
	color: #10046B;
	}
h2 {
	font-size: 1.3em;
	color: #10046B;
	}
	
h3 {
	font-size: 1em;
	color: #10046B;
	}
	
a:link {
	color: #330099;
	text-decoration: none;
	}

a:visited {
	color: #11066C;
	text-decoration: none;
	}

a:hover {
	color: #9B1E43;
	text-decoration: none;
	}

a:active {
	color: #330099;
	text-decoration: underline;
	}

acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
	}
	
.indent {
	padding-left: 25px;
	}

.strikeout {
	text-decoration: line-through;
	}

.underline {
	text-decoration: underline;
	}

.underline-bold {
	text-decoration: underline;
	font-weight: bold;
	}

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

#container {
	margin: 0 auto;
	width: 947px;
	text-align: left;
	position: relative;
	background-color: #FFF; /* E7EBF8; */
	}

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

#notice {
	width: 98%;
	background: #FFFFCC;
	text-align: center;
	margin: 5px;
	}

#notice p {
	line-height: .9em;
	font-size: .9em;
	text-align: left;
	}

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

.attention_bold {
	font-weight: bold;
	color: #CC0000;
	}

.attention_bold_yellowbg {
	font-weight: normal;
	color: #CC0000;
	background: #F9F9D7;
	border: 1px dashed #000;
	text-align: left;
	width: 90%;
	padding: 2px;
	}
	
.attention_bold_yellowbg sup {
	line-height: 8px;
	}

.new {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	background-color: #FFFF66;
	padding-right: 3px;
	}

.notice {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FF9900;
	padding-right:3px;
	}

#header-alerts-blue {
	/* background-color: #FFFF99; */
	background-color: #d4fcea; /* PEACH #ebdec0; /*ORANGE #fdcf98/ GREEN #d4fcea; */
	border-bottom: 1px #000 dashed;
	padding: 7px 5px 7px 5px;
	text-align: left;
	clear: left;
	}

#header-alerts-blue span {
	color: #CC0000;
	font-size: .85em;
	}
	
#header-alerts-blue span img {
	padding: 0 2px 2px 2px;
	border: 0;
	float: left;
	}	

#header-alerts-blue span a {
	color: #CC0000;
	text-decoration: underline;
	}

#header-alerts-blue span a:hover {
	color: #CC0000;
	text-decoration: none;
	}

#header-alerts {
	background-color: #FFFF99; /* #d4fcea; */
	border-bottom: 1px #000 dashed;
	padding: 7px 5px 7px 5px; */
	/*padding: 3px 7px 7px 7px; */
	clear: left;
	}

#header-alerts span {
	color: #CC0000;
	font-size: .85em;
	}
	
#header-alerts span img {
	padding: 0 2px 2px 2px;
	border: 0;
	float: left;
	}	

#header-alerts span a {
	color: #CC0000;
	text-decoration: underline;
	}
	
#header-alerts span a:hover {
	color: #CC0000;
	text-decoration: none;
	}

/*-----------------------------------
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: #B12828;
color: #fff;
float: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border-bottom: 8px solid #142F97;
}

#navcontainer ul li {
	display: inline;
	}

#navcontainer ul li a
{
/* padding: 0.2em 1em; */
padding: 8px 25px 8px 25px;
background-color: #B12828;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

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

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

input:focus {
	background: #F5F5F5;
	}

#search {
	position: absolute;
	right: 20px;
	top: 40px;
	}
	
#search a:link {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search a:visited {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search a:hover {
	color: #FFF;
	font-size: .80em;
	text-decoration: underline;
	}

#search a:active {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search span {
	position: absolute;
	right: 30px;
	top: 35px;
	}
	
#search span img {
	border: none;
	}

#search label {
	display: none;
	color: #FFFFFF;
	font-size: .9em;
	}
	
/*#sd-search form {
	margin:0;
	padding:0;
	}*/

#search form input.custom {
	background-color: #d9dce2;
	font-weight: bold;
	font-size: .85em;
	color: #3d54a9;
	border: 1px solid #CCC;
	}

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

#header {
	width: 100%;
	height: 96px;
	background-color: #37287E;
	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)
------------------------------------------------------*/

div {
	/*text-align: left;  left aligns dhtml menu items */
	}


#top-wrapper {
	background-color: #ab2d19;
	/* 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: #0A1951;
	width: 947px;
	text-align: right;
	/* float: left; */
	/* border-top: 8px; */
	}

ul.top_navigation {
	list-style-type: none;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2.5em;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: .75em;
	}

ul.top_navigation li {
	display: inline;
	}

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

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

ul.top_navigation li 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;
	}

/*-----------------------------------
  P O I N T S  O F  I N T E R E S T
-----------------------------------*/

#sos-bg {
	float: left; /* div image is 220px in width */
	margin: 0;
	}

#points {
	width: 390px;
	height: 305px;
	padding-right: 5px;
	float: left;
	background-color: #FFF;
	margin: 0;
	font-size: .8em;
	border-right: #fff solid 3px;
	}

#points h2 {
	padding: 0;
	}

#points h3 {
	padding: 0;
	margin-top: 75px;
	line-height: 7px;
	}

#points img {
	padding-right: 10px;
	}

#points ul {
	padding: 0 0 0 20px;
	margin: 0;
	}

#points li {
	list-style-type: none;
	line-height: 1.25em;
	padding-bottom: .5em;
	list-style-image: url(/images/home-pg/bullet.gif);
	}

#points a:hover {
	color: #330099;
	text-decoration: underline;
	}

/*-----------------------------------
  Q U I C K  L I N K S
-----------------------------------*/

#quick-links {
	width: 270px;
	float: left;
	background-color: #fff; /* #E7EBF8; */
	font-size: .8em;
	padding-right: 5px;
	}

#quick-links h2 {
	padding: 0;
	}

#quick-links h2.twitter {
	padding: 0 0 0 35px;
	height: 22px;
	background: #fff url(/images/home-pg/twitter-bird.gif) no-repeat left top;
	}

#quick-links ul {
	padding: 0 0 0 10px;
	margin: 0;
	}

#quick-links li {
	list-style-type: none;
	line-height: 1.25em;
	padding-bottom: .5em;
	}

#quick-links form select {
	padding: 0;
	width: 230px;
	border: 1px solid #CCC;
	background-color: #F8F8F8;
	color: #000;
	}

#quick-links form select option {
	border-bottom:1px solid #999;
	}

#quick-links form input.custom {
	background-color: #d9dce2;
	width: 25px;
	font-weight: bold;
	font-size: .85em;
	color: #3d54a9;
	border: 1px solid #CCC;
	}

html>body #quick-links form {
	margin-bottom: 0.3em;
	}
	
	
/*-----------------------------------
  T W I T T E R  F E E D 
-----------------------------------*/

#twitter {
	margin-top: 5px;
	width: 260px;
	background-color: #F5F5F5;
	border: 1px dashed #CCC;
	}

.twitted {
	width: 16em;
}

.twitted h2 {
	margin: 0;
	font-size: 1em;
	color: #fff;
	background-color: #1C307C;
}

.twitted p.preLoader {
	margin: 0;
	background: transparent url("/images/home-pg/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	color: #fff;
	background-color: #ddd;
}

/*-----------------------------------
  S O S D I R E C T
-----------------------------------*/

#sosdirect {
	width: 315px;
	height: 195px; /* 185px */
	float: left;
	/* border-right: #8E200E solid 3px; */
	background-color: #c7e1fb; /* #b2d2f2; -orig-> #dbf3fb; */
	/* margin-left: 5px; */
	/* text-align: center; */
	font-size: .85em;
	padding-left: 10px;
	border-top: #142F97 solid 8px;
	}

#sosdirect table {
	font-size: 1em;
	}

#sosdirect h2 {
	padding: 0;
	font-size: 1em;
	line-height: 60%;
	}

#sosdirect h2.first {
	padding: 10px 0 5px 0;
	margin: 5px 0 0 0;
	font-size: 1.2em;
	}

#sosdirect img.logo {
	border: none;
	padding-top: 10px;
	}

#sosdirect span {
	font-size: .85em;
	line-height: 11px;
	}

#sosdirect ul {
	padding: 0;
	margin: 0;
	}
	
#sosdirect li {
	/* padding: .35em 0 0 0; */
	padding: 5px 0 2px 0;
	margin: 0 0 0 25px;
	list-style-image: url(/images/home-pg/bullet.gif);
	}

#sosdirect a:hover {
	color: #330099;
	text-decoration: underline;
	}

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

#elections {
	width: 315px;
	padding-left: 6px;
	height: 195px; /* 185px; */
	color: #900;
	float: left;
	background-color: #fff;
	font-size: .85em;
	border-top: #142F97 solid 8px;
	}

#elections h2.first {
	color: #900;
	padding: 0;
	margin: 8px 0 0 0;
	font-size: 1.2em;
	}

#elections ul {
	padding: 0;
	margin: 0;
	}
	
#elections li {
	padding: 5px 0 2px 0;
	margin: 0 0 0 25px;
	color: #900;
	list-style-image: url(/images/home-pg/bullet-red.gif);
	}

#elections a {
	color: #900;
	}
	
#elections a:link a:visited a:active {
	color: #900;
	}

#elections a:hover {
	color: #900;
	text-decoration: underline;
	}

#elections img.top {
	margin-bottom: 0;
	border: none;
	}

#elections span {
	font-size: .85em;
	line-height: 11px;
	}

/*-----------------------------------
  S P O T L I G H T  B A N N E R
-----------------------------------*/

#spotlight {
	float: left;
	width: 301px;
	height: 195px; /* 185px; */
	border-top: #142F97 solid 8px;
	}

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

#footer {
	background-color: #8E200E;
	color: #FFF;
	clear: both;
	}

#footer ul {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	font-size: .75em;
	letter-spacing: 1px;
	font-weight: bold;
	}

#footer ul li {
	list-style-type: none;
	display: inline;
	margin-left: 5px; /* added 7/20 */
	}

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

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

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

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

#sub-footer {
	padding-top: 1px;
	text-align: center;
	color: #FFF;
	white-space: nowrap;
	background-color: #0A1951;
	background-image: url(/images/global/footer-bar-bg.gif);
	background-repeat: repeat-x;
	}

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

#sub-footer span {
	font-size: .75em;
	}

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

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

#footer-edge {
	width: 947px;
	height: 15px;
	background-image: url(/images/global/footer-bar-curve.gif);
	background-repeat: no-repeat;
	}