/*
Aspen Index
*/

#slideshow {
	float: left;
	height: 260px;
	width: 100%;
	margin-left: -30px;
}

#headerText {
    float:left;
    width: 540px;
    margin: 16px 0 0 0;
}

#headerText h1 {
    color: #30416f;
    font-size: 20px;
}

#detail {
    font-size: 13px;
    width: 92%;
    max-width: 92%;
    float: left;
    margin: 0 4%;
    padding-top: 0;
}

#detail li {
    margin: 10px 0;
}

#quickLinks {
    float:left;
	width: 490px;
	padding: 20px;
	background-color: #ECF2F8;
	margin: 10px 0;
	box-shadow: 3px 3px 15px 1px #333;
	-webkit-box-shadow: 3px 3px 15px 1px #333; 
	-moz-box-shadow: 3px 3px 15px 1px #333; 
}

#quickLinks h2 {
    height: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0 15px 0;
    font-weight: bold;
    font-size: 18px;
    color: #30416f;
}

#quickLinks a {
    text-decoration: none;
    color: #30416f;
    font-weight: bold;
    font-size: 10pt;
    display: block;
    cursor: pointer;
    height: 25px;
    margin: 0 0 0 0;
}

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

#quickLinks p {
    font-size: 10pt;
}

#quickLinks p a {
    text-decoration: none;
    color: #30416f;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
    display: inline;
    margin: 0;
}

#quickLinks p a:hover {
    text-decoration: underline;
}

#partners {
    float:left;
    width: 540px;
    /* height: 400px; */
    margin: 0 0 0 0;
    padding: 1px 0 0 0;
    font-size: 13px;
}

#partners h2 {
    font-weight: bold;
    font-size: 18px;
    color: #30416f;
}

#partners img {
    margin: 0 55px 0 0;
    border: none;
}

#partners a {
    text-decoration: none;
    color: #30416f;
    font-weight: bold;
}

#partners a:hover {
    text-decoration: underline;
}
.partnerList {
	text-align: center;
}
p, ul, li {
	font-size: 14px;
	line-height: 17px;
}
#detail p {
	text-indent: 20px;
}
#searchTheCommunity #search {
	height: 143px !important;
}

/**/

#slideshowWidget img {
	max-width: 590px;
	width: 590px;
}

div.row.wideTeaser {
    border-top: 1px dotted #C2C1C1;
    border-bottom: 1px dotted #C2C1C1;
}
.wideTeaser img {
    margin: 0 20px 0 0;
}
div.secondaryBody h2 a {
    color: #757575;
    font-size: 17px;
}
div.secondaryButton {
    background-color: #22CFBB;
    float: right;
    padding: 7px 11px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
div.secondaryButton a {
    color: #FFF;
    text-decoration: none;
    font-family: 'arial';
}
.wideTeaser div.secondaryText {
    margin-right: 100px;
}
.wideTeaser div.secondaryButton {
    float: right;
    margin: -40px 0 0;
}
#secondSlideshow {
    border-top: 1px dotted #C2C1C1;
    border-bottom: 1px dotted #C2C1C1;
}
div.triCol>div {
    width: 90%;
}
#slideshowWidget img {
    max-width: 100%; /*1000px;*/
    width: 100%; /*1000px;*/
}
div#slideshowWidget {
    height: 305px; /*400px;*/
}

div#dialogForm .row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}
div#dialogForm .row .label {
    width: 50%;
    float: left;
    margin-left: 5%;
    font-size:13px;
}
div#dialogForm .row .field {
    float: left;
    width: 40%;
    margin-left: 5%;
}
div#dialogForm .row .field input {
    width: 90%;
}
input#dialogFormSubmit {
    position: relative;
    margin: 20px auto -20px;
    float: none;
    display: block;
}
.teaserBlock .secondaryBody h2 {
    margin-top: 10px;
    line-height: 23px;
}

@media screen and (max-width : 450px) {
    .ui-dialog.inProgressDiv {
        max-width: 100%;
        left: 0 !important;
    }
    div#dialogForm .row>div {
        width: 90% !important;
        clear: left;
    }
}