/* 
Site: Safe Routes Texas - Safe Routes to School
URL: http://saferoutestx.org
Version: 1.0
Author: Texas Transportation Institute (JA)
*/

/*----- GLOBALs 
------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 100.01%; /* 16px default*/
	font-family: Arial, Helvetica, sans-serif;
	background: #eee url(../images/background-page.jpg) repeat-x;
}
/*	Font-size 100.01% means ->
	10px = 0.625em
	11px = 0.6875em
	12px = 0.75em
	13px = 0.8125em
	14px = 0.875em
	15px = 0.9375em
	16px = 1.00em
	18px = 1.125em  */

#container {
	width: 940px;
	margin: 0 auto;
	overflow: auto;
}

/* @group Left Column */
/*----- Left Column
------------------------------------------------------------*/
#column-left {
	width: 210px;
	float: left;
	margin: 0 auto;
	position:relative;
}

#column-left h3 {
	margin: 40px 0 0 0;
	text-align: center;
	font-family: "Georgia", serif;
	font-weight: normal;
	color: #666;
}

#srt-logo{
	width: 170px;
	height: 298px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/srt-logo.gif);
}

#srt-logo h1 {
	margin: 0;
	padding: 0;
}

#srt-logo span {
	margin-left: -9999px;
}

#srt-logo a {
	top: 0;
	left: 0;
	width: 200px;
	height: 298px;
	position: absolute;
}

ul#nav-primary{
	width: 188px; /*210 w/ border and padding */
	border: 1px solid #bbb;
	background: #e6e6e6;
	margin: 50px 0 40px 0;
	padding: 10px;
	list-style:none;
	font-family: "Georgia", serif;
	font-size: 1.125em;
}

ul#nav-primary li{
	border-bottom: 1px dotted #bbb;
	padding: .25em 0 .25em 5px;
}

ul#nav-primary a {
	text-decoration: none;
	color: #15187e;
}

ul#nav-primary a:hover {
	background: #eee;
	text-decoration: underline;
}

/* @end */


/*-----  Right side 
------------------------------------------------------------*/
#column-right {
	width: 720px;
	float: right;

}

/* @group Header */
/*----- Header stuff (secondary top nav)
------------------------------------------------------------*/
#header {
	height: 80px;
	background: url(../images/background-header.jpg) top right no-repeat;
	font-family: "Georgia", serif;
	position: relative
}

#nav-secondary {
	width: 508px;
	height: 34px;
	background: url(../images/background-nav-secondary.jpg);
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.875em;
}

#nav-secondary ul {
	margin: 10px 0 0 8px;
	padding: 0;
}

#nav-secondary li {
	list-style: none;
	display: inline;
	padding: 0 20px 0 20px;
	background: url(../images/background-nav-secondary-sep.jpg) top right no-repeat;
}

#nav-secondary a {
	color: #fff;
	text-decoration: none;
}

#nav-secondary a:hover {
	text-decoration: underline;
}

#nav-secondary .last {
	background-image: none;
}
/* @end */

/* @group Content */
/*----- Content (the main goods)
------------------------------------------------------------*/
#content {
	background: #fff;
	width: 680px; /* 720 w/ padding */
	padding: 20px 20px 10px 20px;
	margin: 0 0 20px 0;
}

#content h1 {
	margin:  0;
	border-bottom: 1px solid #eee;
	font-family: "Georgia", serif;
}

#content h2 {
	margin:  0;
	border-bottom: 1px solid #eee;
	font-family: "Georgia", serif;
	font-size: 1.3em;
}

#content h4 {
	margin: 0;
}

#content p, #content ul, #content ol {
	font-size: 0.875em;
	line-height: 1.3em;
}

#content ol li {
	margin: 0 0 20px 0;
}

#content a, #content a:active, #content a:visited {
	color:  #ed1c24;
	text-decoration: none;
}

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

#content p a {
	border-bottom: 1px dotted #ed1c24;
}

#content p a:hover {
	border-bottom: 1px solid #ed1c24;
	text-decoration: none;
}

/**** Links page specific styling */
.links li {
	list-style-image: url(../images/bullet-black-dot.gif);
	margin: 0 0 10px 0;
}

.links ul.star-bullets li{
	list-style-image: url(../images/bullet-star.gif) !important;
	padding-top: 3px;
	padding-bottom:3px;
	border-bottom: 1px solid #eee;
	margin: 0;
}

.links h3 {
	margin:  10px 0 0 0;
	padding: 0;
	font-weight:  normal;
	font-size: 1.125em;
}
/* @end */


/* @group Homepage specifics */
/*----- Homepage specifics
------------------------------------------------------------*/
#content #top-story .imgplaceholder{
	border: 1px solid #bbb;
	background: #ccc;
}

#top-story {
	margin: 0 0 40px 0;
}

#top-story h1 { 
	font-size: 1.35em;
	margin: 12px 0;
	border-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#top-story p {
	font-size: .8em;
	line-height: 1.3em;
}

#recent-articles {
	width: 330px;
	float: left;
}

#recent-articles ul {
	list-style-image: url(../images/bullet-white-dot.gif);
	padding-left: 20px;
}

#recent-articles a {
	text-decoration: none;
	color: #15187e;
}

#recent-articles a:hover {
	text-decoration: underline;
}

#national-partnership {
	width:  330px;
	float: right;
}

#national-partnership p, #recent-articles ul {
	font-size: .8em;
}

#national-partnership h3, #recent-articles h3 {
	color: #bf161c;
	margin: 0;
	font-size: .85em;
}
/* @end */

/* @group Breadcrumb */
/*----- Breadcrumb (currently not implemented)
------------------------------------------------------------*/
ul#crumbs {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	font-size: .65em !important;
}

#crumbs {
	height:1.8em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:1.8em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(http://www.duoh.com/csstutorials/breadcrumb/images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}	
/* @end */

/* @group Footer */
/*----- Footer jazz
------------------------------------------------------------*/
.top-footer-links, #footer {
	font-size: .65em !important;
	text-align: center;
}

.top-footer-links a {
	color: #660000 !important;
}

ul.top-footer-links.first{
	margin-top: 50px;
}

.top-footer-links li {
	list-style: none;
	display: inline;
	padding:  0 7px;
	border-right:1px solid #ccc;
}

#footer, #footer a {
	color:  #666;
}

#footer ul {
	margin: 5px 0 0 0;
}

#footer ul {
	margin: 5px 0;
}

#footer li {
	list-style: none;
	display: inline;
	padding: 0 7px;
	border-right:1px solid #ccc;
	line-height: 15px;
}

#footer li a {
	text-decoration: none;
}
/* @end */

/*----- Specific classes, hacks, and more
------------------------------------------------------------*/
.last {
	border-bottom: 0px !important;
	border-right: 0px !important;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.icon {
	vertical-align: middle;
}

.padding-20 {
	padding: 20px;
}

.padding-10 {
	padding: 10px;
}

.margin-10 {
	margin: 10px;
}

.imgright {
	float: right;
}

.imgleft {
	float: left;
}

.white-bullets {
	list-style-image: url(../images/bullet-white-dot.gif);
}

.red-bullets {
	list-style-image: url(../images/bullet-red-dot.gif);
}

.black-bullets {
	list-style-image: url(../images/bullet-black-dot.gif);
}

.star-bullets {
	list-style-image: url(../images/bullet-star.gif);
}

.page-list li {
	padding: 0 0 5px 0;
}

/*----- plan table
------------------------------------------------------------*/

table.plan {
	border:1px solid #ccc;
	 border-spacing: 0px;
	width: 100%;
	font-size: .75em;
	text-align:left;
	margin: 10px 0 0 0;
}

table.plan th {
	padding: .5em;
	margin: 0;
	font-weight: normal;
	color: #fff;
	background: #15187F;
	text-align: left;
	text-transform: uppercase;
}

table.plan td {
	padding: .5em;
	margin: 0;
	background: #ffffff;
	vertical-align: top;
	line-height: 1.4em;
	border-bottom:1px solid #ccc;
}