/** Layout **/
html {
	background: White url('/images/pagebottom.gif') repeat-x scroll bottom left;
}

#document {
	margin: 0 auto;
	padding: 10px 0px;
	text-align: left;
	width: 960px;
	background:url('/images/pagetopper.gif') repeat-x scroll;
}
body
{background:url('/images/pagetopper.gif') repeat-x scroll; }

#hd .yui-u,
#ft .yui-u {
	text-align: right;
}
#ft .yui-u{
	height:80px;
}

#bd{
	margin-bottom:40px;
}

.adxPositionLeft {
	float: left;
	margin-right: 12px;
}

.adxPositionRight {
	float: right;
	margin-left: 12px;
}

.adxPositionCenter {
	text-align: center;
}
#ChallengesModule .adxAd{
	position:relative;
}

#ChallengesModule .adxCaptionedMedia{
	position:absolute; bottom:0; right:0;
	margin:3px;
}
/*-----------------------------------Start Header Layout-----------------------------------*/
#hd{
	border-bottom:solid 1px #CCCCCC; 
	margin:15px 0 30px 0;
}

#PageTopperText{
	color:#7D736E; 
	position:relative; 
	bottom:22px;
}

#PageTopperText #ClientLogin{
	float:right; 
	padding:0px; 
	font-family: arial, Helvetica,sans-serif; 
	margin-bottom:0; 
	font-size:.9em; 
	letter-spacing:2px; 
	letter-spacing:normal;
	line-height:normal;}

#PageTopperText #ClientLogin a{
	color:#7D736E;
}

#PageTopperText #ClientLogin img{
	margin-right:5px;
	position:relative;
	top:3px;
}

#PageTopperText #ClientLogin #LogoutLink{
	margin-left:10px;
	text-transform:uppercase;
	color:#7D736E;
}

#PageHeader .yui-u a .adxAd .adxCaptionedMedia img{
	border:none;
}

#LoginControl{
	float:right; 
	position:static; 
	background-color:#382820; 
	display:none;
}

#HeaderNavSection{
	text-align:right;
}

#HeaderNavSection ul{
	margin:29px 0px 0px 0; 
	float:right;
	clear:right;
}

.HeaderNavList li{
	float:left; 
	margin-left:20px; 
	padding-bottom:5px; 
	font-size:1.15em;
}

.HeaderNavList li a{
	text-decoration:none; 
	color:#382820; 
	font-weight:bold;
}

.HeaderNavList li.currentNav{
	border-bottom:solid 2px #CCCCCC
}
.HeaderNavList li.currentNav a{
	color:#35ACC0;
}
/*-----------------------------------End Header Layout-------------------------------------*/
/*-----------------------------------End Footer Layout-------------------------------------*/
#Footer{
	margin:10px;
}

#FooterSocialMedia{
	margin:0; padding:0
}

#FooterSocialMedia li{
	float:left; 
	margin-left:20px;
}

.ShortcutIcon, #SocialMediaText{
	float:left; margin-right:8px;
}

#SocialMediaText{
	position:relative; 
	bottom:2px;
}

#LowerRightIcons{
	float:right;
}

#LowerRightIcons .ShortcutIcon{
	float:left; 
	margin:8px 0 0 8px
}
/*-----------------------------------End Footer Layout-------------------------------------*/
/*-----------------------------------Start Home Layout-------------------------------------*/

/*Left Column*/
#HomeLeftColumn{
	width:722px; 
	float:left; 
	overflow:hidden; 
	margin-bottom:10px;
}

#MediaContainer{
	width:720px; 
	Height:300px; 
	overflow:hidden;
}
/*Center the images in the media container*/
#MediaContainer div img{
	margin-right:auto;
	margin-left:auto;
	display:block;
}
/*Center the movies in the media container*/
#MediaContainer div div object{
	margin-right:auto;
	margin-left:auto;
	display:block;
}
/*Center the movies in the media container*/
#MediaContainer div object{
	margin-right:auto;
	margin-left:auto;
	display:block;
}

#HomeMainTitle{
	margin:30px 0 0 0; 
	padding-bottom:20px; 
	border-right:1px solid #CCCCCC;
}

#HomeMainTitle .adxAd .adxCaptionedMedia a img{
	border:none;
}

#HomeLeftColumnRow2{
	border-right:1px solid #CCCCCC; 
	border-top:1px solid #CCCCCC; 
	margin-bottom:10px; 
	padding:20px 0px 0px 0px
}

.HomeLeftColumnRow2Item{
	float:left; 
	width:219px; 
	margin:0px 11px 0px 0px; 
	padding:0px 5px 0px 5px;
}
#HypeModule h3, #TwitterModule h3
{
	float:left;
	padding-right:10px;
}
.homeRssIcon
{
	display:inline;
}
/*FireFox-only hack [!] */
.homeRssIcon, x:-moz-any-link, x:only-child
{
	position:relative;
	bottom:2px;
}

.FollowLink{
	font-size:0.9em;
}

#ChallengesModule h3, #TwitterModule h3, #HypeModule h3{
	margin-bottom:1em;
}

/*Right Column*/
#HomeRightColumn{
	width:228px; 
	float:left; 
	margin-left:10px;
}

#HomeRightColumnTop{
	height:325px;
}

#HomeRightColTopTitle{
	padding:10px 0 0 5px;
}

#HomeRightColumnTop .caption{
	padding-left:5px
}

.HorzRule{
	border-bottom:solid 1px #CCCCCC
}

#thumbsCollection{
	position:relative; bottom:10px;
}

#thumb1{
	opacity:0.4;filter: alpha(opacity=40);
}

#thumbsCollection .thumbs li{
	float:left; 
	margin:0px 0px 5px 5px; 
	height:70px; 
	width:70px; 
	overflow:hidden;
}

#thumbsCollection .thumbs li a img{
	border:solid 1px #CCCCCC; 
	padding:1px;
}
#GalleryInfoContainer {
	color:#35ACC0;
	font-size:1.2em;
}
#GalleryInfoContainer p{
	color:#666666;
	font-size:0.75em;
}
#HomeRightColumnTop div.caption{
	clear:both
}

#HomeRightColumnTop div.caption a{
	font-size:1.1em; 
	text-decoration:none; 
	color:#35ACC0; 
	font-weight:bold;
}

#HomeRightColumnMid{
	padding-left:5px;
}

#HomeRightColumnMid h3{
	margin-bottom:1em;
}
/* Below are styles for pulling the latest from What's Up
   The new version just uses an ad. These are left here
   in case Brown wants to go back */
/*
#HomeRightColumnMid .adxTOCIcon{
	margin-bottom:10px;
}

#HomeRightColumnMid .adxTOCIcon a img{
	border: solid 1px #CCCCCC; 
	padding:2px;
}

#HomeRightColumnMid .DocTitle{
	color:#382820; 
	margin-bottom:5px;
}*/
/*Ad Styling for What's Up*/
#HomeRightColumnMid .adxAd div img{
	border: solid 1px #CCCCCC; 
	padding:2px;
}
#HomeRightColumnMid .adxAd .adxCaptionedMedia p{
	margin:5px 0px 5px 0px;
	color:#382820;
	font-size:12px;
	line-height:1.5em;
}
#HomeRightColumnMid .adxAd .adxCopy{
	clear:both;
}

/*----------------------------------End Home Layout------------------------------------*/
/*----------------------------------Start Twitter Module Layout------------------------*/
#twitter-link{
	text-align:left !important; 
	font-size:0.9em; 
	margin-top:-1em;
}

ul#twitter_update_list li{
	margin-bottom:1.5em;
}

ul#twitter_update_list li a{
	/*display:block;*/
	font-size:inherit !important;
}
/*----------------------------------End Twitter Module Layout-------------------------*/
/*----------------------------------Start Hype Module Layout--------------------------*/
#HypeModule .adxTOCTitle{
	font-weight:bold; 
	margin-bottom:1.0em;
}
/*----------------------------------End Hype Module Layout----------------------------*/


/** Typography **/

body {
	color:#666666;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5em;
}
body a
{text-decoration:none; color:#35ACC0}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}

h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h4, h5 {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}

p, blockquote, pre, td, th, label, ul, ol {
	font-size: .9em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

blockquote {
	margin-left: 1.5em;
}

.adxCopy blockquote {
	border-left: solid 4px #EEE;
	padding-left: 1em;
}

li {
	line-height: 1.5em;
}

.summary ul li,
.adxCopy ul li {
	list-style: disc outside;
	margin-left: 2em;
}

.summary ol li,
.adxCopy ol li {
	list-style: decimal outside;
	margin-left: 2em;
}

.summary ul ul,
.summary ol ol,
.adxCopy ul ul,
.adxCopy ol ol,
ul#sitemap ul {
	margin-bottom: 0;
}

.summary ol ol li,
.adxCopy ol ol li {
	list-style: lower-alpha outside;
}

.summary ol ol ol li,
.adxCopy ol ol ol li {
	list-style: lower-roman outside;
}

table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

p.small {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}

b,
strong,
th {
	font-weight: bold;
}

em,
i {
	font-style: italic;
}

#hd h1 {
	color: #FFF;
}

#hd h2 {
	color: #EEE;
}

#ft {
	font-size: 92%;
}

/*----------------------------------Start Page Layout------------------------------------*/
/*Navigation*/
#PageNavColumn {
	float: left;
	width: 240px;
}

#PageNavColumn .NavigationSection{
	padding-bottom:10px;
}

#PageNavColumn .NavigationSection .MainMenuLevel0 {
	padding-left:5px;
	height:30px;
}

#PageNavColumn .NavigationSection .MainMenuLevel0 a{
	position:relative; top:4px;
	color:#382820;
	font-weight:bold;
	font-size:1.2em;
}

#PageNavColumn .NavigationSection .MainMenuCurrentLevel0{
	background: White url('/images/CurrentPageMarker.gif') no-repeat scroll center left;
	padding-left:10px;
	height:30px;
}
#PageNavColumn .NavigationSection .MainMenuCurrentLevel0 a{
	color:White;
	position:relative; top:5px;
	font-weight:bold;
	font-size:1.2em;
}
ul.CurrentChildren {
	padding:0px 0 0 20px;
}
ul.CurrentChildren li{
	padding-top:10px;
}

#PageLeftColSeperator{
	border-bottom:solid 1px #CCCCCC;
}
.DocPageChallenges{
	border-top:solid 1px #CCCCCC;
	padding: 15px 10px 0px 0px;
}
/*Main Column*/
#PageMainColumn {
	float: right;	
	width: 719px;
	min-height:485px;
	border-left:solid 1px #CCCCCC;
}
/*Main Header*/
.pageRootTitle{
	border-bottom:solid 1px #CCCCCC;
	font-size:6.5em;
	color:#382820;
	padding-bottom:10px;
	padding-left:15px;
	margin-bottom:8px;
}
.PortfolioPageTitleWrapper .pageRootTitle
{
	padding-left:0;
}

/*MainContent*/
#PageMainContentWrapper {
	float: left;
	width: 486px;
}
#PageMainContentColumn {
	padding: 0 18px 0 22px;
}
.PageSubTitle{
	font-size:2.80em;
	color:#35ACC0;
	margin:20px 0 20px 0;
}

.PageChildNavigation ul{
	font-size:inherit;
}


.PageChildNavigation ul li a{
	font-size:1.2em;
	font-weight:bold;
}
.PageChildNavigation ul li .summary{
	margin-top:5px;
}
.PageChildNavigation ul li ul{
	margin:-3em 0 0 0;
	padding-left:5px;
	font-size:0.9em;
}
.PageChildNavigation ul li ul li{
	margin-top:-1.5em;
	list-style-image:url('/images/checkBullet.gif');
}

#ctl00_Main_AllContentSections_ctl01_SectionMediaImage{
	margin-bottom:20px;
}

.section .heading{
	font-family: arial,helvetica,clean,sans-serif;
	letter-spacing:normal;
	color:#382820;
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	}

.section .media.align-left img{
	padding-right:10px;
}

.section .media.align-right img{
	padding-left:10px;
}

.section .media img{
	margin-bottom:5px;
}

.section.firstPageSection img{
	margin-bottom:20px;
}

.section .caption{
	font-size:0.8em;
	font-style:italic;
	margin-bottom:5px;
	text-align:center;
	position:relative; right:5px;
}

#PageBottomBreadcrumbs {
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	float:right;
	padding:8px 0 0 18px;
	font-size:0.88em;
	font-weight:bold;
	width:701px;
}

#PageExtrasColumn {
	float: right;
	width: 230px;
}
#ContactsSection #ContactsTitle .adxAd h3, #AttachmentsTitle, LinksTitle{
	margin:20px 0px 15px 0px;
	color:#382820;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:900;
}
#ContactsSection .adxContactPhoto img{
	float:right;
	position:relative;
}
.ContactItem{
	font-size:.9em;
	height:70px;
	/*overflow:hidden;*/
	line-height:1.3em;
}
.ContactItem .adxContactName, .adxAttachmentTitle{
	font-weight:bold;
	color:#382820;
}
#AttachmentsTitle, LinksTitle{
	border-top:1px solid #CCCCCC;
	padding: 20px 0px 0px 0px;
}

.adxAttachmentSummary p{
	margin-bottom:2px;
}

/*----------------------------------End Page Layout--------------------------------------*/
/*----------------------------------Start Portfolio Page---------------------------------*/
.PortfolioPageTitleWrapper .pageRootTitle{
	margin-bottom:0;
}

#portfolioItems{
	min-height:500px;
	width:100%;
}
#portfolioItems .child{
    float:left;
    width:220px;
    height:250px;
    overflow:hidden;
    margin-right:26px;
}
#portfolioItems .child.fourth{
    margin-right:0px;
}
#portfolioItems .child a
{
    display:block;
}

#portfolioItems .child .icon img{
	border: solid 1px #CCCCCC;
	padding:2px;
	margin-bottom:10px;
}
#categoryDiv
{
    float:left;
    width:80%;
}
#pagingDiv{
    float:right;
    width:20%;
    text-align:right;
}
#categoryDiv{
	height:29px;
}
#categoryDiv a{
	position:relative; top:5px;
	padding-right:20px;
}
#pagingDiv a{
	position:relative; top:2px;
}
#pagingDiv a img {
	position:relative; top:4px;
}
#categoryTitle{
	border-top:solid 1px #CCCCCC;
	padding:25px 0 25px 0px;
	color:#98B41E;
	text-transform:uppercase;
	font-size:1.6em;
}
.currentCatagory{
	color:#999999;
}


/*----------------------------------End Portfolio Layout--------------------------------------*/
/*----------------------------------Start Login Layout ---------------------------------------*/
.Row, .LoginButton{
	margin-top:8px;
	clear:both;
}
.Row input{
	float:left;
}
.Row input span{
	clear:both;
}
/*----------------------------------End Login Layout -----------------------------------------*/