@import url("mytown_reset.css");

#MyTownSkinPane .Normal{/*overwrite the dnn default Normal class so that it does not warp our text size*/
	color: #333; /*this is a dark grey-black*/
	font-size: 0.9em;
    line-height:1.2em;
}

#MyTownSkinPane > *
{
	color: #333; /*this is a dark grey-black*/
    font-family:  arial, sans-serif, Helvetica !important ;
    font-size :100%;
}

#MyTownSkinPane .inlineBlock{
    display:inline-block ;
    vertical-align :middle;
}


#MyTownSkinPane .vTop{
    vertical-align :top !important ;
}



#MyTownSkinPane .dynamicWidth
{
	width: 100%;
    min-width:962px;
}

#MyTownSkinPane #TopSolidDiv{
	width: 100%;
    min-width:962px;
}

#MyTownSkinPane .blueBG
{
	BACKGROUND: #0066CC;
    margin-bottom:5px;
    min-height:12px;
}
#MyTownSkinPane .greyBG
{
	BACKGROUND: #EEE;
}

#MyTownSkinPane .darkGreyBG
{
	BACKGROUND: #666;
}


#MyTownSkinPane .levels
{
    margin-top:10px;
    padding:0;

}



#MyTownSkinPane #contentWrapper 
{
    min-height:200px;
    margin-top:10px;
}

#MyTownSkinPane #contentWrapper .column 
{
  position: relative;
  float: left;
}

#MyTownSkinPane .padRight
{
    padding-right:5px;
}


#MyTownSkinPane .sideBanner
{
	width: 157px;
    min-height:727px;
	margin-bottom: 20px;
}

#MyTownSkinPane .linkDiv{
    width: 157px;
    min-height:157px;
}

#MyTownSkinPane .clear
{
	clear: both;
}
#MyTownSkinPane .left
{
	float: left;
}
#MyTownSkinPane .right
{
	float: right;
}


#MyTownSkinPane .fixedWidth
{
	width: 962px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#MyTownSkinPane .currentDate
{
	float:right; 
	font-size: .8em; /* 10px;*/
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#MyTownSkinPane .HeaderDiv
{ 
	  
		margin-top: 10px;
	margin-left: 5px;
	line-height:1.2em;
	width: 200px;
   padding:0px;
}


#MyTownSkinPane .BottomDiv
{
	min-height:100px;
	clear: both;
	margin-top: -10px;
}

#MyTownSkinPane #Footer {
    color: #DDD;
    line-height:1.8em;
    text-transform: uppercase;
    font-weight: 600;
    font-size:0.7em;
    width:100%;
    min-width:962px;

}

#MyTownSkinPane #Footer a {
        color: #DDD;
	    text-decoration: none;
    }


#MyTownSkinPane ul{
    list-style-position: inside; 
  }  


#MyTownSkinPane p{
    padding-left:0px;
    line-height:1.5em;
    font-size:13px;
    font-family:  Verdana, sans-serif, Helvetica !important ;
}

#MyTownSkinPane p a, #MyTownSkinPane p a:visited {
    text-decoration: none;
}


#MyTownSkinPane div.myLine{
    border-bottom:1px solid  #AAA;
    margin: 20px 0 20px 0;
    height:0px;
}


#MyTownSkinPane #Footer ul,#MyTownSkinPane  #Footer ul li{
  list-style-type: none ;
  margin:0;
  }  


#MyTownSkinPane #Footer ul li::before  {  
    content: "- ";  
}


#MyTownSkinPane #FooterRightDiv{
    border-left: 1px solid #DDD;
    margin-left :-1px;    
}



#MyTownSkinPane #FooterContent{
    padding: 20px 0 20px 0;
}


#MyTownSkinPane .column80{
    width:80%;
}
#MyTownSkinPane .column75{
    width:75%;
}
#MyTownSkinPane .column70{
    width:70%;
}
#MyTownSkinPane .column60{
    width:60%;
}
#MyTownSkinPane .column50{
    width:50%;
}
#MyTownSkinPane .column55{
    width:55%;
}

#MyTownSkinPane .column45{
    width:45%;
}

#MyTownSkinPane .column49{
    width:49%;
}
#MyTownSkinPane .column40{
    width:40%;
}

#MyTownSkinPane .column30{
    width:30%;
}

#MyTownSkinPane .column25{
    width:25%;
}
#MyTownSkinPane .column20{
    width:20%;
}
#MyTownSkinPane .column10{
    width:10%;
}


#MyTownSkinPane .columnAuto{
    width:auto;
}

#MyTownSkinPane .minHeight{
    min-height:345px;
}


#MyTownSkinPane h1
{
	color:#006699; /*#0066CC;*/
	font-size:26px;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 120%;
}
#MyTownSkinPane h2
{
    color: #555;
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 0px;
	margin: 8px 0px 8px 0px;
	line-height: 1.3em;
}

#MyTownSkinPane h3 {
    color: #333;
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 0px;
	margin: 8px 0px 8px 0px;
	line-height: 1.3em;

        }

#MyTownSkinPane h4
{
	color: #000;
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 1.2em;
}
#MyTownSkinPane h5
{
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.1em;
	margin-top: 0px;
	margin-bottom: 6px;
}
#MyTownSkinPane h6
{
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 4px;
	line-height: 0.8em;
}


#MyTownSkinPane div.mytown_article{
    margin:0 5px 0 5px;

}

#MyTownSkinPane .mytown_article  li{
    padding-left:10px;
    line-height:1.5em;
    font-size:12px;
}

#MyTownSkinPane .mytown_article .imgBorder{
    padding: 30px 5px 30px 3px;
    border :1px solid #666;
}

#MyTownSkinPane .mytown_article .MyArticleDiv > p {
padding-bottom:10px;
line-height:18px;
font-size:14px;
}

#MyTownSkinPane #MenuTripleList ul{
  overflow:hidden;
  padding-left:20px;
  
}
#MyTownSkinPane #MenuTripleList ul li{
    float:left;
  display:inline;
  width:33.333%;
   
}


#MyTownSkinPane #Menu{
    height:2.5em;
    text-transform: uppercase;
    border-top:2px solid  #999;
    border-bottom:2px solid  #DDD;
    font-weight :600;
    margin-left:0px;
    font-size :0.9em;
}

#MyTownSkinPane #Menu .topLevel{
    
    position:relative;
    margin-left:0px;

}

#MyTownSkinPane #Menu .topLevel li{
    float:left;
    margin:0.8em 0 0.8em; 0;
    list-style-type:none;
    position:relative;
    border-right:1px solid #666;
    padding-right :13px;
    padding-left :13px;
}

#MyTownSkinPane #Menu .topLevel li a {
    color: #777;
    text-decoration: none;
}
#MyTownSkinPane #Menu .topLevel li a:hover {
        text-decoration: underline;
    }

#MyTownSkinPane #Menu .topLevel li.lastItem {
    border-right:none;
    padding-right:0px;
}

#MyTownSkinPane #Menu .topLevel li.firstItem {
    padding-left:0;
}

#MyTownSkinPane #Menu .topLevel li.selectedItem {
        text-decoration: underline;
}
  
#MyTownSkinPane .bolder {
        font-weight:bolder ;
}