/*
================================================================================
Website:	South Dakota Department of Transportation
Author:	South Dakota Bureau of Information & Telecommunications
Date:	Monday, April 25, 2011
Notes:	N/A
================================================================================
*/

*

#sd40s 
{
    display:none;
}


{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #818181;
	font-size: 100%;	
}

div, span, h1, h2, form, input, textarea, select, option, ul, ol, li
{
	font-family: Calibri;
	font-size: 14px;
	color: #545454;
}

ul
{
	padding-left: 25px;
}

ol
{
	padding-left: 25px;
}

blockquote
{
	padding-left: 25px;
}

a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: #545454;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a:visited
{
	text-decoration: underline;
	color: #5f0d5f;
}


p
{
	margin-bottom: 10px;
}

.line1
{
	background-color: #818181;
	width: 730px;
	height: 1px;
}

.line1-nonav
{
	background-color: #818181;
	width: 940px;
	height: 1px;
}

.line2 img
{
	background-image: url(/Img/Line-Dotted.jpg);
	background-repeat: repeat-x;
	width: 730px;
	height: 1px;
}

.line3 img
{
	background-image: url(/Img/Line-Dotted.jpg);
	background-repeat: repeat-x;
	width: 540px;
	height: 1px;
}

.RootNode
{
	font-size: 14px;
	font-weight: bold;
	color: #545454;
}

.ParentNode
{
	font-size: 14px;
	font-weight: bold;
	color: #545454;
}

.LeafNode
{
	font-size: 14px;
	font-weight: normal;
	color: #545454;
}

.HoverNode
{
	color: #d19e03;
}

input.SearchBox
{
	position: relative;
	left: 0px;
	top: -6px;
	width: 110px;	/* WIDTH 120px */
	height: 18px;
	border: 1px solid #cccccc;
	margin-right: 4px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Calibri;
	font-size: 12px;
	color: #545454;
	line-height: 18px;
}

/*
================================================================================
Main container
================================================================================
*/

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*
================================================================================
Outer wrapper
================================================================================
*/

#outerwrapper
{
	background-color: #c4c4c4;
	width: 1000px;
}

/*
================================================================================
Banner
================================================================================
*/

#banner
{
	float: left;
	width: 400px;
	height: 160px;
}

/*
================================================================================
*/

#banner img
{
	width: 400px;
	height: 160px;
	border: none;
}

#banner a
{
	width: 400px;
	height: 160px;
}

/*
================================================================================
Upper links
================================================================================
*/

#upperlinks
{
	float: left;
	width: 600px;
	text-align: right;
}

#upperlinks ul
{
	margin: 0px;
	padding: 20px;
	list-style-type: none;
}

#upperlinks li
{
	background: url(/Img/Bullet2.jpg) right center no-repeat;
	display: inline;
	padding-left: 5px;
	padding-right: 8px;
}

#upperlinks li.nobullet
{
	background-image: none;
}

#upperlinks a
{
	font-family: Calibri;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
}

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

/*
================================================================================
Main content wrapper
================================================================================
*/

#contentwrapper
{
	background-image: url(/Img/FauxCol.jpg);
	overflow: auto;
	width: 1000px;
	margin-bottom: 10px;
}

#contentwrapperAlt
{
	background-image: url(/Img/FauxColAlt.jpg);
	overflow: auto;
	width: 1000px;
	margin-bottom: 10px;
}

/*
================================================================================
Main content wrapper secondary pages
================================================================================
*/

#contentwrapper-sec
{
	background-image: url(/Img/FauxCol2.jpg);
	overflow: auto;
	width: 1000px;
	margin-bottom: 10px;
}

/*
================================================================================
Main content wrapper no navigation
================================================================================
*/

#contentwrapper-nonav
{
	background-image: url(/Img/FauxCol3.jpg);
	overflow: auto;
	width: 1000px;
	margin-bottom: 10px;
}

/*
================================================================================
Column 1
================================================================================
*/

#col1
{
	display: inline;
	position: relative;
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

/*
================================================================================
Search
================================================================================
*/

#searchsection
{
	width: 180px;	/* WIDTH 200px */
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

#searchbox
{
	width: 180px;	/* WIDTH 200px */
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

/*
================================================================================
Left navigation
================================================================================
*/

#leftnav
{
	width: 180px;	/* WIDTH 200px */
	padding: 10px;
}

/*
================================================================================
*/

#leftnav div.heading-quicklinks
{
	background-image: url(/Img/Heading.jpg);
	width: 180px;
	height: 30px;
	margin-bottom: 10px;
}

#leftnav div.heading-quicklinks h1
{
	padding-left: 10px;
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	word-spacing: 5px;
	letter-spacing: 3px;
}

#leftnav div.outersec
{
	background-color: #818181;
	width: 180px;
	min-height: 32px;
	_height: 32px;
}

#leftnav div.divider
{
	background-image: url(/Img/Divider.jpg);
	height: 2px;
}

#leftnav div.link
{
	padding: 10px;
}

#leftnav span
{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

#leftnav a
{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

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

/*
================================================================================
Main.master
================================================================================
================================================================================
Column 2
================================================================================
*/

#col2
{
	display: inline;
	position: relative;
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0px;
}


#col2Alt
{
	display: inline;
	position: relative;
	float: left;
	width: 560px;
	margin-left: 125px;
	margin-right: 50px;
	padding: 0px;

}



/*
================================================================================
Main content
================================================================================
*/

#maincontent
{
	width: 540px;	/* WIDTH 560px */
	min-height: 550px;
	_height: 550px;
	padding: 10px;
}

/*
================================================================================
Image section
================================================================================
*/

#imagesection
{
	width: 540px;
	margin-bottom: 10px;
}

/*
================================================================================
News section
================================================================================
*/

#newssection
{
	width: 540px;
}

#newssection div.heading-news
{
	background-image: url(/Img/Heading2.jpg);
	width: 540px;
	height: 30px;
}

#newssection div.heading-news h1
{
	padding-left: 10px;
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	word-spacing: 5px;
	letter-spacing: 3px;
}

/*
================================================================================
Sub section
================================================================================
*/

#sub1
{
	float: left;
	width: 265px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sub1 div.heading-sub
{
	background-image: url(/Img/Heading3.jpg);
	width: 265px;
	height: 30px;
	margin-bottom: 10px;
	word-spacing: 5px;
	letter-spacing: 3px;
}

#sub1 div.heading-sub h1
{
	padding-left: 10px;
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
}

#sub2
{
	float: left;
	width: 265px;
	margin-bottom: 10px;
}

#sub2 div.heading-sub
{
	background-image: url(/Img/Heading3.jpg);
	width: 265px;
	height: 30px;
	margin-bottom: 10px;
	word-spacing: 5px;
	letter-spacing: 3px;
}

#sub2 div.heading-sub h1
{
	padding-left: 10px;
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
}

/*
================================================================================
Column 3
================================================================================
*/

#col3
{
	display: inline;
	position: relative;
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

/*
================================================================================
Right navigation
================================================================================
*/

#rightnav
{
	width: 180px;	/* WIDTH 200px */
	padding: 10px;
}

/*
================================================================================
*/

#rightnav div.rightbox
{
	width: 180px;
	margin-bottom: 20px;
}

#rightnav div.heading-grey
{
	background-color: #818181;
	width: 180px;
	height: 25px;
	margin-bottom: 10px;
}

#rightnav div.heading-grey h1
{
	padding-left: 10px;
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	letter-spacing: 2px;
}

#rightnav .social
{
	text-align: center;
}

#rightnav .social img
{
	border: none;
}

/*
================================================================================
Submain.master
================================================================================
================================================================================
Column 2 secondary pages
================================================================================
*/

#col2-sec
{
	display: inline;
	position: relative;
	float: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
}

/*
================================================================================
Sub content
================================================================================
*/

#subcontent
{
	width: 730px;	/* WIDTH 770px */
	min-height: 550px;
	_height: 550px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
}

/*
================================================================================
*/

#subcontent .maintitle
{
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#subcontent .maintitle span
{
	font-family: Calibri;
	font-size: 30px;
	font-weight: bold;
}

#subcontent .breadcrumb
{
	padding-top: 5px;
	padding-bottom: 20px;

}

#subcontent .breadcrumb2
{
	margin: -1px;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 22px;
}
 
#subcontent .breadcrumb span
{
	margin: 0px;
	padding: 0px;
	font-family: Calibri;
	font-size: 14px;
	color: #ffffff;
}

#subcontent .breadcrumb ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#subcontent .breadcrumb li
{
	background: url(/Img/PathSeperator2.gif) right center no-repeat;
	display: inline;
	padding-left: 0px;
	padding-right: 17px;
	font-family: Calibri;
	font-size: 14px;
	color: #ffffff;
}

#subcontent .breadcrumb li.nopad
{
	padding-left: 0px;
}

#subcontent .breadcrumb li.nobullet
{
	background-image: none;
}

#subcontent .breadcrumb a
{
	padding-left: 5px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#subcontent .breadcrumb a:hover
{
	text-decoration: none;
}

/*
================================================================================
Submainnonav.master
================================================================================
================================================================================
No navigation
================================================================================
*/

#nonav
{
	display: inline;
	position: relative;
	float: left;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}

/*
================================================================================
Sub content no navigation
================================================================================
*/

#subcontent-nonav
{
	width: 940px;	/* WIDTH 1000px */
	min-height: 550px;
	_height: 550px;
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
}

/*
================================================================================
*/

#subcontent-nonav .maintitle
{
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#subcontent-nonav .maintitle span
{
	font-family: Calibri;
	font-size: 30px;
	font-weight: bold;
}

#subcontent-nonav .breadcrumb
{
	padding-top: 5px;
	padding-bottom: 20px;
}

#subcontent-nonav .breadcrumb2
{
	margin: -1px;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 22px;
}
 
#subcontent-nonav .breadcrumb span
{
	margin: 0px;
	padding: 0px;
	font-family: Calibri;
	font-size: 14px;
	color: #545454;
}

#subcontent-nonav .breadcrumb ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#subcontent-nonav .breadcrumb li
{
	background: url(/Img/PathSeperator2.gif) right center no-repeat;
	display: inline;
	padding-left: 0px;
	padding-right: 17px;
	font-family: Calibri;
	font-size: 14px;
	color: #545454;
}

#subcontent-nonav .breadcrumb li.nopad
{
	padding-left: 0px;
}

#subcontent-nonav .breadcrumb li.nobullet
{
	background-image: none;
}

#subcontent-nonav .breadcrumb a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	color: #545454;
	text-decoration: underline;
}

#subcontent-nonav .breadcrumb a:hover
{
	text-decoration: none;
}

/*
================================================================================
Secondary content
================================================================================
*/

#seccontent h1
{
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
}

/*
================================================================================
*/

#seccontent .articletitle
{
	font-family: Calibri;
	font-size: 22px;
	font-weight: bold;
	color: #d19e03;
}

#seccontent .articledate
{
	margin-bottom: 20px;
	font-family: Calibri;
	font-size: 14px;
}

#seccontent .articledate span
{
	font-family: Calibri;
	font-size: 14px;
}

/*
================================================================================
DOT top news
================================================================================
*/

#topnews ul
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	list-style-type: none;
}

#topnews li.newstitle a
{
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #545454;
}

#topnews li.newstitle a:hover
{
	color: #d19e03;
}

#topnews li.newsdate span
{
	font-family: Calibri;
	font-size: 12px;
	color: #818181;
}

#topnews li.newsarticle
{
	font-family: Calibri;
	font-size: 14px;
	border: none;
}

/*
================================================================================
DOT secondary news
================================================================================
*/

#secnews
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#secnews ul
{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#secnews li.secnewstitle
{
	float: left;
}

#secnews li.secnewstitle a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#secnews li.secnewstitle a:hover
{
	color: #d19e03;
}

#secnews li.secnewsdate
{
	float: right;
}

#secnews li.secnewsdate span
{
	font-family: Calibri;
	font-size: 12px;
	color: #818181;
}

/*
================================================================================
*/

#secnews-main
{
	margin-top: 20px;
}

#secnews-main ul
{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#secnews-main li
{
	background: url(/Img/PathSeperator2.gif) left no-repeat;
	padding-left: 17px;
}

#secnews-main li a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

#secnews-main li a:hover
{
	color: #d19e03;
}

/*
================================================================================
Main news
================================================================================
*/

#mainnews
{
	padding-bottom: 20px;
}

/*
================================================================================
DOT all news
================================================================================
*/

#newsall
{
	padding-bottom: 20px;
}

#newsall ul
{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#newsall li.allnewstitle
{
	float: left;
}

#newsall li.allnewstitle a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#newsall li.allnewstitle a:hover
{
	color: #d19e03;
}

#newsall li.allnewsdate
{
	float: right;
}

#newsall li.allnewsdate span
{
	font-family: Calibri;
	font-size: 12px;
	color: #818181;
}

/*
================================================================================
Main date section
================================================================================
*/

#maindatesection
{
	background-color: #efefef;
	height: 10px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

/*
================================================================================
*/

#maindatesection .date
{
	float: left;
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	line-height: 10px;
}

#maindatesection .morenews
{
	float: right;
}

#maindatesection .morenews a
{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	line-height: 10px;
	text-decoration: underline;
}

#maindatesection .morenews a:hover
{
	text-decoration: none;
}

/*
================================================================================
Date section
================================================================================
*/

#datesection
{
	background-color: #efefef;
	height: 10px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 10px;
}

/*
================================================================================
*/

#datesection .date
{
	float: left;
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	line-height: 10px;
}

#datesection .morenews
{
	float: right;
}

#datesection .morenews a
{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	line-height: 10px;
	text-decoration: underline;
}

#datesection .morenews a:hover
{
	text-decoration: none;
}

/*
================================================================================
Paging area
================================================================================
*/

#pagingarea
{
	background-color: #efefef;
	height: 10px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding: 10px;
	font-family: Calibri;
	font-size: 13px;
}

#pagingarea span
{
	padding-right: 5px;
	font-family: Calibri;
	font-size: 13px;
	line-height: 10px;
}

#pagingarea a
{
	padding-right: 5px;
	font-family: Calibri;
	font-size: 13px;
	font-weight: normal;
	line-height: 10px;
}

#pagingarea .currentpage
{
	position: relative;
	float: right;
	font-family: Calibri;
	font-size: 13px;
	line-height: 10px;
}

#pagingarea .currentpage span
{
	font-family: Calibri;
	font-size: 13px;
	line-height: 10px;
}

/*
================================================================================
News feed
================================================================================
*/

#newsfeed
{
     overflow: auto;
	width: 730px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-family: Calibri;
	font-size: 14px;
	color: #545454;
}

#newsfeed div, #newsfeed span, #newsfeed h1, #newsfeed h2, #newsfeed p, #newsfeed td, #newsfeed ul, #newsfeed li 
{
	font-family: Calibri;
	font-size: 14px;
	color: #545454;
}

#newsfeed a
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: #545454;
	text-decoration: underline;
}

#newsfeed a:hover
{
	text-decoration: none;
}

/*
================================================================================
Footer
================================================================================
*/

#footer
{
	background-repeat: no-repeat;
	background-color: #818181;
	clear: both;
	width: 1000px;
	padding-bottom: 50px;
}

/*
================================================================================
*/

#footer div
{
	padding-left: 140px;
	font-family: Calibri;
	font-size: 11px;
	color: #ffffff;
}

#footer div.bit
{
	margin-top: 5px;
	width: 105px;
	line-height: 20px;
}

#footer div.bit img
{
	float: right;
	padding-left: 3px;
	border: none;
}

#footer ul
{
	margin: 0px;
	padding-left: 140px;
	list-style-type: none;
}

#footer li
{
	background: url(/Img/Bullet.jpg) right center no-repeat;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#footer li.nopad
{
	padding-left: 0px;
}

#footer li.nobullet
{
	background-image: none;
}

#footer a
{
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
}

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

#poweredby{
			position:absolute;
			bottom:12px;
			left:25px;
		}

/*
================================================================================
Bottom drop shadow
================================================================================
*/

#bottomdrop
{
	background-image: url(/Img/BottomDrop.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 11px;
}

/*
================================================================================
EXTRA STYLES - Kristi Sandal
================================================================================
*/

/*
================================================================================
*/