/* TroyMI.gov DotNetNuke Skin CSS */

/* Font Imports */




/* Wrapper and general text style declarations */

form[action="/PlayHere/Community/CommunityOrganizations.aspx"] #Wrapper p a, form[action="/PlayHere/Community/CommunityOrganizations.aspx"] #Wrapper li a{
	background: none;
	color: #00529c;
}

form[action="/PlayHere/Community/CommunityOrganizations.aspx"] #TGPane.MainPane a p {
	color: #60390f;
	text-decoration: underline;
	background: #fff2a1;
}

form[action="/Resources/Forms,PermitsApplications/Forms,PermitsApplicationsByDept.aspx"] #Wrapper h2 {
	background: none;
	color: #00529c;
}

form[action="/Resources/Forms,PermitsApplications/Forms,PermitsApplicationsByDept.aspx"] #Wrapper h3 {
	background: none;
	color: #024135;
}


html {
	overflow: visible;
}

#Wrapper {
	background: -webkit-linear-gradient(#417e67, #417e67);
	background: -moz-linear-gradient(#417e67, #417e67);
	background: linear-gradient(#417e67, #417e67);
	background-color: #fff;
	background-size: 1px 400px;
	background-repeat: repeat-x;
	min-width: 980px;
}

#Wrapper, #Wrapper * {
	font: 100% 'Istok Web', Arial, Helvetica, sans-serif;
}
	
#Wrapper a {
	cursor: pointer;
}

#Footer .DNNModuleContent {
	height: 2000px !Important;
	overflow: visible;
}
	
#Wrapper .dnnActionMenu img {
	padding: inherit;
}
	
#Wrapper p {
	font-size: 100%;
}
	
#Wrapper h1 {
	font-size: 180%;
}
	
#Wrapper h2 {
	font-size: 140%;
}
	
#Wrapper h3 {
	font-size: 120%;
}

#Wrapper h6 {
	font-size: 120%;
}

#Wrapper .BadBrowser1, #Wrapper .BadBrowser1 * {
	font-size: 160%;
	font-weight: bold;
	color: #FF3300;
	background: #000;
}

/* Header structural declarations */

#Background, body.Background {
	max-width: 1200px; /* WIDTH OF BLUE GRADIENT */
	min-height: 1050px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	z-index: 1;
	/*background: -webkit-linear-gradient(#3a79b2, #fff), -webkit-linear-gradient(#fff, #1560a4);
	background: -moz-linear-gradient(#3a79b2, #fff), -moz-linear-gradient(#fff, #1560a4);
	background: linear-gradient(#3a79b2, #fff), linear-gradient(#fff, #1560a4);
	*/background-color: #fff;
	background-size: 1px 400px, 1px 670px;
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
}

#Header, #Main, main {
	width: 940px; /* WIDTH OF SITE CONTENT */
	margin: 0 auto;
}

#Header {
	height: 200px;
	padding: 0;
	z-index: 2;
	position: relative;
}

#PMenu2 #dnn_ContentPaneTopMenu{
	margin-top: 180px;
	margin-left: 300px;
	padding: 0;
	z-index: 9;
	position: absolute;
}
	
#PMenu3 #dnn_ContentPaneWideMenu{
	
	margin-top: 180px;
	width:940px;
	padding: 0;
	z-index: 9;
	position: absolute;
}
	
#Header #ControlPanelWrapper, #Header #Content {
	position: relative;
	z-index: 5;
}

	
#Header #HeaderLogo {
	background: none;
	float: left;
	width: 329px;
	height: 167px;
	position: relative;
}
	
#Header #HeaderFunctions {
	background: none;
	float: right;
	width: 584px;
	height: 167px;
}
	
#Header #dnn_Subscribe {
	float: left;
	padding: 0;
}

#Header #dnn_Nav {
	clear: both;
	float: right;
	margin: 20px 0 0;
}

#Header #dnn_SearchBar{
	float: right;
  position: absolute;
  left: 750px;
  width: 400px;
}

#SlideShow {
	position: absolute;
	z-index: -1;
	background: none;
	width: 100%;
	min-width: 940px; /* WIDTH OF SITE CONTENT */
	height: 655px;
	overflow: hidden;
	margin: -20px auto;
}

#SlideShow img {
	width: 100%;
}

#SlideShow .SlideCaption {
	background-color: #024135;
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 500px;
}

#SlideShow .SlideCaption.TroyDarkGreen {
	background-color: #024135;
}

#SlideShow .SlideCaption.TroyLightGreen {
	background-color: #417e67;
}

#SlideShow .SlideCaption.TroyBlue {
	background-color: #00529c;
}

#SlideShow .SlideCaption.TroyDarkBlue {
	background-color: #005967;
}

#SlideShow .SlideCaption.TroyBrown {
	background-color: #603a0f;
}

#SlideShow .SlideArrowLeft, #SlideShow .SlideArrowRight {
	width: 34px;
	height: 39px;
	background: url(/Icons/TroyMIgov/SlideArrows.png);
	overflow: hidden;
	position: absolute;
	z-index: 6;
	top: 275px;
	opacity: 0.6;
}

#SlideShow .SlideArrowLeft:hover, #SlideShow .SlideArrowRight:hover  {
	opacity: 0.8;
}

#SlideShow .SlideArrowLeft, #SlideShow .SlideArrowRight, #SlideShow .SlideArrowLeft:hover, #SlideShow .SlideArrowRight:hover  {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#SlideShow .SlideArrowLeft {
	left: 35px;
}

#SlideShow .SlideArrowRight {
	right: 35px;
	background-position: 34px 0px;
}

/* Main content and panes structural declarations */

main, #Main {
	float: none;
	clear: both;
	overflow: visible;
	position: relative;
	z-index: 1;
}
	
main, #Main.Home {
	margin-top: 390px;
	margin-bottom: 20px;
}
	
#Panes {
	margin: 0 auto;
}
	
#dnn_ContentPaneWide {
	clear: both;
}
	
#dnn_ContentPaneSimple {
	float: right;
	width: 640px;
	padding: 0;
}
	
#dnn_SideBarPane {
	float: left;
	width: 260px;
	padding: 10px 20px;
}

#dnn_ContentPaneLeftofTab {
	background: #f00;
}

#dnn_ContentPaneMidofTab {
	background: #0f0;
}

#dnn_ContentPaneRightofTab {
	background: #00f;
}

/* --------------------------------------- NEW dnn main panes ------------------------------------- */



#ContentPaneWrap, #ContentPaneWrapWide {
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 5px;
}
	
#ContentPaneWrap {
	float: right;
	width: 640px;
}
	
#ContentPaneWrapWide {
	width: 100%;
	padding: 0;
	overflow: hidden;
	float: right;
}
	
#dnn_ContentPaneTop, #dnn_ContentPaneBottom {
	width: inherit;
}
	
#dnn_ContentPaneBottom {
	clear: both;
}

#dnn_ContentPaneRight {
	float: right;
	width: 50%;
	padding: 0;
}


#dnn_ContentPaneLeft {
	float: left;
	width: 50%;
	padding: 0;
}

/* ----------------------------------- end NEW dnn main panes ------------------------------------- */
	
/* Footer structural declarations */
	  
#Footer {
	width: 100%;
	min-width: 980px;
	background: -webkit-linear-gradient(#417e67, #417e67);
	background: -moz-linear-gradient(#417e67, #417e67);
	background: linear-gradient(#417e67, #417e67);
	background-color: #024135;
	background-size: 1px 93px;
	background-repeat: repeat-x;
    height: 220px;
    position: relative;
    margin-top: -150px;
    z-index: 0;
	overflow: hidden;
	clear: both;
	padding-top: 170px;
	bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
    
#Footer .Content {
    width: 940px;
    margin: auto;
	margin-bottom: 0;
}
	
/* ----------------------------------- Home Page Stuff ------------------------------------- */

#Buckets {
	margin: 0 0 40px 0;
	text-align: center;
}

#dnn_LeftSnippet, #dnn_CenterSnippet, #dnn_RightSnippet {
	display: inline-block;
	clear: both;
	width: 295px;
	vertical-align: bottom;
	text-align: left;
}

#dnn_LeftSnippet {
	margin: 0;
}

#dnn_CenterSnippet {
	margin: 0 20px;
}

#dnn_RightSnippet {
	margin: 0;
}

#dnn_Tabs {
	position: relative;
	height: 666px; /* The Height of the Beast? \m/ */
}

#dnn_Tabs > div {
	float:left;
	width: 264px;
}

#dnn_Tabs .DnnModule {
	position: static;
}