body, div, pre, p {font-family: Calibri; font-size: 14px; margin: 0px 0px 0px 0px;}


img {border: 0;}

hr {margin: 0; padding: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px dotted #ccc;}

h1, h2, h3, h4, p, br {margin: 0;}

h1 {font-weight: bold; font-size: 24px; font-style: italic; color: #333; letter-spacing: -1px;}
h2 {font-size: 22px; font-weight: bold;}
h3 {font-size: 16px; color: #a2430e;}
h4 {font-size: 14px; color: #51809a;}


/************* Top Navigation Icons *************/
.topNavItems {list-style: none; padding: 0; margin: 15px 15px 0 0; float: right;}
.topNavItems li {float: left;}
.topNavItems li a {color: #ccc; text-decoration: none; font-weight: bold; font-size: 11px; margin-left: 15px;}
.topNavItems li a:hover {color: #fff;}

.SkiptoContentTopLnk {color: #333 !important;}
.SkiptoContentTopLnk:hover {color: #333 !important;}


/************* Top Items & Search Box Resources *************/

#topSearchContainer {width: 960px; height: 46px; margin: 0 auto;}
    #logoContainer {position: absolute; margin: 10px 0 0 10px; z-index: 100;}
    .mobileLogoContainer, #mobileHomeBtn {display: none;}
    
     #searchContainer {position:absolute; width: 565px; margin: 0 0 0 240px;}
        .searchBoxBG {position:absolute; width: 135px; height: 27px;  z-index: 100000; margin: 8px 0 0 810px; background: url(../images/siteSearch.jpg); background-position: 0 0; text-indent: -9999px;
                      
                      }
        .searchBoxBG:hover {background-position: 100% 0; cursor: pointer;}
        
        #searchMenuDD {width: 400px; height: 300px; margin: 15px 0 0 560px; background: url(../images/white.png); position: absolute; z-index: 9999; display: none;}
        
        .searchTxt  {padding: 5px; color: #333; font-size: 11px; width: 100%; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc;}
        
        .searchBoxBG2 {background: #fff; border-radius: 5px; -moz-border-radius: 5px; z-index: 200; margin: 0 0 0 0;}
        .searchDDWidth {width: 120px;}
        .searchDDWidth2 {width: 300px;}
        .searchBtnBG {width: 27px; text-align:center;}
        .searchBtnBG input {border: 0;}

.searchBox {background: transparent; border: 0; color: #666; font-weight: bold;}
.searchDept {}


#portal-personaltools {list-style: none; position: absolute; margin: 60px 0 0 600px; z-index: 9999999;}
#portal-personaltools li {float: left;}
#portal-personaltools li a {display: block; padding: 0 10px; color: #333; text-decoration: none; background: transparent; text-decoration: none; font-weight: bold;}
#portal-personaltools li a img {position: absolute; margin-left: -20px;}
#portal-personaltools li a:hover {display: block; padding: 0 10px; color: #999; text-decoration: none;}


/************* Main Image *************/

#mainImageContainer {max-width: 1200px; min-width: 960px; height: 516px; margin: 0 auto; background: #fff;}
#mainImageWhiteOut {max-width: 1200px; min-width: 960px; height: 516px; margin: 0 auto; background-color: #fff;}


#contentImageContainer {max-width: 1200px; min-width: 960px; margin: 0 auto; background: #000; border-bottom: 1px solid #fff;}
#contentImg {background: url(../images/img001.jpg) top center no-repeat; height: 230px; background-position: top center; width: 100%;}






/************* Main Navigation Icons *************/
#mainNavigationContainer {margin: 0px 0 0 0; position: absolute; z-index: 200; min-width: 960px;}

#mainNavigation {list-style: none; padding: 0; margin: 0;}

    .btnFont {color: #fff; font-weight: bold; font-size: 12px; padding:5px;}
    .pointer {cursor: pointer;}

    .btnIcon001 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon001.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon001:hover {background: url(../images/icon001.png) top right no-repeat #095982; opacity: 1}
    .btnIcon002 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon002.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon002:hover {background: url(../images/icon002.png) top right no-repeat #095982; opacity: 1}
    .btnIcon003 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon003.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon003:hover {background: url(../images/icon003.png) top right no-repeat #095982; opacity: 1}
    .btnIcon004 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon004.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon004:hover {background: url(../images/icon004.png) top right no-repeat #095982; opacity: 1}
    .btnIcon005 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon005.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon005:hover {background: url(../images/icon005.png) top right no-repeat #095982; opacity: 1}
    .btnIcon006 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon006.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon006:hover {background: url(../images/icon006.png) top right no-repeat #095982; opacity: 1}
    .btnIcon007 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon007.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon007:hover {background: url(../images/icon007.png) top right no-repeat #095982; opacity: 1}
    .btnIcon008 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon008.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon008:hover {background: url(../images/icon008.png) top right no-repeat #095982; opacity: 1}
    .btnIcon009 {width: 90px; margin: 0 3px; height: 90px; background: url(../images/icon009.png) top right no-repeat #1e3f50; float:left; opacity: 0.9}
        .btnIcon009:hover {background: url(../images/icon009.png) top right no-repeat #095982; opacity: 1}

    .active {background-color: #47a2cd !important; opacity: 1}
    .active.hover {background-color: #47a2cd !important; opacity: 1}

    .btnPadding {padding: 50px 0 0 0;}


/************* Main Mega Menus *************/
.ddMenu {position: absolute; width: 950px; height: 0; overflow: hidden; background: #fff; margin: 5px 0 0 5px; color: #000;
         -moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
box-shadow: 0 0 10px #888;
}

    .ddTopContainer {height: 311px;}
    .ddTopContainerPadding {padding: 20px 12px;}
    .ddCol {float:left; width: 175px; margin-right: 10px;}
    .ddCol2 {float:left; width: 235px; margin-right: 10px;}

    .ddBotContainer {height: 89px; background: url(../images/menuBottom.jpg) no-repeat;}
    
    .ddBotContainerLeft {float:left; width: 475px; padding: 20px 0 0 10px;}
    .ddBotContainerRight {float:right; width: 340px; padding: 20px 10px 0 0; color: #fff;} 
    
    .ddTextBox {width: 100%;}
    
    .ddMenuClose {position: absolute; margin: 20px 0 0 920px; cursor: pointer;}

    .mainNavSub {margin: 0 0 0 15px; padding: 0;}
    .mainNavSub li {padding: 0 0 5px 0; color: #ccc;}
    .mainNavSub li a {color: #095982; font-weight: bold; font-size: 11px;}
    .mainNavSub li a:hover {color: #51809a;}
    
    .ddBotContainerRight {font-size: 10px;}
    .menuLearnMore {color: #ffff85; font-weight: bold;}
    .menuLearnMore:hover {color: #ffffff;}
    
    

/************* Home Page Images *************/
#img01, #img02, #img03, #img04, #img05 {background-position: top center; height: 516px; width: 100%;}

#img01 {background: url(../images/img001.jpg) top center no-repeat;}



/************* Orange Menu Properties *************/
#orangeBarContainer {max-width: 1200px; min-width: 960px; height: 128px; margin: 0 auto; background: url(../images/orangeBar.jpg) top center repeat-x;}




.orangeBarMenu {list-style: none; margin: 0; padding: 0;}
.orangeBarMenu li {height: 128px; width: 319px; border-right: 1px solid #8c8c8c;  float:left; cursor: pointer;}

.oragneBarIcon001 {background: url(../images/orangeIcon001.jpg) no-repeat; }
    .oragneBarIcon001:hover {background: url(../images/orangeIcon001-over.jpg) no-repeat !important; }
.oragneBarIcon002 {background: url(../images/orangeIcon002.jpg) no-repeat; }
    .oragneBarIcon002:hover {background: url(../images/orangeIcon002-over.jpg) no-repeat; }
.oragneBarIcon003 {background: url(../images/orangeIcon003.jpg) no-repeat; }
    .oragneBarIcon003:hover {background: url(../images/orangeIcon003-over.jpg) no-repeat; }

.orangeTextContainer {text-align: right; float:right; padding: 20px 10px; width: 180px; font-weight: bold;}

.orangeBarMenuLinks {list-style: none; margin: 0; padding: 0;}
    .orangeBarMenuLinks li {padding: 10px 0; font-weight: bold; font-size: 9px; color: #666;}
    .orangeBarMenuLinks li a {color: #467c98; font-weight: bold; font-size: 11px; display: block;}
    .orangeBarMenuLinks li a:hover {color: #000;}

.orangeBarCloseContainer {position: absolute; margin: 20px 0 0 290px; cursor: pointer;}
.orangeBarMenuArrow {position: absolute; margin: 280px 0 0 108px; width: 104px; height: 44px; background: url(../images/orangeArrow.png) no-repeat;}

.cityNewsMenu {position: absolute; margin: -408px 0 0 0; width: 320px; height: 280px; display: none; background: #fff; z-index: 200;}
.cityCouncilMenu {position: absolute; margin: -408px 0 0 320px; width: 320px; height: 280px; display: none; background: #fff; z-index: 200;}
.mayorsCornerMenu {position: absolute; margin: -408px 0 0 640px; width: 320px; height: 280px; display: none; background: #fff; z-index: 200;}


.cityNewsMenu .portletHeader, .cityCouncilMenu .portletHeader, .mayorsCornerMenu .portletHeader  { display: none !important;}

#featuredStoryContainer .documentDescription {display: none;}
#featuredStoryContainer {color: #666; line-height: 18pt;}



/************* Content Section *************/

#mainContentContainer {max-width: 1200px; min-width: 960px; min-height: 516px; margin: 0 auto; background: url(../images/contentPattern.png) bottom center repeat-x #fff; border-bottom: 1px solid #fff;}
#mainContentContainerContentPage {max-width: 1200px; min-width: 960px; min-height: 516px; margin: 0 auto; background: url(../images/contentPattern.jpg) bottom center repeat-x #fff; border-top: 5px solid #a44203; border-bottom: 1px solid #fff;}



/************* Tab Properties & Home Page Slider *************/

#tabContainer {width: 100%;}
#tabContainer ul {list-style: none; list-style-position: outside;}
#tabContainer ul.menu li {float: left; margin-right: 5px; margin-bottom: -1px;}

#tabContainer ul.menu li{ font-weight: bold;
	display: block;
	padding: 20px 10px;
	margin-bottom: -1px;
	position: relative;
	color: #467c98;
	cursor: pointer;
}

#tabContainer ul.menu li:hover {background: #e5e5e5;}

#tabContainer ul.menu li.active{
	background: #467c98 !important;
	top: 1px;	
	border-bottom: 0;
	color: #fff;
}

.tabContentContainer {width: 900px; margin: 0 auto;}

.tabSolo {width: 290px; float:left; padding: 0 5px;}
.tabSolo img {padding-bottom: 10px; width: 100% !important;}
.tabSolo h3 {padding-bottom: 10px !important;}
.tabSolo div, .tabSolo p {color: #666; line-height: 18pt;}

.tabSolo div a {padding: 5px 10px; margin-top: 10px; color: #fff; float:left; display: block; background: #467c98; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 10px;}
.tabSolo div a:hover {background: #1e4663;}

/*
.tabSoloStyle {width: 279px; border-right: 1px solid #ccc; margin: 0 10px 0 0; padding-right: 10px; min-height: 350px;}
    .tabSoloStyle a {float:left; display: block; background: #51809a; padding: 10px 20px; color: #fff; font-weight: bold; text-decoration: none; margin: 20px 0 0 0;}
    .tabSoloStyle a:hover {background: #284d62;}
.tabImageContainer {background: #fff; padding: 5px; border: 1px solid #ccc; margin-bottom: 10px;}
*/
.content{
	margin: 0 auto;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 20px 0;
	font-size: 11px;
	min-height: 350px;
}

.content.tab1 {display: block;}
.content.tab2 {display: none;}
.content.tab3 {display: none;}

.sliderLeftArrow {position: absolute; z-index: 100000; margin: 160px 0 0 -40px;}
.sliderRightArrow {position: absolute; z-index: 100000; margin: 160px 0 0 910px;}


.clear{clear: both; height: 0; visibility: hidden; display: block;}



/************* Citizen's Resources *************/

#citizenResourceContainer {max-width: 1200px; min-width: 960px; margin: 0 auto; background: url(../images/blueBar.jpg) top center repeat-x #1e3f50; border-top: 9px solid #467c98;}


.col4 {width: 220px; float: left; margin: 0 10px;}


/************* Bottom Links *************/

.btmLinks {list-style: none; margin: 0; padding: 0;}
    .btmLinks li {border-bottom: 1px solid #e5e5e5;}
    .btmLinks li a {color: #467c98; font-weight: bold; text-decoration: none; font-size: 11px; display: block; padding: 8px 5px;}
    .btmLinks li a:hover {color: #fff; background: #467c98; }


/************* Bottom Links *************/

.ftrLinks {list-style: none; margin: 0; padding: 0;}
    .ftrLinks li {float:left;}
    .ftrLinks li a {color: #999; font-weight: bold; text-decoration: none; font-size: 11px; display: block; padding: 8px 5px; margin: 0 2px;}
    .ftrLinks li a:hover {color: #fff; background: #222;  border-radius: 5px; -moz-border-radius: 5px;}



#footerBG {background: #333333; padding: 0 0 30px 0;}
#footerLightBlue{max-width: 1198px; min-width: 960px; margin: 0 auto; height: 30px; background: #1e3f50;}

#footerLogoContainer {float: left; margin: 20px 0 10px 10px;}
#footerCopyright {float: right; margin: 20px 10px 10px 0; text-align: right; color: #999999; line-height: 16pt; font-weight: bold;}


/************* Content Properties *************/

#breadcrumbs {float:left; font-size: 11px; color: #333; margin-left: 10px; margin-bottom: 15px;}
#breadcrumbs a {color: #913209; text-decoration: none;}
#breadcrumbs a:hover {color: #467c98;}
.breadcrumbSeparator {padding: 0 3px !important;}

#breadcrumbs-you-are-here  {display: none;}

.mainContentContainerCon { }

#contentLeftSide {width: 250px; float: left !important; margin-right: 9px;}
    
    dd {margin: 0; padding: 10;}
    dt {margin: 15px 0px 5px 0px; padding: 10; }
    
    .col2 {width: 250px !important;}
    .visualPadding {padding: 0 !important; margin: 0; }    
    
    /*****  Main Level Navigation *********/
    
    #mobileSubNav {display:none;}
    
    
    .navTreeFolderish {}
    
    .icon-Folder {float:right !important;}
    .icon-Page {display:none;}
    
    
    .col2 .portletNavigationTree {width: 250px !important;}
    
    .col2 .portletNavigationTree dt {display: none;}
    .col2 .portletNavigationTree dd {border-left: 5px solid #a2430e;}
    
    .col2 .portletNavigationTree ul {margin: 0; padding: 0; list-style: none; width: 240px;}
    .col2 .portletNavigationTree li {}
    .col2 .portletNavigationTree li div a {display: block; color: #467c98; font-weight: bold; padding: 10px; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #ccc;
                                           background: url(../images/btnArrow.png) no-repeat; background-position: -20px 50%;
                                           -webkit-transition: padding  .2s linear, background-position .2s linear;
			                                -moz-transition: padding  .2s linear, background-position .2s linear;
			                                -o-transition: padding  .2s linear, background-position .2s linear;
			                                transition: padding  .2s linear, background-position .2s linear;
                                           }
                                           
    .col2 .portletNavigationTree li div a:hover, .col2 .portletNavigationTree li div .navTreeCurrentNode
     {background: url(../images/btnArrow.png) no-repeat #103a5b; background-position: 10px 50%; color: #fed887;  padding: 10px 0 10px 25px;}
     
     
     .col2 .portletNavigationTree li div .navTreeItemInPath {background: url(../images/btnArrow.png) no-repeat #103a5b; background-position: 10px 50%; color: #fff;  padding: 10px 0 10px 25px;}
    
    .navTreeCurrentNode, .navTreeCurrentNode:hover {border-bottom: 0 !important;}
    
    
    /*****  Second Level Navigation *********/
    
    .col2 .portletNavigationTree ul li ul {margin: 0; padding: 0; list-style: none; width: 240px; background: #224f6d;}
    .col2 .portletNavigationTree ul li ul li {border-bottom: 1px solid #1d4664;}
    .col2 .portletNavigationTree ul li ul li a 
    {
            display: block; color: #ffffff; font-weight: bold; padding: 7px 10px; font-size: 11px; text-decoration: none; border-bottom: 1px solid #326b8e;
            background: url(../images/btnArrow.png) no-repeat; background-position: -20px 50%;
            -webkit-transition: padding  .2s linear;
			-moz-transition: padding  .2s linear;
			-o-transition: padding  .2s linear;
			transition: padding  .2s linear;
        }
        
    .col2 .portletNavigationTree ul li ul li a:hover
     {background: #49819c; color: #fed887;  padding: 7px 20px 7px 20px;}
     
     .col2 .portletNavigationTree ul li ul li .navTreeCurrentNode
     {background: #49819c; color: #fed887;   padding: 7px 10px;}
                                                      
    .col2 .portletNavigationTree ul li ul li .navTreeItemInPath {background-image: transparent !important; background: #49819c; background-position: -20px 50%; color: #fed887;  padding: 7px 10px; border: 0; color: #fff;}
                                                      
                                                      
    /*****  Third Level Navigation *********/
    
    .col2 .portletNavigationTree ul li ul li ul {margin: 0; padding: 0; list-style: none; width: 230px; background: #49819c; padding: 5px;}
    .col2 .portletNavigationTree ul li ul li ul li {border-bottom: 0;}
    .col2 .portletNavigationTree ul li ul li ul li a 
    {
            display: block; color: #ffffff; font-weight: bold; padding: 7px 10px; font-size: 10px; text-decoration: none; border-bottom: 1px solid #49819c;
            background: url(../images/btnArrow2.png) no-repeat #224f6d; background-position: -25px 50%;
            -webkit-transition: padding  .2s linear, background-position .2s linear;
			-moz-transition: padding  .2s linear, background-position .2s linear;
			-o-transition: padding  .2s linear, background-position .2s linear;
			transition: padding  .2s linear, background-position .2s linear;
        }
        
    .col2 .portletNavigationTree ul li ul li ul li a:hover {background: url(../images/btnArrow2.png) no-repeat #103a5b; 
                                                      background-position: 10px 50%; color: #fed887; padding: 7px 10px 7px 20px;}
                                                      
    .col2 .portletNavigationTree ul li ul li ul li .navTreeCurrentNode {background: url(../images/btnArrow2.png) no-repeat #103a5b;
                                                      background-position: -25px 50%; color: #fed887; padding: 7px 10px;}
    
    .col2 .portletNavigationTree ul li ul li ul li .navTreeItemInPath {background: #103a5b; 
                                                      background-position: 10px 50%; color: #ffffff; padding: 7px 10px 7px 10px;}
                                                      
                                                      
    
    
    /*****  Fourth Level Navigation *********/
    
    .col2 .portletNavigationTree ul li ul li ul li ul {margin: 0 0 1px 0; padding: 0; list-style: none; width: 230px; background: #103a5b;}
    .col2 .portletNavigationTree ul li ul li ul li ul li {border-bottom: 0;}
    .col2 .portletNavigationTree ul li ul li ul li ul li a 
    {
            display: block; color: #ffffff; font-weight: bold; padding: 7px 7px 7px 23px; font-size: 10px; text-decoration: none;
            background: url(../images/btnArrow2.png) no-repeat #103a5b; background-position: 15px 50%; border-bottom: 0;
            -webkit-transition: padding  .2s linear, background-position .2s linear;
			-moz-transition: padding  .2s linear, background-position .2s linear;
			-o-transition: padding  .2s linear, background-position .2s linear;
			transition: padding  .2s linear, background-position .2s linear;
        }
        
    .col2 .portletNavigationTree ul li ul li ul li ul li a:hover {background: url(../images/btnArrow2.png) no-repeat #103a5b; 
                                                      background-position: 25px 50%; color: #fed887; padding: 7px 7px 7px 33px;}
                                                      
    .col2 .portletNavigationTree ul li ul li ul li ul li .navTreeCurrentNode {background: url(../images/btnArrow2.png) no-repeat #103a5b; 
                                                      background-position: 15px 50%; color: #fed887; padding: 7px 7px 7px 23px;}
    
    
    
    .portletHeader {background: Transparent !important; padding: 10px 0 !important;}    
    
    .portletHeader a {color: #a2430e !important; text-decoration: none; font-size: 16px !important;  font-weight: bold;}
    .portletHeader a:hover {color: #467c98 !important;}    
    
    .portletHeader a span {color: #a2430e; font-size: 16px; font-weight: bold;}
    .portletHeader a span:hover {color: #467c98; font-size: 16px; font-weight: bold;}
    
    .tile {display: block; color: #467c98; font-weight: bold; padding: 7px 0; font-size: 11px;}
    .tile:hover {color: #333;}
    
    .portletCollection dd span {}
    .portletCollection dd span a {padding: 10px 0; text-decoration: none; color: #a2430e; font-weight: normal; text-transform: none;}
    .portletCollection dd span a:hover {color: #a2430e;}
    
    
    
    

#contentRightSide {width: 700px !important; float: left !important; border-left: 1px dotted #ccc; min-height: 600px;}

   
    .hiddenStructure {display:none;}
    
    .documentActions { padding: 15px 10px 30px 0;}
    .documentActions ul {list-style: none; padding: 0; margin: 0; float:right;}
    .documentActions ul li {float:left; margin: 0 !important; padding:0 5px !important; border-right: 1px solid #333;}    
    .documentActions ul li a { display: block; padding: 0 5px !miportant; font-size: 10px; color: #666 !important; line-height: normal !important; font-style: normal !important;}
    .documentActions ul li a:hover {color: #333 !important;}

    
    
    .stx {clear:both;}
    
    #contentRightSide table td {vertical-align: top; padding: 5px;}
   
   .documentActions {}
   
    .deptRight {float:right; width:47%;}
    .deptLeft{float:left; width:47%;}
    
    #contentRightSide a {color: #467c98;}
    #contentRightSide a:hover {color: #a2430e;}
    
    #contentRightSide p {margin: 0 0 12px 0;}
    #contentRightSide p, #contentRightSide div {color: #666; line-height: 18pt;}
    
    
    .contentFloatRight  {float:right; padding: 0 10px 10px 10px;  max-width: 230px;}
    .contentFloatRight p {font-weight: bold; font-size: 11px;}
    
    .aboutpdf img, .externallink img {display: inline; border: 0 !important; padding: 0 4px !important;}
    
    
    /**** Basic Content Skins ****/
    .documentDescription {font-size: 18px !important; line-height: normal !important; font-weight: bold !important; margin: 0 !important; padding: 10px 0 15px 0 !important;  font-style: italic !important; color: #333 !important; letter-spacing: -1px !important; border: 0 !important;}
    
    #contentRightSide h1 {line-height: 19pt !important; font-weight: bold !important; margin: 0 !important; padding: 0 !important; font-size: 24px !important; font-style: italic !important; color: #333 !important; letter-spacing: -1px !important; background: #fff !important; border: 0 !important;}
    #contentRightSide h2, #searchMenuDD h2 {font-size: 16px; color: #142831 !important; font-weight: bold; line-height: 24pt !important;}
    #contentRightSide h3 {font-size: 14px !important; color: #284d62 !important; font-weight: bold; line-height: 18pt !important;}
    #contentRightSide h4 {font-size: 14px !important; color: #51809a !important; font-weight: bold; line-height: normal !important;}
    #contentRightSide h5 {font-size: 14px !important; color: #142831 !important; font-weight: bold; line-height: normal !important;}
    #contentRightSide h6 {font-size: 12px !important; color: #284d62 !important; font-weight: bold !important; line-height: normal !important;}
    
    #contentRightSide blockquote { background-position: 0 0; margin: 0; padding: 5px 10px 15px 60px; /* font-weight: bold; font-style: italic; */ font-family: Times, Times New Roman, Serif; font-size: 16px; line-height: normal !important;}
    #contentRightSide blockquote dd {margin: 0; padding: 10; font-weight: bold;}
    #contentRightSide blockquote dt {margin: 15px 0px 5px -10px; padding: 10; }
    #contentRightSide pre {white-space: pre-wrap; /* CSS2.1 compliant */
                            white-space: -moz-pre-wrap; /* Mozilla-based browsers */
                            white-space: -o-pre-wrap; /* Opera 7+ */
                            /*font-weight: bold;
                            font-style: italic;*/}
    
    #contentRightSide .discreet {font-size: 10px; font-weight: bold;}
    #contentRightSide .visualHighlight {background: #ffe7af;}
    
    #contentRightSide .callout {padding: 10px; background: #e5e5e5; border: 1px solid #ccc; font-weight: bold; font-style: italic; text-align: center;}
    
    #contentRightSide .visualClear, .visualClear {clear:both;}
    
    
    .right-column {background: #e5e5e5 !important; border: 1px solid #ccc; padding: 5px !important; margin: 0 0 10px 10px !important; float: right; clear: right; width: 250px; height: auto !important;  overflow:hidden;}
    .right-column p {display:block;}
    .right-column img {border: 1px solid #666; max-width: 228px; text-align:center !important;}
    .image-right {float:right; border: 1px solid #ccc; margin: 0 0 0 10px !important;}
    .image-border {border: 1px solid #ccc;}
    
    .eventImageContainer {background: #e5e5e5 !important; border: 1px solid #ccc; padding: 5px !important;  float: right;  width: 250px; height: auto !important; margin-top: 250px;  overflow:hidden; clear:left; margin: 0 0 10px 10px;}
    .eventImageContainer img { width: 100% !Important; height: auto !Important;}
    
    .newsImageContainer {background: #e5e5e5 !important; border: 1px solid #ccc; padding: 5px !important;  float: right;  width: 250px; height: auto !important; margin-top: 250px;  overflow:hidden; clear:left; margin: 0 0 10px 10px;}
    .newsImageContainer {text-align:center;}
    .newsImageContainer p {text-align:left;}
    
    
    .whatWhenWhere, .description {}
    
    
    
    
    /*
    #addmenutoggle, #sharemenutoggle {display: block; padding: 3px 10px; background: #a2430e; color: #fff !important; font-size: 9px !important; font-style: normal !important; text-decoration: none; line-height normal !important;}
    #addmenutoggle:hover, #sharemenutoggle:hover {background: #d15607;}*/
    
    
    /**** News Skin ****/
    #contentRightSide .tileItem {margin: 0 0 0 0; border-bottom: 1px dotted #ccc; padding: 5px 10px 10px 40px; background: url(../images/listArrow.jpg) no-repeat; background-position: 3px 10px;}
    #contentRightSide .tileImage {float:right; border: 1px solid #666;}
    #contentRightSide .tileHeadline {font-size: 14px !important; font-weight: bold; line-height: normal !important; padding: 10px 0;}
    #contentRightSide .tileFooter {float:left; line-height: normal !important;}
    #contentRightSide .tileFooter a {display: block; padding: 3px 10px; background: #142831; color: #fff; font-size: 9px; font-style: normal !important; text-decoration: none; line-height normal !important;}
    #contentRightSide .tileFooter a:hover {background: #142831; color:#fff;}
    
    .listingBar {padding: 10px 0 20px 0; text-align:center;}
    .listingBar .next a {float:right; display:block !important; padding: 2px 15px !important; background: #467c98 !important; color: #fff !important; margin-right: 10px; font-weight: bold; font-size: 11px; text-decoration: none !important;}
    .listingBar .next a:hover {background: #2f5e77 !important;}
    
    .listingBar .previous a {float:left; display:block !important; padding: 2px 15px !important; background: #467c98 !important; color: #fff !important; margin-right: 10px; font-weight: bold; font-size: 11px; text-decoration: none !important;}
    .listingBar .previous a:hover {background: #2f5e77 !important;}
    
                       
    
    .listingBar span {margin: 0 10px 0 0;}
    .listingBar span.current {font-size: 11px; font-weight:bold; background: #e5e5e5 !important; color: #333 !important; padding: 10px 15px;}
    .listingBar a {margin: 0 10px; font-size: 11px; font-weight: bold;}
                                                
    
    /**** Events Skin ****/
    
    
    #contentRightSide .eventList {margin: 20px 0 20px 10px; padding: 0; list-style: none;}
    #contentRightSide .eventList li {padding: 0 0 10px 40px; margin: 15px 0 !important; background: url(../images/calendar.jpg) no-repeat;  border-bottom: 1px dotted #ccc;}
    #contentRightSide .eventTitle {font-size: 14px !important; font-weight: bold;}
    #contentRightSide .eventImage {float:right;border: 1px solid #ccc; margin: 0 0 0 10px !important;}
    #contentRightSide .timeAndLocation {clear:both;font-weight: bold;}
    
    #contentRightSide .ongoingEventList {margin: 20px 0 20px 10px; padding: 0; list-style: none;}
    #contentRightSide .ongoingEventList li {padding: 0 0 10px 80px; margin: 15px 0 !important; background: url(../images/calendar.jpg) no-repeat; background-position: 40px 0;  border-bottom: 1px dotted #ccc;}
    #contentRightSide .eventTitle {font-size: 12px !important; font-weight: bold; background: Transparent !important; padding: 0 !important;}
    #contentRightSide .eventImage {float:right;border: 1px solid #ccc; margin: 0 0 0 10px !important;}
    #contentRightSide .timeAndLocation {clear:both;font-weight: bold;}
    
    .dateblock h3 {padding: 10px 50px !important; font-style: normal !important; color: #333333 !important; background: url(../images/reoccur.jpg) no-repeat; background-position: 12px 10px;}
           

    /**** Events Skin ****/

    .photoAlbumEntry {width: 190px; float:left; margin-right: 10px; margin-bottom: 10px; text-align: center; word-wrap: break-word; padding: 10px; min-height: 200px; border: 1px solid #e5e5e5;}
    .photoAlbumEntry a {display: block;}
    .photoAlbumEntry a .photoAlbumEntryWrapper img {clear:both; border: 5px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
    .photoAlbumEntryTitle {float:left; width: 100%; text-align: center; text-decoration: underline; paddding-top: 10px; font-weight: bold;}
    
    

    .fireTbl {width: 100%;}
    .fireTbl td {width: 33%; vertical-align: top; text-align: center; padding: 0 10px 4px 10px;}
    
    
    /************Form Elements******************/
    #contentRightSide .field {padding: 0 0 0 0;}
    #contentRightSide .field label {font-size: 12px; color: #333 !important;}
    #contentRightSide .field .fieldErrorBox { color: red !important;}
    
    

#mostPopContainer {background: url(../images/mostPop.png) top center no-repeat; width: 234px; height: 261px; margin: 0 auto 20px auto; overflow: hidden;}

#mostPopContainer a {padding: 5px 0 !important; text-decoration: underline !important; color: #467c98;  font-weight: bold !important; text-transform: none !important; display: block; font-size: 11px;}
#mostPopContainer a:hover {color: #333 !important;}

.leftBoxTitle {font-weight: bold; font-size: 18px; font-style: italic; color: #467c98; letter-spacing: -1px; padding: 50px 0 0 0;}


.leftBox {list-style: none; margin: 0; padding: 0;}
    .leftBox li {font-weight: bold; text-decoration: none; font-size: 11px; color: #666;}
    .leftBox li a {color: #913209; font-weight: bold; text-decoration: none; font-size: 11px; display: block; padding: 5px; text-decoration: underline;}
    .leftBox li a:hover {color: #467c98;}


.followTwitter {display: block; background: #467c98; text-align: center; padding: 10px 5px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase;}
.followTwitter:hover {background: #1b4459;}
.twiiterHeight {height: 115px;}

#twitterContainer {background: url(../images/twitterContainer.png) top center no-repeat; width: 234px; height: 261px; margin: 0 auto;}

#twitterContainer .tile {line-height: 16pt !important;}
#twitterContainer .portletFooter {display: none !Important;}
#twitterContainer .portletRss {margin: 0; padding: 0; overflow: hidden; height: 115px !important;}

/************* Global Properties *************/
.container {width: 960px; margin: 0 auto;}

.titleBox {background: url(../images/pageTitle.png) no-repeat bottom center;}

.titleLine {background: url(../images/blueLine.jpg) repeat-x; background-position: 0 50%; padding: 0 5px;}

.titleContainer {background: #fff; padding: 10px; float:left;}
.titleDark {}

.documentFirstHeading {line-height: 19pt !important; font-weight: bold !important; margin: 0 !important; padding: 0 !important; font-size: 24px !important; font-style: italic !important; color: #333 !important; letter-spacing: -1px !important; background: #fff !important; border: 0 !important;}
.link-parent {border: 0 !important; margin:0 !Important; padding: 0 !important; color: #fff000; background: #000000 !important; display: none;}

.titleContainerBlue {background: #1e3f50; padding: 10px;}
.titleWhite {font-weight: bold; font-size: 24px; font-style: italic; color: #fff; letter-spacing: -1px;}

.stretch {width: 100%;}

.center {text-align: center;}

.white {color: #fff;}
.yellow {color: #ffe788;}
.clearBoth {clear:both;}

.bold {font-weight: bold;}
/*.italic {font-style: italic;}*/

.padding {padding: 10px;}
.paddingLR {padding: 0 15px 0 15px;}
.paddingBig {padding: 20px;}

.paddingVertSmall {padding: 10px 0;}
.paddingVertMed {padding: 0 0 20px 0;}
.paddingVertBig {padding: 30px 0;}

.shadow {-moz-box-shadow: 3px 3px 5px #ccc;
 -webkit-box-shadow: 3px 3px 5px #ccc;
 box-shadow: 3px 3px 5px #ccc;
 }
 
 .innershadow {-moz-box-shadow: inset 2px 2px 10px #511a04;
 -webkit-box-shadow: inset 2px 2px 10px #511a04;
 box-shadow: inset 2px 2px 10px #511a04;}
 
 

/************* Global Form Properties *************/

input, textarea {padding: 5px; color: #333; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; font-family: Arial;}
textarea {width: 97%;}
select {padding: 5px; color: #333; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc;}
.context, .searchButton, .standalone {width: auto !important; padding: 5px 10px !important; background: #467c98 !important; color:#fff;}
.context:hover, .searchButton:hover, .standalone:hover { background: #2f5e77 !important;}

.field input {width: 600px;}


#bottomDeptBoxContainer {width: 960px; background: url(../images/bottom.jpg) no-repeat #fff; min-height: 250px; margin: 10px auto 0 auto;}
.bottomDeptBox {width: 220px; float: left; margin: 0 10px; padding: 10px 0;}
.bottomDeptBox .portletItem p, .bottomDeptBox .portletItem .tel311, .bottomDeptBox .portletItem .or311  {color: #666; line-height: 18pt;}

.bottomDeptBox a {color: #467c98;}
.bottomDeptBox a:hover {color: #a2430e;}

.bottomDeptBox .portletHeader span {color: #a2430e; font-size: 16px; font-weight: bold;}


.ArchetypesMultiSelectionValue input {border: 0; width: auto;}


/*** Content Page Slider ***/
.col1 #slider1 {margin:0 0 30px 0; padding:0; background: url(../images/sliderBG.jpg) bottom left repeat-x #000; width: 664px;  height: 336px; overflow:hidden;}
        
.col1 #slider1 p {margin: 0;}
        
.col1 .bx-pager {padding-top: 5px !important; padding-right: 10px; position:absolute; margin-top: -71px; margin-left: 20px;  z-index: 1000;}
.col1 .bx-pager a {background: #2f2f2f; padding: 5px 7px; margin-right: 5px; border-radius: 10px; -moz-border-radius: 10px; 
                font-size: 8px; font-weight: bold; color: #fff !important; text-decoration: none;float:left; display:block; line-height: normal !important;}
.col1 .bx-pager a:hover {background: #4c4c4c;}
        
.col1 .bx-pager a.pager-active {background: #467c98;}
        
.col1 #slider1 li img, .col1 #slider1 div img{padding-bottom: 50px;}
.col1 #slider1 li a, .col1 #slider1 div a{margin: 210px 0 0 15px; background: url(../images/sliderLNKBG.jpg) bottom left repeat-x; position: absolute; width: 590px; height: 55px; 
                padding: 10px 20px; color: #fff !important; font-weight: bold; text-decoration: none; overflow: hidden;                       
                -moz-box-shadow: inset 0 0 5px #7c330a;
                -webkit-box-shadow: inset 0 0 5px#7c330a;
                box-shadow: inner 0 0 5px #7c330a;
                }
/*.col1 #slider1 li a:hover {background-color:#bd5217;}*/



/*** Content Editor ***/
.formQuestion, legend {font-size: 14px; color: #a2430e !important; font-weight: bold; line-height: inherit !important;}

#contentRightSide a {color: #467c98}
    #contentRightSide a:hover {color: #a2430e}
    
    #contentRightSide p {margin: 0 0 12px 0;}
    #contentRightSide p, #contentRightSide div {color: #666; line-height: 18pt;}
    
    .noborder {width: auto !important;}
    
    
fieldset {margin: 20px 0 !important;}

.listing {width: 100%; border: 0; padding:0; border-left: 1px solid #ccc;}
.listing th {background: #333; text-align:center; color: #fff; border-bottom: 1px solid #666; border-top: 1px solid #999;}
.listing th a.update-selection {color: #ffeb9c !important;}
.listing th a.update-selection:hover {color: #ffeb9c !important;}
.listing .odd {background: #e5e5e5;}
.listing td {padding: 4px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}


.right-column{
	text-align: left;
}

.right-column .external-link  {float:left; display: inline !important;}
.right-column a {}



/* highlight-box */
.right-column .highlight-box  {
	text-align: left;
}

.right-column .highlight-box  {
	text-align: left;
}

.right-column .highlight-box  ul {
	text-align: left;
}



#addmenutoggle   {font-size: 12px !important; float:left; line-height: normal !important; padding: 0 7px 5px 0 !important; margin: 0 !important; height: 20px !Important;}
#sharemenutoggle {font-size: 12px !important; float:left; line-height: normal !important; padding: 0 0 5px 7px  !important; margin: 0 !important; height: 20px !Important;}

.first-of-type {}
.first-of-type li {padding: 5px 0;}
.first-of-type li:hover {background: #e5e5e5 !important;}
.first-of-type li img {float:left; border: 0; padding-right: 5px;}
.first-of-type li a {}
.first-of-type li .externallink img {float:right; padding-left: 5px;}


.yui-menu-shadow-visible {clear:both;}



/************members******************/
.state-private{ color:#A2430E !important;}


/************ City Services Suggested Menu******************/
.jsonSuggest {list-style: none; padding: 0; margin: 0; width: 467px !important; position: absolute;
            border-top-left-radius: 7px;
            -moz-border-radius-topleft: 7px;
            border-top-right-radius: 7px;
            -moz-border-radius-topright: 7px;
            background: #386785;            
            margin: -198px 0 0 0 !important; top:auto !important; left: 0 !important; z-index: 999; height: 150px !important; overflow: auto;                      
            background: #333;
            border: 10px solid #e5e5e5;
            }
            
.jsonSuggest li {}
.jsonSuggest li a {display:block;background: #386785; color: #fff;padding: 5px; border-bottom: 1px solid #274e67;  border-top: 1px solid #5088ac; font-size: 11px;}
.jsonSuggest li a:hover {background: #333; cursor: pointer;}
.jsonSuggest li small {display:none;}
jsonSuggest li img {float:left;}





/************Form Elements******************/
.managePortletsLink {text-align: center;}
.managePortletsLink a {display: block; background: #333; color: #fff; padding: 10px 5px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.managePortletsLink a:hover {display: block; background: #999; color: #fff; padding: 10px 5px;}

.portlets-manager .managedPortlet .portletHeader {padding: 5px 0 !Important; border-bottom: 1px dotted #ccc; margin: 0 0 0 5px;}
.portlets-manager .managedPortlet .portletHeader a {font-size: 12px !important;  padding: 5px 5px 5px 10px !important;}

.portlets-manager .portletAssignments h4, .portlets-manager .section h4 {padding: 10px 0 5px 0;}

.portlets-manager .section div {padding: 0 0 10px 0;}
.portlets-manager .section select {width: 100%;}





/************Time and Date Calendar ******************/
.calendar {background-color: rgb(240, 240, 240); border: 1px solid rgb(0, 0, 0); padding: 12px;}
.calendar table {border-spacing: 5px;}


.abqViewTable {width: 100%;}
.abqViewTable th {background: #eee5d0;}
.abqViewTable td {color: #fff;}

.redRow {background: #cc0f2f;}
.yellowRow {background: #d58b32;}
.greenRow {background: #6d9a47;}



#mblView {text-align: center; padding: 15px 0; display: none;}



/************ Score Table Styling ******************/
.scoreCardContainer {}
       
       .scoreCardColTitle {background: #333333; /* Old browsers */
            padding: 20px;
            border-bottom: 1px solid #ccc;
            text-align: center;
            color: #fff;
            }

        .scoreCardColTitle h2 {margin: 0; padding: 0; text-transform: uppercase; color: #fff;}
        
        .scoreCardTable {width: 678px; margin: 0 auto; background: #fff; border: 1px solid #ccc; padding: 0 0 20px 0;}
        
        .scoreCardCol1 {width: 220px; text-align: center; vertical-align: top; padding: 15px 0;}
            .scoreCardCol1 h3 {margin: 0; padding: 0; color: #333;}
            
        .scoreCardCol2 {text-align: center;  padding: 15px 20px 15px 15px; vertical-align: top;}
            .scoreCardCol2 h3 {margin: 0; padding: 0; color: #333;}
           
            .scoreCardTable2 {width: 100%;}           
            .scoreCardTable2 td {border-bottom: 1px solid #ccc; padding: 10px 0; text-align: left;}
            .scoreCardTable2 td img {width: 30px; height: 30px;}/* Portlet Icons */
.portletAirQualityPortlet {
    margin-bottom: 25px;
}
.portletAirQualityPortlet .portletItem {
    padding: 0px 0px 0px 0px;
    line-height: 32px;
    font-size: 10px;
    font-weight: bold;
}
.portletAirQualityPortlet .aqi {
    background: White url(../images/icon-aqi-small.png) no-repeat 3px 3px;
    padding-left: 41px;
}
.portletAirQualityPortlet .pollen {
    background: White url(../images/icon-pollen-small.png) no-repeat 5px 3px;
    padding-left: 41px;
}
.portletAirQualityPortlet .burn {
    background: White url(../images/icon-burn-small.png) no-repeat 2px 3px;
    padding-left: 41px;
}

.portletAirQualityPortlet .status-text {
    padding: 0 3px 0 9px;
    color: #272727;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
}
.portletAirQualityPortlet #aqportlet-alerts {
    text-align: right;
    margin: 5px 5px 0px 0px;
}
.portletAirQualityPortlet #today-status-link {
    text-decoration: none;
}
.portletAirQualityPortlet .portletHeader {
    color: #913209;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}
.portletAirQualityPortlet .alertsSignup {
    color: #467C98;
    font-size: 11px;
    font-weight: bold;
}

/* Air Quality Homepage Status */
#status-header {
    text-align: right;
    padding: 3px 12px 6px 12px;
    margin-right: 2px;
}
#status-header,
#status-header h2,
#status-header a {
    background-color: #333333;
    color: white !important;
}
#status-header h2 {
   border-bottom-width: 0px; 
   float: left;
   margin: 0px;
   font-weight: bold;
}
#status-header #status-date {
    padding-top: 4px;
}
#airstatus-data {
    width: 100%;
    border-collapse: collapse;
    color: #272727;
}
#airstatus-data td {
    width: 33%;
    padding: 0px;
}
#airstatus-data .status-label {
    background-color: White;
    line-height: 44px;
    padding-left: 65px;
    font-size: 20px;
    margin-bottom: 1px;
}
#airstatus-data #label-aqi {
    background: White url(../images/icon-aqi-large.png) no-repeat 15px 3px;
}
#airstatus-data #label-pollen {
    background: White url(../images/icon-pollen-large.png) no-repeat 15px 3px;
}
#airstatus-data #label-burn {
    background: White url(../images/icon-burn-large.png) no-repeat 15px 3px;
}
.status-text {
    background-color: White;
}
#airstatus-data .status-text {
    line-height: 32px;
    padding: 0 3px 0 36px;
    font-weight: bold;
}
.template-airqualityhomepage_view #airstatus-data .status-text {
    padding: 0 3px 0 3px;
    text-align: center;
}
#airstatus-data .status-label,
#airstatus-data .status-text
{
    margin-right: 2px;
}
#status-footer {
    text-align: right;
}
#status-footer #footer-more {
    float: left;
}

/* Air Quality Hompage Topics */
#air-topics {
    width: 100%;
    border-collapse: collapse;
    color: #272727;
    margin-top: 35px;
}
#air-topics th,
#air-topics td {
    border: 6px solid #DFDDCE;
}
#air-topics th {
    padding: 0px;
    vertical-align: top;
    height: 62px;
}
#air-topics th.live {
    background: White url(../images/topic-live.jpg) no-repeat left top;
}
#air-topics th.work {
    background: White url(../images/topic-work.jpg) no-repeat left top;
}
#air-topics th.data {
    background: White url(../images/topic-data.jpg) no-repeat left top;
}
#air-topics td {
    width: 33%;
    padding: 0px;
    vertical-align: top;
    background-color: White;
}

/* Today's Status Page */
.template-airqualitytodaystatus_view .status-label {
    margin-top: 1px;
}

/* Status Colors */
.Good,
.Low,
.None
{
    background: #adf6ad; /* Green Low Opacity */
}
.greenSaturated {
    background: #00E400; /* Green Saturated */
}
.Moderate,
.Medium,
.Voluntary,
.Other
{
    background: #ffff87; /* Yellow Low Opacity */
}
.yellowSaturated {
    background: #FFFF00; /* Yellow Saturated */
}
.Unhealthy-for-Sensitive-Groups {
    background: #ffd6ad; /* Orange Low Opacity */
}
.orageSaturated {
    background: #FF7E00; /* Orange Saturated */
    color: White;
}
.Unhealthy,
.High,
.Mandatory
{
    background: #ffadad; /* Red Low Opacity */
}
.redSaturated
{
    background: #FF0000; /* Red Saturated */
    color: White;
}
.Very-Unhealthy,
.Very-High
{
    background: #deadc5;
}
.purpleSaturated
{
    background: #99004C;
    color: White;
}
.Hazardous {
    background: #be7f91;
}
.maroonSaturated {
    background: #7E0023;
    color: White;
}

/* Pollen Count Page */
.template-statuspollen_view #pollen-data label {
    display: block;
    margin-top: 10px;
}

.template-statusburn_view #burn-data label {
    display: block;
    margin-top: 10px;
}

/* Today's Status Page */
.template-airqualitytodaystatus_view #status-date {
    float: right;
    padding-left: 20px;
}


/** Styling Apps Sections - MN **/ 


.featuredAppBox {
  margin: 12px 0 25px 0;
  overflow: hidden;
}

.featuredAppImage {
  border-right: 1px solid #ccc;
  float: left;
  padding-right: 20px;
  width: 250px;
}

.featuredAppText {
  margin-left: 270px;
  padding-left: 20px;
}

.featuredAppTags {
  margin-top: 20px;
}

.appBox {
  overflow: hidden;
  margin-bottom: 30px;
}

.appImage {
  float: left;
  width: 120px;
}

.appText {
  margin-left: 120px;
}

.appTags {
	margin-top: 20px;
	}

.appScreenshot {
	margin: 5px 10px 15px 10px;
	}