@import "reset.css";
@import "ie-transparency.css";
@import "typography.css";
@import "tabs.css";


/*	
LEGEND:
	BODY/GENERAL
	BRANDING
	PRIMARY CONTENT
	SECONDARY CONTENT
	NAVIGATION
		PRIMARY
		SECONDARY (2rd and 3rd level)
		ALTERNATE (4th level)
		LOCAL (bread crumb)
		ADMIN
	FOOTER
	------------------------------------------------------ */
	
/*	=BODY/GENERAL
	------------------------------------------------------ */

body {
	background: #000;
	min-width : 990px;
	position: relative;	
}

div#page {
	position: relative;
	padding-top:25px;
	background: #000 url(../images/bg-branding.png) repeat-x left top;	
}

/* Set width of content regions */
#branding, #page, #footer {
	width: 990px;
	margin: 0 auto;
}

div#stage
{
	background: #000 url(../images/bg-stage.png) no-repeat left top;
	width : 990px;
	min-height : 473px;
}

.sideAlternate
{
		background-image : url(../images/bg-stage-right-thin.png)!important;
}

.sideStandard
{
	background-image : url(../images/bg-stage-right-wide.png)!important;
}

.full
{
	background-image : url(../images/bg-stage-full.png)!important;
	background-color : #282828;
	min-height : 0!important;
}
.fullcontent
{
	background-image : url(../images/bg-stage-full.png)!important;
	background-color : #282828;
}

fieldset legend
{
	display : none;
}
fieldset#search{
	float : right;
	padding : 14px 14px 0 0px;
}
fieldset#search input
{
	border : 0;	
}	
fieldset#search label, fieldset#search span {
	display : none;
}

#search input.term /* fieldset#search input[type="text"] */ /* IE 6 can't handle attribute selectors */
{
	background : transparent url(../images/bg-search-field.png) no-repeat left -1px;
	padding : 4px 10px;
	width : 105px;
	color: #fff !important;
	font-size: 9px !important;
}

#search input.button /* fieldset#search input[type="submit"] */ /* IE 6 can't handle attribute selectors */
{
	background : transparent url(../images/bg-go-button.png) no-repeat left center;
	width : 27px;
	height : 20px;
	color: #fff !important;
	font-size: 9px !important;
}


#CMSPageController {
	height : 30px;
	padding : 15px 10px 5px;
	background : transparent url(../images/bg-cmscontroller.png) repeat-x left top;
}
#CMSPageController .CMSMode {
	float : right;
}
#CMSPageController .error
{
	margin-left : 10px;
	margin-right : 10px;
}
.help
{
	margin : 0 25px;
	display:block;
}
.FormView .fieldLabel
{
	display : block;
}

.FormView .fieldLabel,
.FormView input,
.FormView textarea,
.FormView hr
{
	margin : 5px 25px 0.5em;
}

.FormView textarea,
.FormView input
{
	width : 240px;
}
.FormView .roomy {
	width : 390px;
}
.FormView .extra-roomy {
	width : 420px;
}
.FormView input.numeric{
	width : 40px
}
.FormView input.url {
	width : 390px;
}
.FormView input.date {
	width : 80px;
	margin-right : 0;
}
.FormView input.button {
	width : auto;
	margin : 0 5px 0.5em;
}
.FormView .selections
{
	margin : 0 25px 0.5em;
}
.FormView .selections label,
.FormView .selections input {
	width : auto;
	margin : 0 5px 0 0;
}
.FormView .selections input
{
	margin : 0 15px 0 0;
}
.errorSummary, .confirm, .attention {
	border : 1px solid red;
	background : transparent url(../images/icons/exclamation.png) no-repeat 10px 10px;
	padding : 10px 30px!important;
	margin : 8px 0;	
}
.errorSummary ul li {
	margin-bottom : 8px;
	margin-left : 15px;
	list-style : disc;
}
 .confirm
 {
 	background-color : #FFF;
 }
 .legend {
 	 float : right;	
	 margin-right : 10px; 
 }
 .legend li {
 	margin : 0 3px 3px 10px;
	float : left;
	height : 30px;
	padding-left : 28px;
 }
 .execVideo,
 .printerFriendly,
 .backButton {
 	float : right;
	padding-left : 20px;	
 }
 #bio .execVideo
 {
 	float : none;
	display : block;
	height: 17px;
 }
 .backButton,
 .printerFriendly{
	margin : 22px 25px 0px;
 	background : transparent url(../images/icons/print.gif) no-repeat left top;
 }
 .execVideo {
 	clear : right;
	margin : 5px 25px 0;
	background : transparent url(../images/icons/video-play.gif) no-repeat left top;
 }
.box {
 	border : 1px solid #666666;
	background-color : #333;
 }
 .jumpNav {
 	margin-left : 25px;
 }
 .jumpNav li
 {
 	float : left;
	width : 205px;
	height : 75px;
	margin : 20px 20px 25px 0!important;
	background-repeat : no-repeat;
	background-position : 4px top;
	list-style : none!important;
 }
 .jumpNav li#commercialBrokers
 {
 	/*background-image : url(../images/our-properties/broker-icon.jpg);*/	
 }
 .jumpNav li#careers
 {
 	/*background-image : url(../images/our-properties/careers-icon.jpg);*/	
 }
 .jumpNav li p {
 	margin-left : 45px!important;
	padding-bottom : 0!important;
	margin-bottom : 0!important;
 }
 .jumpNav li p.title {
 	padding-top : 8px!important;
	padding-bottom : 8px!important;
 }
 .ListBox li
{
	width : 210px;
	height : 63px;
	margin : 0 0 8px 0px!important;
	display : block;
	padding : 2px;
	position : relative;
	overflow : hidden;
}
.ListBox h3
{
	margin : 5px 0 2px 70px!important;
	padding : 0 0 0 0!important;
}
.ListBox p {
	margin-right : 0!important;
	margin-left : 70px!important;
	padding-left : 0;
	padding-right : 5px;
}
.ListBox img
{
	padding : 0!important;
	top:2px;
	left:2px;
	margin : 0!important;
	position : absolute;
	width : 63px;
	height : 63px;
}

#secondaryContent .ListBox
{
	margin-top : 45px;
	float : right;
}
#primaryContent .ListBox li {
	float : left;
}
.rssLink {
	float : right;
}
a.rss {
	background : transparent url(../images/icons/rss.png) no-repeat left center;
	padding-left : 35px;
}
td {
	vertical-align : top!important;
}

.scrollable-small,
.scrollable-medium,
.scrollable-large {
	display : block;
	overflow : auto;
}
.scrollable-small {
	height : 150px;
}
.scrollable-medium {
	height : 300px;
}
.scrollable-large {
	height : 450px;
}

div#BusinessContinuity
{
	padding : 10px 30px;
	background : #FF0000;
}

div#Pager {
		margin : 20px 0 5px 0;
		padding : 0 0 2px 0;
		height : 18px;
		position : relative;
		background-color : #504D46;
	}
	div#Pager ol {
		list-style : none;
		left : 20px;
		padding : 0 0;
		position : absolute;
	}
	div#Pager ol li {
		list-style : none;
		display : inline;
		font-size : 11px;
		font-weight : bold;
		text-transform : uppercase;
	}
	div#Pager ol li a {
		color : #FFF;
		display : block;
		float : left;
		height : 14px;
		text-align : center;
		line-height : 16px;
		text-decoration : none;
	}
	div#Pager ol li.current a,
	div#Pager ol li.page a {
		width : 16px;
		padding : 2px;
		margin-left : 3px;
		margin-right : 3px;
	}
	div#Pager ol li.previous a,
	div#Pager ol li.next a {
		padding : 0 10px;
		/*background : transparent url(/assets/images/paging-arrows.gif) no-repeat;*/
	}
	div#Pager ol li.previous a {
		text-align : right;
		background-position : center left;
	}
	div#Pager ol li.next a {
		text-align : left;
		background-position : center right;
	}
	div#Pager ol li.current a {
		color : #000;
		text-decoration : underline;
	}

/*	=BRANDING
	------------------------------------------------------ */
#branding
{
	height : auto!important;
	position : relative;
}	
#branding h1#irvinelogo
{
	/*height : 40px;*/
	/*position : relative;*/
	width: 250px;
	margin : 0 0 0px 735px;

	background : transparent url(../images/logo.jpg) no-repeat right top;
	text-indent : -9999px;
	cursor : pointer;
}

#branding h1#goodplanninglogo
{
	height : 40px;
	width: 348px;
	/*position : relative;*/
	float: left;
	margin : 0;
	background : transparent url(../images/gp-logo.jpg) no-repeat left top;
	text-indent : -9999px;
	cursor : pointer;
}

br.clearing,
span.clearing {
	clear:both;
	height:0px;
	display:block;
	overflow:hidden;
}
/*	=PRIMARY CONTENT
	------------------------------------------------------ */
#primaryContent, #fullContent
{
	min-height : 473px;
	float : left;
	width : 850px;
}
#fullContent {
	min-height: 504px;
    height: auto !important;
    height: 630px;
	/*border: 1px solid red;*/
}

#stage.full #primaryContent
{
	width : 990px!important;
}
#stage.sideStandard #primaryContent
{
	width : 499px!important;
}
#stage.sideAlternate #primaryContent
{
	width : 625px!important;
}

#primaryContent table, #primaryContent p, #primaryContent ol, #primaryContent ul, #primaryContent dl, #primaryContent h3, #primaryContent h4,#primaryContent img,
#fullContent table,#fullContent p, #fullContent ol, #fullContent ul, #fullContent dl, #fullContent h3, #fullContent h4,#fullContent img {
	/**/
	padding: 0.5em 0;
	margin : 0 25px 0.5em;

}
#primaryContent dl dt, #primaryContent dl dd{
	display : inline;
}
#primaryContent table td p
,#primaryContent table td h3
,#primaryContent table td h4
,#primaryContent table td img
,#fullContent table td p
,#fullContent table td h3
,#fullContent table td h4
,#fullContent table td img
{
	margin-left : 0;
}
#primaryContent table.DrawersAdmin td p
,#primaryContent table.DrawersAdmin td h3
,#primaryContent table.DrawersAdmin td h4
,#primaryContent table.DrawersAdmin td img
{
	margin-left : 25px;
}
 
#primaryContent ol li,
#primaryContent ul li
{
	margin-left : 15px;
}
#primaryContent ol li
{
	list-style : decimal;
	list-style-position : inside;
}
#primaryContent.green ol li 
{
    list-style-position : outside;
}
#primaryContent ul li
{
	list-style : disc;
} 
#primaryContent img.headerImage {
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*
	margin-left : 20px;
	margin-right : 0;
	*/
}

#primaryContent h1, #primaryContent h2,
#fullContent h1, #fullContent h2 {
	margin: 20px 25px 10px;clear : left;
}
#primaryContent.green 
{
    overflow:hidden;
}
#primaryContent.green .main
{
    padding-bottom : 25px;
}

#primaryContent.green div.fourth h2 
{
    background : #65793A url(../images/icons/green-header-leaf.jpg) no-repeat 10px center;    
}
#primaryContent.green h2 
{   
    background-color: #7FB540;
    padding : 12px 0 11px 45px;
    clear : right;
    margin : 0px;    
    height : 28px;
    overflow : hidden;
}
#primaryContent.green .main h2 
{
    display : none;
}

#primaryContent h3, #primaryContent h4 {
	padding: 0.75em 0 0.5em 0;
/*
	border-top: 1px solid #ccc;
	width: 85%;
*/
}
#primaryContent.green h3
{
    margin-top : 20px;
    margin-bottom : 0;
    margin-left: 25px;
}
#videoContent
{
	margin : 0 25px;
}
#videoContent br
{
	display : none;
}
#videoContent .video br {
	display : block;
}
#videoContent .video
{
	float : left;
	margin : 5px 20px 15px 0;
	display : block;
	width : 100px;
	padding : 63px 5px 10px;
	background : transparent url(../images/video.gif) no-repeat left top;
	position : relative;
}
#videoContent .list {
	width : 445px; overflow:hidden;display : block;
}
#videoContent .list .video
{
	/*background : #111 url(../images/video-list.gif) no-repeat left top;*/
	padding-top : 5px!important;
	padding-left : 105px;
	width : 340px;
	height : 72px;
	margin-right : 0!important;
	float : none;
	display : block;
}

#videoContent .VideoEdit .video
{
	background : transparent url(../images/video-editable.gif) no-repeat left top;
}
#videoContent .video img {
	border : 0;
	margin :0pt !important;
	padding:0pt !important;
	position:absolute;
	top:9px;
	left:6px;
}
#LatestVideos
{
	margin-right : 0!important;
	width : 325px!important;
}
#FeaturedStory #videoContent,
#LatestVideos #videoContent
{
	margin : 0;
}
#FeaturedStory #videoContent .video
{
	margin-right : 2px;
}
#LatestVideos #videoContent .video
{
	margin-right : 2px;
	padding-left : 2px;
	padding-right : 2px;
}

.selectVideo {
	clear : left;
}
.selectVideo h3 {
	margin-left : 0!important;
}
a.manageVideos,
a.managePublications {
	margin-bottom : 5px;
	display : block;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
	margin-top : 10px;
	margin-left : 25px;
}
a.manageVideos {
	background : transparent url(../images/icons/video.png) no-repeat left top!important;
}
a.managePublications {
	background : transparent url(../images/icons/publication.png) no-repeat left top!important;
}
#retailMenu {
	margin-left : 25px;
}
#resortMenu {
	margin-left : 15px;
	margin-bottom : 10px;
}
input.acceptPublication,
input.editPublication,
input.deletePublication,
input.editVideo,
input.deleteVideo,
input.changePassword,
input.deleteUser {
	height : 18px;
	border : 0;
	text-align : left;
	padding-left : 20px;
	cursor:pointer;
	margin:5px;
}

a.addPublication,
a.acceptPublication,
a.cancelPublication,
a.createUser,
a.acceptVideo,
a.addVideo,
a.cancelVideo,
a.editVideo {	
	margin-bottom : 5px;
	display : block;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
	margin-top : 10px;
}
input.changePassword
{
	background : transparent url(../images/icons/lock.png) no-repeat left top!important;
}
input.deleteUser
{
	background : transparent url(../images/icons/user-delete.png) no-repeat left top!important;
}
input.deleteVideo {
	background : transparent url(../images/icons/video-delete.png) no-repeat left top!important;
}
input.editVideo {
	background : transparent url(../images/icons/video-edit.png) no-repeat left top!important;
}

input.deletePublication {
	background : transparent url(../images/icons/publication-delete.png) no-repeat left top!important;
}
input.editPublication {
	background : transparent url(../images/icons/publication-edit.png) no-repeat left top!important;
}
input.acceptPublication {
	background : transparent url(../images/icons/publication-accept.png) no-repeat left top!important;
}

a.addPublication {
	margin-left : 25px;
	background : transparent url(../images/icons/publication-add.png) no-repeat left top!important;
	float : left;
}
a.acceptPublication {
	margin-left : 25px;
	background : transparent url(../images/icons/publication-accept.png) no-repeat left top!important;
	float : left;
}
a.cancelPublication{
	margin-left : 25px;
	background : transparent url(../images/icons/publication-cancel.png) no-repeat left top!important;
	float : left;	
}

a.addVideo	
{
	margin-left : 0!important;
	background : transparent url(../images/icons/video-add.gif) no-repeat left top!important;
}
a.createUser
{
	margin-left : 25px;
	background : transparent url(../images/icons/user-add.png) no-repeat left top!important;
}
a.acceptVideo {
	margin-left : 25px;
	background : transparent url(../images/icons/video-create.png) no-repeat left top!important;
	float : left;
}
a.cancelVideo{
	margin-left : 25px;
	background : transparent url(../images/icons/video-cancel.png) no-repeat left top!important;
	float : left;	
}
#videoContent .VideoEdit .menu
{
	padding : 2px 0;
}
#videoContent .VideoEdit .menu .delete
{
	float : right;
	padding-right : 10px;
}
#bio {
	padding : 25px 0 0;
}
#bio h3 {
	margin-bottom : 0;
	padding-bottom : 0;
}
#bio h4 {
	margin : 0 25px;
	padding : 0 0 15px;
}
#bio img {
	margin : 0 .5em 0 25px;
	padding-bottom : 0;
}
#bio .photo {
	float : left;
}

#bio.editable div.iLoad
{
	margin-bottom : 10px;
}
#bio.editable .iLoad a {
	display:block;
	background : transparent url(../images/icons/image-add.gif) no-repeat left top;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
}
#bio.editable .iLoad td {
	height : auto!important;
}

#FeaturedStory {
	margin : 0 0 10px 0;
}
#FeaturedStory h4 {
	margin-bottom : 0;
	padding-bottom : 0;	
}
#FeaturedStory a.execVideo{
	float : left;
	margin : 0;	
}
#WhatsNew h3
{
	padding-bottom : 0px!important;
	margin-bottom : 0px!important;
}
#WhatsNew img {
	margin : 11px 0;
	padding : 0;
	border : 1px solid #FFFFFF!important;
}
/* Admin */
.FeaturedStories .box h4, .FeaturedStories .box p
{
	margin-left : 5px !important;
	margin-right : 5px!important;
}
.FeaturedStories .box,
.WhatsNew .box {
	width : 440px;
}
.WhatsNew .box img {
	float : left;
	margin : 2px 11px!important;
}
.FeaturedStories .box h3, 
.FeaturedStories .box h4, 
.WhatsNew .box h3, 
.WhatsNew .box h4
{
	font-size : 1em!important;
}
.FormView .WhatsNew .box input {
	width : auto;
}
.FormView .WhatsNew .box input.acceptPublication {
	background : transparent url(../images/icons/publication-accept-small.png) no-repeat left top!important;
}
#DrawerSystem {
	background-color : #000000;
	width : 990px;
}
#DrawerSystem img {
	margin : 0;
}
table.DrawersAdmin {
	margin-left : 0px!important;
}
#SearchResults .list td,
#PressReleases .list .item td {
	padding : 0px 15px 10px 0px;
}
#PressRelease h3
{
	margin-top : 25px;
	margin-bottom : 0;
}
#PressRelease p.date {
	margin-top : 0;
	padding-top : 0;
}
#PressRelease #PressBody {
	clear : left;	
}

#SearchResults .Video a{
	padding : 0 25px 0 0 ;
	background : transparent url(../images/icons/video-play.gif) no-repeat right top;
}

table.publications h3,
table.publications p,
table.publications img
{
	margin-left : 5px!important;
	margin-right : 5px!important;
}

ul.sitemap li {
	clear : left;
	list-style-type : none!important;
	margin-bottom : 20px;
	padding : 2px 5px;
	border-bottom : 1px solid #666666;
}
ul.sitemap li ul
{
	margin : 5px!important;
}
ul.sitemap li ul li {
	display : block;
	float : left;
	clear : none;
	border : 1px solid #666666;
	background : #504D46;
}
ul.sitemap li ul li ul li {
	display : list-item;
	float : none;
	border : 0;
	margin-bottom : 2px;
	margin-left : 5px!important;
}

div.PhotoGalleryImage {
	padding : 10px 0 10px 20px;
	margin-right : 0px;
	background-color : #111;
}
.PhotoGalleryImage .hide {
	display : none;
}
.photoGallery input:hover, .photoGallery input:focus, .photoGallery .selected .photoButton {
	border : 1px solid #FFF;
	outline : 1px solid #FFF;
}

p.beingGreen 
{
    clear : both;
    padding : 20px 0px 0px 0px!important;
    max-width : 448px; width : auto !important; width : 448px; /* IE6 TRICK (VALID CSS) */
}

p.beingGreen span
{
    background : transparent url(../images/icons/green.png) no-repeat 0 0;
    width: 37px; 
    height: 38px; 
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -8px;
}

/*	=SECONDARY CONTENT
	------------------------------------------------------ */
#secondaryContent
{
	width : auto;
	float : right;
}
#stage.sideStandard #secondaryContent
{
	width : 351px;	overflow : hidden;
}
#stage.sideAlternate #secondaryContent
{
	width: 225px;
	/*overflow : hidden;*/
}
#secondaryContent.flashMap {
	height : 494px;
}
.green #secondaryContent
{
    margin : 0 0 25px 25px;
    border-bottom : solid 4px #72A717;
}
.green .main #secondaryContent
{
    float : none;
    margin : 0 0 15px 0;
    width : auto;
    border : 0;
}
#secondaryContent h3
{
	margin : 0 10px 10px;
}

#secondaryContent img.collage {
	float:none;
	padding : 0;
	margin : 0;
	vertical-align : top;
}
#secondaryContent div span br 
{
    display : none;
}
#secondaryContent .editableImage
{
	float:right;width:351px;position:relative;
}
#secondaryContent .photoGallery .editableImage {
	float:left;margin : 2px;
}
#stage.sideAlternate #secondaryContent .editableImage,
#stage.sideAlternate #secondaryContent .editableImage .menu,
#stage.sideAlternate #secondaryContent .editableImage .menuBG {
	width : 225px;
}

#secondaryContent .editableImage .menu,
#secondaryContent .editableImage .menuBG {
	position:absolute;left:0;bottom:5px;width:351px;
}
#secondaryContent .photoGallery .editableImage,
#secondaryContent .photoGallery .editableImage .menu,
#secondaryContent .photoGallery .editableImage .menuBG {
	width : 102px;
}
#secondaryContent .editableImage .menu
{
	height:30px;
}
#secondaryContent .editableImage .menuBG
/* I had to use the extra div to support IE 6 transparency w/ positioning and clickable elements. */
{
	background : transparent url(../images/bg-image-menu.png) no-repeat left top;
	height:30px;
}

#secondaryContent .editableImage .menu .delete {
	float:right;
	padding : 3px 5px 0 0;
}
#secondaryContent .photoGallery .editableImage .menu .delete {
	padding-right : 1px;
}

#secondaryContent .editableImage .menu .moveUp,
#secondaryContent .editableImage .menu .moveDown {
	padding : 3px 0 0 5px;
}
#secondaryContent .photoGallery .editableImage .menu .moveUp,
#secondaryContent .photoGallery .editableImage .menu .moveDown {
	padding-left : 1px;
}

#secondaryContent .editableImage .menu .moveUp,
#secondaryContent .editableImage .menu .moveDown,
#secondaryContent .editableImage .menu .delete
{
    width : auto;
    margin : 0;
}

.green #secondaryContent .editableImage img
{
    margin : 0;
    padding : 0;
}

#stage.sideAlternate #secondaryContent #ImageUpload {
	width : 185px; 
	/*overflow : hidden;*/
}
#secondaryContent #ImageUpload {
	/*float:right;*/
	width : 300px;
	margin : 10px;
	padding : 10px;
}

#secondaryContent #ImageUpload h3 {
	margin-bottom : 10px;
	margin-left : 0;
	clear : both;
}

#secondaryContent #ImageUpload div.iLoad
{
	margin-bottom : 10px;
}

#secondaryContent #ImageUpload .iLoad td {
	height : auto!important;
}

#secondaryContent #ImageUpload a.saveImage,
#secondaryContent #ImageUpload input,
#secondaryContent #ImageUpload span,
#secondaryContent #ImageUpload label {
	margin-left : 12px;
	margin-bottom : 5px;
}
#secondaryContent #ImageUpload a.saveImage {
	background : transparent url(../images/icons/image-accept.gif) no-repeat left top;
	display:block;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
	margin-top : 10px;
}

/* DYK SECTION */
#secondaryContent .editableDYK
{
	float:right;width:351px;position:relative;
}

.green #secondaryContent .editableDYK
{
    width : 376px;
}

#stage.sideAlternate #secondaryContent .editableDYK,
#stage.sideAlternate #secondaryContent .editableDYK .menu,
#stage.sideAlternate #secondaryContent .editableDYK .menuBG {
	width : 225px;
}

#secondaryContent .editableDYK .menu,
#secondaryContent .editableDYK .menuBG {
	position:absolute;
	left:0;
	bottom:5px;
	width:351px;
}

#secondaryContent .editableDYK .menu
{
	height:38px;
}

#secondaryContent .editableDYK span
{
	margin: -35px 0px 0px 5px;
	position: absolute;
}

#secondaryContent .editableDYK .menuBG
/* I had to use the extra div to support IE 6 transparency w/ positioning and clickable elements. */
{
	background : transparent url(../images/bg-image-menu.png) no-repeat left top;
	height:35px;
	position: relative;
}

#secondaryContent .editableDYK .menu .delete {
	float:right;
	padding : 6px 3px 0 0;
}

#secondaryContent .editableDYK .menu .delete
{
    width : auto;
    margin : 0;
}

.green #secondaryContent .editableDYK img
{
    margin : 0;
    padding : 0;
}

#DYKstuff {
	border-top: 4px solid #72A717;
	margin: 0 0 23px 10px;
	padding-top: 10px;
}

#secondaryContent #DYKstuff .DYKList {
	display: inline;
	padding-left : 0;
	padding-top : 0;
	margin: 0px;
}

#secondaryContent #DYKstuff .DYKH3 {
	margin: 0px;
}

#DYKstuff span, #DYKstuff input, #DYKstuff textarea {
	margin: 0px 0px 5px 0px;
}

#secondaryContent a.saveDYKImage {
	background : transparent url(../images/icons/image-accept.gif) no-repeat left top !important;
	display:block;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
	margin-top : 10px;
	margin-left : 0px;
	margin-bottom : 5px;
	color : #FFF!important;
	text-decoration : none;
	font-size : 12px;
	line-height: 1.25em;
}

#secondaryContent a.deleteDYKImage 
{
	background : transparent url(../images/icons/image-delete.gif) no-repeat left top !important;
	display:block;
	height : 24px;
	padding-left : 30px;
	padding-top : 6px;
	margin-top : 10px;
	margin-left : 0px;
	margin-bottom : 5px;
	color : #FFF!important;
	text-decoration : none;
	font-size : 12px;
}

.DYKHeader
{
	margin: 0px 0px 10px;
}

#secondaryContent #DYKstuff .important
{
	color: #FF0000;
}

/* END DYK SECTION */

.green #secondaryContent,
.green #secondaryContent .editableImage,
.green #secondaryContent #ImageUpload
{
    width : 352px;
    overflow:hidden;
}


#secondaryContent #Settings a
{
	display:block;
	height : 24px;
	padding-left : 30px;
	padding-top : 5px;
	margin-top : 10px;
}
#secondaryContent #Settings,
#secondaryContent #Settings .box {
	width : 300px!important;
	overflow:hidden;
}
#secondaryContent #Settings .acceptPublication {
	width : 200px!important;
}

#secondaryContent .PersonList 
{
	float : right;
}

#secondaryContent #Executives.PersonList
{
	margin-top : 45px;
}
#secondaryContent .PersonList .selected {
	border : 1px solid #FFCC66;
}

#secondaryContent .PersonList .Person {
	margin : 0 10px;
	padding : 10px 5px;
	background-color : #282828;
	border : 1px solid #504D46;
	display : block;
	width : 318px;
}

#secondaryContent .PersonList .Person a.photo {
	float : left;
}

#secondaryContent #Executives.PersonList .Person{
	margin-bottom : 8px;
	height : 73px;
	padding : 2px;
	position : relative;
}

#secondaryContent #Executives.PersonList h3
{
	margin-bottom : 4px;
	margin-top : 5px;
}

#secondaryContent #Executives.PersonList h3,
#secondaryContent #Executives.PersonList h4
{
	line-height : 10px;
	margin-left  : 130px;
	padding : 0 0 0 10px;
}
#secondaryContent #Executives.PersonList a
{
	padding : 0 5px;
	display : inline!important;
}
#secondaryContent #Executives.PersonList .Person span
{
	position : absolute;
	bottom : 3px;
	padding : 0;
	margin-left  : 130px;
	padding : 0 0 0 5px;
}
#secondaryContent #Executives.PersonList img
{
	width : 130px;
	height : 73px;
	top:2px;
	left:2px;
	margin : 0;
	position : absolute;
}
#secondaryContent .PersonList .Person a,
#secondaryContent .PersonList .Person span,
#secondaryContent .PersonList .Person label
{
	padding-left : 30px;
	display : block;
}
#secondaryContent .PersonList .Online,
.legend .Online {
	background : transparent url(../images/icons/user-online.png) no-repeat top left;
}
#secondaryContent .PersonList .Offline,
.legend .Offline {
	background : transparent url(../images/icons/user-offline.png) no-repeat top left;
}

#secondaryContent .ourProperties li a {
display:block;
	height : 98px;
	text-indent : -1000px;
}
#secondaryContent .ourProperties #marker-NewHomes {
	/*background : transparent url(../images/our-properties/new-homes.jpg) no-repeat top left;*/
}
#secondaryContent .ourProperties #marker-OfficeProperties {
	/*background : transparent url(../images/our-properties/office-properties.jpg) no-repeat top left;*/
}
#secondaryContent .ourProperties #marker-ResortProperties {
	/*background : transparent url(../images/our-properties/resort-properties.jpg) no-repeat top left;*/
}
#secondaryContent .ourProperties #marker-RetailProperties {
	/*background : transparent url(../images/our-properties/retail-properties.jpg) no-repeat top left;*/
}
#secondaryContent .ourProperties #marker-ApartmentCommunities {
	/*background : transparent url(../images/our-properties/apartment-communities.jpg) no-repeat top left;*/
}
#secondaryContent .ourProperties .selected { 
	background-position : left -98px!important; 
}
#secondaryContent .ourProperties .obscure { 
	background-position : left -196px!important;  
}

#secondaryContent #officeMap {
	position : absolute; /* having issues with IE 6... try relative?*/
	top : 212px;
	right : 0;
	z-index : 250;
}

#secondaryContent .press-extra {
	margin : 25px 25px 0px;
	float : right;
	width : 300px;
}
#secondaryContent #PressReleaseSearch
{
	margin-top : 45px;
}
#secondaryContent .press-extra .search {
	padding-top : 5px!important;
	padding-bottom : 10px!important;
}
#secondaryContent .press-extra .search select
{
	margin : 5px 2px 5px 30px !important;
	
}
#secondaryContent .press-extra .search select {
	width : 200px;
}

#secondaryContent .press-extra .search .button
{
	border : 0;
	margin : 10px 0 5px 5px;
	background : transparent url(../images/bg-go-button-alt.png) no-repeat left center;
	width : 27px;
	height : 20px;
	padding : 0 2px 0 2px;
	text-align : left;
}
#secondaryContent .press-extra h3
{
	margin : 0 0 5px 0;
}
#secondaryContent .press-extra .box {
	float : left;
	position : relative;
	padding : 2px; 
	width : 295px;
}
#secondaryContent .press-extra .box h4 {
	margin : 10px 5px 0 85px;	
}
#secondaryContent .press-extra .box p {
	margin-left : 85px;
}
#secondaryContent .featured-stories .box {
	padding-bottom : 10px;
}
#secondaryContent .featured-stories .box h4,
#secondaryContent .featured-stories .box p {
	margin-left : 5px!important;
}

#secondaryContent .press-extra .box img {
	float : left;
}

#secondaryContent .press-extra .box .jump {
	position : absolute;
	bottom : 5px;
	left : 88px;
}

#secondaryContent #VideoList
{
	float : right;
	width : 300px;
	margin : 25px;
}
#secondaryContent #VideoList br {
		
}
#secondaryContent #VideoList .video {
	display : block;
	background-color : #111;
}
#secondaryContent #VideoList a.editVideo {
	margin : 0;
	padding-left : 100px;	
}
#secondaryContent #VideoList a.thumbnail
{
	float : left;
	padding : 2px;
}

#secondaryContent #VideoList .selectVideo
{
	
}

#secondaryContent #PressReleases .list .item {
	padding : 10px 0px;
}
#secondaryContent #PressReleases h3
{
	margin : 0;
}
#secondaryContent #PressReleases .date {
	margin-top : 0;
	padding-top : 0;
}
#secondaryContent #PressReleases .list {
	margin : 0 25px;
}

#secondaryContent blockquote,
#secondaryContent cite
{
	clear : right;
	float : right;
	width : 280px;
	margin-left : 35px;
	margin-right : 35px;
}
#secondaryContent blockquote
{
	margin-top : 20px;/*35px;*/
	margin-bottom: 20px;
}
#secondaryContent cite
{
	margin : 25px 35px;
}
.green div#Quotes 
{
    border-top : solid 2px #72A717;
    background : #3F3F33 url(../images/icons/green-leaf.png) no-repeat 24px center;
    clear : right;
    padding : 12px 0;
    cursor : pointer;
    width : 376px;
    /*max-width : 376px; width : auto !important; width : 376px;*/ /* IE6 TRICK (VALID CSS) */
}
.green div#Quotes h3
{
    margin : 0;
    padding : 0;
}
.green div#Quotes h3,
.green div#Quotes blockquote,
.green div#Quotes cite
{
    margin-left : 75px;
    width : 241px;
    margin-top : 0;
    float : none;
}
.green div#Quotes #full_quote blockquote
{
    width : auto;
}
.green div#Quotes #full_quote blockquote sub
{
    vertical-align: sub;
    font-size : .75em;
}
div#Quotes .control 
{
    display : block;
    cursor : pointer;
}
div#full_quote
{    
    width : 315px;
    height : auto;
    padding : 10px 15px 15px;
}
div#full_quote blockquote 
{
    margin-top : 35px ! important;
    margin-bottom : 35px;
}
div#full_quote.expanded 
{
    background-color : #000000;
    border-top : solid 2px #72A717;
    border-bottom : 4px solid #72A717;
}

#secondaryContent .photoGallery
{
	margin-left: 20px; 
	margin-top: 45px; 
	margin-bottom: 20px;
	display : block;
}

/*	=PRIMARY NAVIGATION
	------------------------------------------------------ */
#primaryNavigation
{
	height : 22px;
	min-height : 22px;
	padding: 15px 0 5px 0;
}
#primaryNavigation ul {
	/*height: 22px;*/
}
#primaryNavigation ul li
{
	float:left;
}
#primaryNavigation ul li a {
	display:block;
	height:22px;
	position: relative;	
}
#primaryNavigation ul li a span {
   text-align:left;
	background: #000 url(../images/bg-primaryNavigation.png) no-repeat 0 -5px;
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	cursor : pointer;
}
#primaryNavigation ul li.first a
{
}

#primaryNavigation ul li.TheIrvineRanch a {
	width:122px;
	overflow : hidden;
}
#primaryNavigation ul li.TheMasterPlan a {
	width:112px;
	overflow : hidden;
}

#primaryNavigation ul li.ThrivingCommunities a{
	width:158px;
	overflow : hidden;
}

#primaryNavigation ul li.Stewardship a{
	width:87px;
	overflow : hidden;
}

#primaryNavigation ul li.InteractiveRanchMap a {
	width:143px;
	overflow : hidden;
}

#primaryNavigation ul li.IrvineCompany a{
	width:120px;
	overflow : hidden;
}

#primaryNavigation ul li.Home a{
	width:55px;
	overflow : hidden;
}

#primaryNavigation ul li.TheIrvineRanch a span{
	background-position : 0 -5px;
}

#primaryNavigation ul li.TheIrvineRanch a.selected span,
#primaryNavigation ul li.TheIrvineRanch a.child-selected span,
#primaryNavigation ul li.TheIrvineRanch a:hover span{
	background-position : 0 -33px;
}

#primaryNavigation ul li.TheMasterPlan a span{
	background-position : -122px -5px;
}
#primaryNavigation ul li.TheMasterPlan a.selected span,
#primaryNavigation ul li.TheMasterPlan a.child-selected span,
#primaryNavigation ul li.TheMasterPlan a:hover span{
	background-position : -122px -33px;
}

#primaryNavigation ul li.ThrivingCommunities a span{
	background-position : -234px -5px;
}
#primaryNavigation ul li.ThrivingCommunities a.selected span,
#primaryNavigation ul li.ThrivingCommunities a.child-selected span,
#primaryNavigation ul li.ThrivingCommunities a:hover span{
	background-position : -234px -33px;
}

#primaryNavigation ul li.Stewardship a span{
	background-position : -392px -5px;
}
#primaryNavigation ul li.Stewardship a.selected span,
#primaryNavigation ul li.Stewardship a.child-selected span,
#primaryNavigation ul li.Stewardship a:hover span{
	background-position : -392px -33px;
}

#primaryNavigation ul li.InteractiveRanchMap a span{
	background-position : -479px -5px;
}
#primaryNavigation ul li.InteractiveRanchMap a.selected span,
#primaryNavigation ul li.InteractiveRanchMap a.child-selected span,
#primaryNavigation ul li.InteractiveRanchMap a:hover span{
	background-position : -479px -33px;
}

#primaryNavigation ul li.IrvineCompany a span{
	background-position : -622px -5px;
}
#primaryNavigation ul li.IrvineCompany a.selected span,
#primaryNavigation ul li.IrvineCompany a.child-selected span,
#primaryNavigation ul li.IrvineCompany a:hover span{
	background-position : -622px -33px;
}

#primaryNavigation ul li.Home a span{
	background-position : -742px -5px;
}
#primaryNavigation ul li.Home a.selected span,
#primaryNavigation ul li.Home a.child-selected span,
#primaryNavigation ul li.Home a:hover span {
	background-position : -742px -33px;
}


/*	=SECONDARY NAVIGATION
	------------------------------------------------------ */
#secondaryNavigation
{
	/*min-height : 473px;*/
	width : 140px;
	float : left;
	padding : 36px 0;
}

#secondaryNavigation ul {
	margin : 0 0 0 12px;
	background : transparent url(../images/bg-secondarynavigation.png) no-repeat right top;
}

#secondaryNavigation ul li
{
	padding-bottom : 18px;
	background : transparent url(../images/bg-secondarynavigation-list.png) no-repeat right top;
}

#secondaryNavigation ul li a
{
	width : 108px;
	padding-right : 20px;
}

#secondaryNavigation ul li.selected, #secondaryNavigation ul li.child-selected {
	background : transparent url(../images/bg-secondarynavigation-marker.png) no-repeat right top;
}

#secondaryNavigation ul li ul
{
	background : none;
	border-left : 1px solid #333;
	margin : 12px 0 0;
	padding : 2px 0 0 0;
}
#secondaryNavigation ul li ul li a {
	padding-bottom : 2px;
}
#secondaryNavigation ul li ul li, 
#secondaryNavigation ul li ul li.selected, 
#secondaryNavigation ul li.child-selected ul li.child-selected {
	background : url(../images/bg-secondarynavigation-sub.gif) no-repeat left 9px;
	padding-left : 10px;
	padding-bottom : 0;
	margin : 5px 0;
}
#secondaryNavigation ul li ul li a
{
	padding-right : 0;
}

#secondaryNavigation ul li ul li ul 
{
    margin : 0px 0 15px;
    border : 0;
}

#secondaryNavigation ul li ul li ul li, 
#secondaryNavigation ul li ul li ul li.selected, 
#secondaryNavigation ul li ul li.child-selected ul li.child-selected 
{
    padding-left : 10px;
    background-image : none;
    margin : 0 0 4px 0!important;
}
#secondaryNavigation ul li ul li ul li.selected a.selected
{
    color : #ffffff;
}
#secondaryNavigation ul li a.child-selected, #secondaryNavigation ul li a.parent-selected
{}
/*	=ALTERNATE NAVIGATION
	------------------------------------------------------ */
#alternateNavigation
{
	padding : 2px 0 4px 25px;
}

#alternateNavigation ul {
	margin : 0 ;	
	float:right;
	width : 470px;
}

#alternateNavigation ul li {
	float : none;
	width : auto;
	margin : 0;
	list-style : none;
	text-align : right;
}
#alternateNavigation a
{
	padding : 0 25px 0 0;
}
#alternateNavigation ul li.first{
	
}
#alternateNavigation ul li.first,
#alternateNavigation li.OpenSpaceInitiative,
#alternateNavigation li.JeffreyOpenSpaceTrail {
	/*border-right : 1px solid #FFF;*/
}


#primaryContent.green ul#anchors 
{
    margin-top : 10px;
    margin-bottom : 0;
}
#primaryContent.green ul#anchors li 
{
    margin : 0;
    display : inline;
}
#primaryContent.green ul#anchors li a 
{    
    padding : 0 8px 0 4px;
    border-right : 1px solid #72A717;
}
#primaryContent.green ul#anchors li.first a
{
    padding-left : 0;
}
#primaryContent.green ul#anchors li.last a
{
    padding-right : 0;
    border : 0;
}

/*	=LOCAL NAVIGATION (bread crumb)
	------------------------------------------------------ */
#localNavigation
{
	background-color : #504D46;
	padding : 2px 25px 4px;
	/*max-height : 25px;*/
	overflow : hidden;
}
#localNavigation img {
	display : none; margin : 0; /* Fixes .NET Menu Skip Link issue */
}

/*	=ADMIN NAVIGATION
	------------------------------------------------------ */
#adminNavigation {
	position : absolute;
	top : 0;
	right : 0;
	z-index : 120;
	background : transparent url(../images/bg-adminnavigation.png) no-repeat left top;
	padding : 3px 10px 10px;
	width : 520px;
}
#adminNavigation label {
	float : left;
}
#adminNavigation ul li {
	display:inline;
}
#adminNavigation ul li span {
	display:none;
}
#adminNavigation ul.navigation li a {
	border-left : 1px solid #666;
}
#adminNavigation ul.navigation li.first a {
	border-left : none;
}
#adminNavigation a
{
	padding : 0 5px 0 8px;
}

/*	=FOOTER
	------------------------------------------------------ */
#footer
{
	padding : 20px 0;
	clear : both;
} 

#footer ul {
	margin : 10px;
}
#footer ul li {
	display:inline;
}

#footer ul#extras {
	margin : 10px !important;
}

#footer ul.navigation {
	margin : 0px 0px -4px 0px !important;
}

#footer ul.navigation li a {
	border-left : 1px solid #666;
}
#footer ul.navigation li.first a {
	border-left : none;
}
#footer ul#extras li ul {
	margin : 4px 10px !important; padding : 0 !important;
}
#footer ul#extras li ul li {
	margin : 0;padding : 0; line-height : 10px;
}
#footer a
{
	padding : 0 4px;
}




/* Highlight Microformats v0.2 */
/* ------------------------------------------------------- */

.vcard {
	padding: 5px 3px 3px 3px;
	margin: 5px 0;
}
.inline {
	padding : 0;
	margin : 0;
	display : inline;
}
.inline .org .fn,
.inline .org .organization-name,
.inline .adr .street-address,
.inline .adr .locality,
.inline .adr .region,
.inline .adr .postal-code
{
	margin-left : .20em !important;
}
.vcard .email .type {
	display : none;
}
.vcard .org .fn	{
	padding : 0!important;
	margin-bottom : 0!important;
}
.vcard .adr .postal-code
{
	margin-left : 5px;
	margin-right : 5px;
}
/******************************************************************/
.accordian,
.accordian div {
position : relative;
}
.accordian div {
	/*background-image: url('../images/trans35w.png'); background-repeat: repeat;margin:0px 0px 4px 0px;padding:2px 0px 2px 6px;cursor:pointer;background-color:#ffffff;opacity:0.75;filter:alpha(opacity: 75);-moz-opacity: 0.75;-khtml-opacity: 0.75;*/
	margin-left: 25px;
}
.accordian div h3 
{
	color: #000000 !important;
	margin:0px !important;
	padding: 8px 20px !important;
	/*background: url('../images/closed.gif') center left no-repeat;*/
	background: url('../images/accClosed.png') center left no-repeat;
	/*font-size:11px !important;*/
	font-weight:bold !important; 
	text-transform:capitalize!important;
}
.accordian div h3 span 
{
	text-transform:none!important;
}
#primaryContent .accordian div h3 a
{
	color: #ffffff;
	font-size: 15px;
	font-family: verdana;
	display:block;
}
#primaryContent .accordian div h3 a:hover
{
	text-decoration: none;
}
.accordian div h3.noimage {background: none;}
/*.accordian div h3 a {padding-right: 65%;}*/
.accordian div h3.accopen {
	background-color:##242424;
	margin:0px;
	padding:0px 10px;
	/*background: url('../images/opened.gif') center left no-repeat;*/
	background: url('../images/accOpen.png') center left no-repeat;
	font-size:13px;
	font-weight:bold;
}
.accordian p {
	/*background-image: url('../images/trans35w.png'); */
	background-repeat: repeat;
	margin:0px 0px 4px 0px;
	padding:10px 20px 10px 20px;
	font-size:13px;
	display:none;	
	background-color:##242424;
	/*opacity:0.75;filter:alpha(opacity: 75);-moz-opacity: 0.75;-khtml-opacity: 0.75;*/
}
.accordian p a 
{
	color:#000000 !important;
	/*line-height:25px;*/
	/*padding-right:12px;*/
}
.accordian p a:hover {font-weight: normal;}

.accordian table { margin: -4px 0 0 25px !important; background: #333333; width: 440px; padding: 0.5em 0 !important;}
.accordian table td {align: left; width: 220px; font-size: 12px; padding-left: 20px;}
#primaryContent .accordian table td a {color: #ffffff; font-size: 12px;}
#primaryContent .accordian table td a:hover {text-decoration: none;}

/*************************************************************/
div#AmenitiesList {color: #ffffff;}
/*************************************************************/
#primaryContent ul.villagenav, #fullContent ul.villagenav {margin: 0 15px; padding: 5px 0 10px 0;}
#primaryContent ul.villagenav li, #fullContent ul.villagenav li {list-style: none; display: inline; margin-left: 10px;}
#primaryContent ul.villagenav li a, #fullContent ul.villagenav li a {font-size: 10px;}
#primaryContent ul.villagenav li a.active, #fullContent ul.villagenav li a.active {color: #ffcc66; text-decoration: underline;}
/*************************************************************/
table.photogallerytable span {font-size: 11px; position: relative; top: -8px;display: block; width: 125px; vertical-align: top;}
table.photogallerytable td a img {padding: 3px !important; border: 1px solid #666 !important;}
/*************************************************************/
div.legendnote {
	position: absolute;
	bottom: 97px;
	left: 75px;
	color: #E11921;
	opacity:0.75;filter:alpha(opacity: 75);-moz-opacity: 0.75;-khtml-opacity: 0.75; width: 220px;}
span.legendNote {font-size: 11px; font-weight: normal; color: #ffffff; margin-left: 25px;}
.redDash {position: absolute; top: 3px; left: 138px;}

#clearMapButton {float: right;}
#clearMapButton img {margin: 25px 10px 0 0 !important; padding: 0;}


.imgKey { display: block; margin: 0 auto; }

.openIt { display: block !important; }

.horseman {float:right;}