/* Start of CMSMS style sheet 'interior' */
#wrapper { 
 margin: 0 auto;
 width: 962px;
 background: url('images/interior_bodybg.jpg') repeat-y; 
 padding: 0;
}

#snav {float: left; position: relative; margin: 0 16px 0 23px; padding: 0; width: 916px; background-color: #fff; line-height: 0;}
/*Safari & IE 7 Hack*/ html*#snav {margin-top: 0; ]margin-top: 24px; ]margin-bottom: -12px;} 
/*IE 6 Hack*/ * html #snav {margin-top: 0; margin-left: 11px; width: 917px; height: 30px;} 
#snav li {float: left; position: inline; margin: 0; padding: 12px 0 11px 0; list-style: none;}
/*Safari & IE 7 Hack*/ html*#snav li {]margin: 0; ]padding: 5px 0 15px 0; ]line-height: 140%;}
/*IE 6 Hack*/ * html #snav li {margin: 0; padding: 0; line-height: 140%;}
#snav li a {float: left; font-size: 115%; padding-right: 25px; color: #0c5f84; font-weight: bold;}
/*Safari & IE 7 Hack*/ html*#snav a {font-size: 115%;}
#snav li a:hover {color: #000;}
#snav li .currentpage {color: #963800;}

#contentshell {position: relative; width: 916px; background: url('images/interior_copybg.jpg') no-repeat top left #c9d6dd; border-top: 5px solid #fff; clear: both; min-height: 200px; margin: 0 16px 0 23px; font-size: 105%;}
/*Safari & IE 7 Hack*/ html*#contentshell {]font-size: 110%;}

#contentshell_1col {position: relative; width: 916px; background: url('images/interior_copybg.jpg') no-repeat top left #c9d6dd; border-top: 5px solid #fff; clear: both; min-height: 400px; margin: 0 16px 0 23px; font-size: 105%;}
#contentshell_1col .copy {margin: 25px 20px 20px 20px}
/*Safari & IE 7 Hack*/ html*#contentshell_1col {]font-size: 110%;}

/*2 Columns - even, no dots */
#hleft {position: relative; float: left; width: 427px; margin: 23px 37px 0 28px; padding: 0 0 20px 0;}
/*IE 6 Hack*/ * html #hleft {width: 420px; margin-left: 10px;}
/*Begin right column styles*/
#hright {position: relative; float: left; width: 414px; margin: 23px 0 0 0; padding: 0 0 20px 0;}

/*2 columns - right side column with dots*/
#hleft2 {position: relative; float: left; width: 567px; margin: 23px 27px 0 28px; padding: 0 0 20px 0;}
/*IE 6 Hack*/ * html #hleft2 {width: 430px; margin-left: 10px;}
/*Begin right column styles*/
#hright2 {position: relative; float: left; border-left: 2px dotted #333333; width: 244px; margin: 43px 20px 30px 0; padding: 0 0 20px 20px;}
#hright2 h1 {margin-bottom: 10px;}
#hright2 p {margin-top: 0; padding: 0 0 20px 0; font-size: 93%; line-height: 140%;}
#hright2 ul li {font-size: 93%;}

/*2 columns - right side column with dots*/
#hleft3 {position: relative; float: left; width: 577px; margin: 23px 27px 0 28px; padding: 0 0 40px 0;}
/*IE 6 Hack*/ * html #hleft3 {width: 430px; margin-left: 10px;}
/*Begin right column styles*/
#hright3 {position: relative; float: left; border-left: 2px dotted #333333; width: 234px; margin: 43px 20px 30px 0; padding: 0 0 20px 20px;}
#hright3 p {margin-top: 0; padding: 0 0 10px 0; font-size: 93%; line-height: 140%;}
#hright3 ul li {font-size: 93%;}

/*2 columns - studio calendar*/
#hleft4 {position: relative; float: left; width: 667px; margin: 23px 0 20px 28px; padding: 0 20px 20px 0; border-right: 2px dotted #333333; min-height: 300px;}
/*IE 6 Hack*/ * html #hleft4 {width: 667px; margin-left: 10px;}
/*Begin right column styles*/
#hright4 {position: relative; float: left; width: 164px; margin: 28px 0 30px 0; padding: 0 0 20px 15px;}
#hright4 h2 {margin-bottom: 20px;}
#hright4 p {margin-top: 0; padding: 0 0 20px 0; font-size: 93%; line-height: 140%;}
#hright4 ul li {font-size: 93%;}

.polaroid {background: url('images/polaroid_bot.png') no-repeat bottom left; overflow: auto; width: 399px; margin: 0; padding: 0; min-height: 250px;}
/*IE 6 Hack*/ * html .polaroid {background: none; background-color: #fff;}
.polaroidwrap {margin: 0; padding: 0 0 20px 0;}
.polaroidcopy {background: url('images/polaroid_top.png') no-repeat top left; margin: 0; padding: 17px; min-height: 190px;}
.polaroidcopy .pimage {margin: 0; padding: 0 0 10px 0;}
.polaroidcopy .pimage img {clear: both; width: 362px;}
.polaroidcopy p {font-family: Georgia, Times New Roman; font-style: italic; font-size: 100%; font-weight: bold; padding: 0; margin: 0; clear: both;}
/*Safari & IE 7 Hack*/ html*.polaroidcopy p  {font-size: 95%; ]font-size: 90%;}
/*IE 6 Hack*/ * html .polaroidcopy p {font-size: 95%;}



/* ============== INTERIOR NEWS STYLES ====================*/
#NewsDetails img {float: left; margin: 0 20px 30px 0; padding: 10px; background: url('images/polaroid_top_flat.jpg') no-repeat top left #fff;}
h3#NewsPostDetailTitle {font-family: Georgia, Times New Roman; color: #000; font-size: 140%; padding-bottom: 20px;}
#NewsPostDetailSummary {display: none;}
#NewsPostDetailContent {padding-bottom: 15px;}
#NewsPostDetailAuthor {font-size: 90%; font-style: italic; color: #666; display: inline;}
#NewsPostDetailDate {font-size: 90%; font-style: italic; color: #666; display: inline;}
.NewsDetailField {}

#NewsSummary {}
#NewsSummary h2 {color: #963800; position: relative; float: left;  padding-bottom: 15px; }
#NewsSummary .readmore {position: relative; float: right;  padding-bottom: 15px;}
#NewsSummary .item {position: relative; margin: 0; padding: 0 0 10px 0;  clear: both;}
#NewsSummary .item .title {font-size: 105%; line-height: 115%; font-weight: bold; color: #000; margin: 0 0 3px 0; padding: 0;}
#NewsSummary .item .summary {margin: 0; padding: 0;}
#NewsSummary .item .summary p {padding: 0 0 10px 0; margin: 0; font-size: .95em; line-height: 130%;}
/*Safari & IE 7 Hack*/ html*#NewsSummary .item .summary p {font-size: 95%; line-height: 120%;}
#NewsSummary .item .summary img {display: none;}
#NewsSummary .item .post {font-size: 90%; color: #666; margin: 0 0 3px 0; font-style: italic;}
#hleft2 #NewsSummary .item .post {display: none;}

/* ============== INTERIOR EVENTS STYLES ====================*/
.calendar-event {position: relative; width: 100%;}
.calendar-event h1 {}
.calendar-event img {position: relative; float: left; width: 200px; margin: 0 15px 15px 0; padding: 10px; background: url('images/polaroid_top_flat.jpg') no-repeat top left #fff;}
.when {margin: 0;}
.calendar-date-from {line-height: 170%; display: inline;}
.calendar-date-to {line-height: 170%; display: inline;}
.location {line-height: 170%;}
.time {}
.label {float: left; display: block; width: 40px; font-size: 90%; font-weight: bold; color: #000;}
.label2 {float: left; display: block; width: 70px; font-size: 90%; font-weight: bold; color: #000;}
.calendar-details {padding: 10px 0 20px 0;}
.calendar-details p {margin-bottom: 0;}
.calendar-fields {}
.calendar-returnlink {margin-top: 15px;}
.calendar-details-title {display: none;}
.calendar-summary {font-style: italic;}
.calendar-summary-title {display: none;}


#inteventslist {position: relative; width: 100%;}
#inteventslist h2 {float: left; padding-bottom: 15px; color: #352b23;}
#inteventslist .readmore {float: right;  padding-bottom: 15px;}
#inteventslist .item {position: relative; clear: both; width: 100%; margin-bottom: 15px;}
#inteventslist .item .image {float: left; width: 65px; padding: 1px; border: 1px solid #333; background-color: #fff; margin: 9px 15px 18px 0; overflow: hidden;}
#inteventslist .item img {width: 65px;}
#inteventslist .item .itemtxt {position: relative;}
#inteventslist .item .itemtxt .title {font-size: 105%; line-height: 130%; font-weight: bold; color: #000;}
#inteventslist .item .itemtxt .calendar-date-from {display: inline; line-height: 130%;}
#inteventslist .item .itemtxt .calendar-date-to {display: inline; line-height: 130%;}
#inteventslist .item .itemtxt .time {line-height: 130%; margin: 0;}
#inteventslist .item .itemtxt .summary {padding: 6px 0 0 0;}
#inteventslist .item .itemtxt .summary p {line-height: 120%; margin: 0; padding: 0 0 8px 0;}





.UserDirectoryItem {position: relative; clear: both; margin: 0;}
.UserDirectoryItem .polaroid {float: left; background: url('images/polaroid_bot2.png') no-repeat bottom left; overflow: auto; width: 270px; margin: 0 20px 15px 0; padding: 0; min-height: 250px;}
/*IE 6 Hack*/ * html .UserDirectoryItem .polaroid {background: none; background-color: #fff;}
.UserDirectoryItem .polaroidwrap {margin: 0; padding: 0 0 5px 0;}
.UserDirectoryItem .polaroidcopy {background: url('images/polaroid_top2.png') no-repeat top left; margin: 0; padding: 17px; min-height: 190px;}
.UserDirectoryItem .polaroidcopy .pimage {margin: 0; padding: 0 0 10px 0;}
.UserDirectoryItem .polaroidcopy .pimage img {clear: both; width: 235px;}
.UserDirectoryItem .polaroidcopy p {font-family: Georgia, Times New Roman; font-style: italic; font-size: 90%; font-weight: bold; padding: 0; margin: 0; clear: both;}
/*Safari & IE 7 Hack*/ html*.UserDirectoryItem .polaroidcopy p  {font-size: 85%; ]font-size: 80%;}
/*IE 6 Hack*/ * html .UserDirectoryItem .polaroidcopy p {font-size: 95%;}

.UserDirectoryItem .instructor_info {margin: 0 0 0 4px;}
/*Safari & IE 7 Hack*/ html*.UserDirectoryItem .instructor_info p {font-size: 100%;}
.UserDirectoryItem h3 {margin: 0 0 -5px 0; padding: 10px 0 0 0; color: #792d00;}
/*Safari & IE 7 Hack*/ html*.UserDirectoryItem h3 {]font-size: 120%;}

.resident_summary {margin: -10px 0 0 0; padding: 0; }
.resident_summary h2 {margin: 0 0 15px 0; padding: 0; font-size: 125%;}
.resident_summary img {float: left; width: 200px; margin: 5px 10px 10px 0; padding: 8px; background:  no-repeat top left #fff;}

.resident_summary .resident_bio {position: relative; margin: 0; padding: 0;}
.resident_summary .resident_bio h3 {color: #963800; font-size: 115%; margin: 0; padding: 0;}
.resident_summary .resident_bio p {padding: 0; margin: 0 0 5px 0;}


.resident_details {margin: -10px 0 0 0; padding: 0; }
.resident_details h2 {margin: 0 0 15px 0; padding: 0; font-size: 125%;}
.resident_details img {float: left; width: 130px; margin: 10px 20px 20px 0; padding: 9px; background:  no-repeat top left #fff; border: 1px solid #999;}

.resident_details .resident_bio {position: relative; margin: 0; padding: 0;}
.resident_details .resident_bio h3 {color: #963800; font-size: 115%; margin: 0; padding: 0 0 5px 0;}
.resident_details .resident_bio p {margin: 0 0 10px 0; padding: 0;}

.resident_details .resident_portfolio {position: relative; clear: both; margin: 0 0 0 0; border-top: 2px dotted #333333; padding: 10px 0 0 0;}
.resident_details .resident_portfolio img {border: 1px solid #000; margin: 0 10px 0 0; padding: 7px; background: #fff;}
.resident_details .resident_portfolio .portfoliotitle {font-size: 110%; color: #000; font-weight: bold; padding: 5px 0 5px 0;}

/* End of 'interior' */