﻿html
{
}
body
{
	font-family: Arial;
	margin: 0 auto;
	text-align: left;
	font-size: 0.7em;
	background: url('/Theme/Images/mensplace/page_background.gif');
}

#wrapper
{
	width: 778px;
	margin: 0 auto;
	padding: 0px 3px 0 3px;
	background: url('/Theme/Images/mensplace/Page_Content_bg.png');
	background-repeat: repeat-y;
}
p
{
	margin: 6px 0px 0px 0px;
}
.Title
{
	font-size: 1em;
}



/*Page Top*/
.PageHeader
{
	width: 774px;
	padding-top: 10px;
}
/*Three rows section on header*/
.HeaderTop
{
	width: 100%;
	height: 25px;
	position: relative;
}

.HeaderLinks
{
	text-align: right;
	color: #a0a0a0;
	width: auto;
	position: absolute;
	right: 115px;
}
.HeaderLinks a:link, .HeaderLinks a:visited, .HeaderLinks a:hover
{
	color: #a0a0a0;
	text-decoration: none;
}

#SearchContainer
{
	display: block;
	position: absolute;
	right: 10px;
}

#SearchContainer .SearchTextBox
{
	background-color: Transparent;
	color: #A0A0A0;
	width: 80px;
	font-family: Arial;
	display: inline;
	border: solid 1px #a0a0a0;
	font-size: 10px;
}
#SearchContainer .SearchButton
{
	float: right;
	display: inline;
}

.HeaderMiddle
{
	width: 772px;
	text-align: left;
	position: relative;
}
.TopBannerLeft
{
	position: absolute;
	left: 60px;
	top: 0px;
}
#bannerHome
{
	width: 100%;
}
#bannerHome #toolCont
{
	display: none;
}
.HeaderBottom
{
	clear: both;
	width: auto;
}

/*Top menu*/

/*Dropdown menu*/

.TopMenuTab
{
	z-index: 100;
	position: relative;
	height: 24px;
	border: solid 0px #FFFFFF;
	top: -15px;
	left: 10px;
}
* HTML .TopMenuTab
{
}
.TopMenuTab UL
{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.TopMenuTab UL UL
{
	width: 150px;
}
.TopMenuTab UL LI
{
	position: relative;
	float: left;
	height: 22px;
	width: auto;
	border-right: solid 1px #737d86;
	border-bottom: solid 1px #737d86;
	background-color: #00688f;
}
.TopMenuTab UL UL LI
{
	width: 99%;
	font-weight: bold;
	border: 0px;
}
.TopMenuTab UL a:link, .TopMenuTab UL a:visited
{
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	padding-top: 3px;
	text-decoration: none;
	color: #FFFFFF;
}

.TopMenuTab UL UL
{
	position: absolute;
	width: 150px;
	visibility: hidden;
	top: 23px;
	left: 0px;
}
* HTML .TopMenuTab UL UL
{
}
.TopMenuTab UL UL A:link, .TopMenuTab UL UL A:visited, .TopMenuTab UL UL A:hover
{
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	height: auto;
}

.TopMenuTab UL a:hover, .TopMenuTab UL :hover > A
{
	color: #FFDC58;
}


.TopMenuTab UL LI:hover UL
{
	visibility: visible;
}
.TopMenuTab UL A:hover UL
{
	visibility: visible;
}
.TopMenuTab UL :hover UL :hover UL
{
	visibility: visible;
}



/*
.TopMenu0
        {
        	background-color:Olive;
        }
        .TopMenu1, .SubMenu1
        {
        	background-color:red;
        }
        .TopMenu2, .SubMenu2
        {
        	background-color:Olive;
        }
        .TopMenu3, .SubMenu3
        {
        	background-color:red;
        }
        .TopMenu4, .SubMenu4
        {
        	background-color:Olive;
        }
        .TopMenu5, .SubMenu5
        {
        	background-color:red;
        }
        .TopMenu6, .SubMenu6
        {
        	background-color:Olive;
        }
		.TopMenu7, .SubMenu7
        {
        	background-color:red;
        }
*/




/*Three columns section on header*/
.HeaderLeft
{
}
.HeaderCenter
{
}
.HeaderRight
{
}






/*Page body*/
.PageBody
{
	width: 100%;
	clear: both;
	position: relative;
	top: -20px; #top:0px;
min-height:300px;

}


/*Three columns section on Body*/

.BodyLeft
{
	padding-top: 10px;
	float: left;
	text-align: left;
	width: 170px;
}
.BodyLeft > div
{
	background-image: url(/Theme/Images/mensplace/box_left_top_edge.gif);
	background-position: 0 15px;
	background-repeat: no-repeat;
	width: 100%;
}
/****************Start Quicklinks************************** */
.QuicklinkContainer
{
	display: block;
	height: 20px;
	padding-top: 30px;
	padding-left: 10px;
}
.QuicklinkContainer > UL
{
	border: solid 1px #000000;
	background-image: url(/Theme/Images/mensplace/arrow-down.png);
	background-repeat: no-repeat;
	background-position: 125px 4px;
}
.QuicklinkContainer UL
{
	list-style-type: none;
	height: 18px;
	width: 140px;
	padding: 0px;
	margin: 0px;
}
.QuicklinkContainer UL UL
{
	width: 120px;
	height: 100%;
	margin: 0px;
}
.QuicklinkContainer UL LI
{
	position: relative;
	float: left;
	height: 22px;
	width: 140px;
	top: 2px;
}
.QuicklinkContainer UL UL LI
{
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	width: 140px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.QuicklinkContainer UL a:link, .QuicklinkContainer UL a:visited, .QuicklinkContainer UL a:hover
{
	line-height: 20px;
	text-decoration: none;
	color: #666666; #display:block;
padding-top:3px;
padding-bottom:3px;
height:auto;
}
.QuicklinkContainer UL UL
{
	position: absolute;
	width: 140px;
	visibility: hidden;
	top: 15px;
	left: -1px;
}
* HTML .QuicklinkContainer UL UL
{
	top: 20px;
}
.QuicklinkContainer UL UL A:link, .QuicklinkContainer UL UL A:visited, .QuicklinkContainer UL UL A:hover
{
	text-align: left;
	font-weight: bold;
	height: auto;
}

.QuicklinkContainer UL LI:hover UL
{
	visibility: visible;
}
.QuicklinkContainer UL A:hover UL
{
	visibility: visible;
}
.QuicklinkContainer UL :hover UL :hover UL
{
	visibility: visible;
}
.SubLevel, .TopLevel, .LastLevel
{
	font-weight: bold;
	margin: 0px;
	height: auto;
	color: #666666;
}
.TopLevel
{
	padding-left: 5px;
}
.SubLevel
{
	padding-left: 10px;
	color: #666666;
}
.LastLevel
{
	padding-left: 20px;
}

/****************End Quicklinks************************** */



/* *****************************************************************************************
	Left Hand Side Menu
	***************************************************************************************** */

#SideMenu
{
	width: 100%;
	padding-top: 30px;
}

#SideMenu div
{
	font-family: Verdana,arial,sans-serif;
	color: #ffffff;
	width: 80%;
	margin-left: 10px;
	background-image: url('/Theme/Images/mensplace/iconNone.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#SideMenu a
{
	height: 20px;
	display: block;
	margin-left: 15px;
}
#SideMenu .menuLevel2, #SideMenu .menuLevel2_active
{
	margin-left: 20px;
}
#SideMenu .menuLevel3, #SideMenu .menuLevel3_active
{
	margin-left: 30px;
}
#SideMenu .menuLevel4, #SideMenu .menuLevel4_active
{
	margin-left: 40px;
}
/*
.menuLevel1, .menuLevel1_active
{
	margin-bottom: 1px;
}
.menuLevel1
{
	background-color: #4E5889;
}
.menuLevel1_active
{
	background-color: #FDA416;
	background-image: url(/Theme/images/nav/background_arrow_large.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.menuLevel2, .menuLevel2_active
{
	border-bottom: #585858 1px solid;
}
.menuLevel2
{
	min-height: 20px;
	background-color: #3D3D3D;
}
.menuLevel2_active
{
	min-height: 20px;
	background: #7D7D7D;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.menuLevel3, .menuLevel3_active
{
	border-bottom: #585858 1px solid;
}
.menuLevel3
{
	min-height: 20px;
	background-color: #494949;
}
.menuLevel3_active
{
	min-height: 20px;
	background: #878787;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.menuLevel4
{
	min-height: 20px;
	background-color: #565656;
}
.menuLevel4_active
{
	min-height: 20px;
	
	background: #969696;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;

}
.menuLevel5
{
	min-height: 20px;
	background-color: #444444;
}
.menuLevel5_active
{
	min-height: 20px;
	/*
	background: #9E9E9E;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;

}
.menuLevel6
{
	min-height: 20px;
	background-color: #232323;
}
.menuLevel6_active
{
	min-height: 20px;
	background: #A5A5A5;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.menuLevel1 a, .menuLevel1_active a
{
	padding: 4px 20px 4px 10px;
}
.menuLevel1 a:hover
{
	background-color: #FDA416;
}

.menuLevel2 a, .menuLevel2_active a
{
	padding: 3px 20px 3px 15px;
}
.menuLevel2 a:hover
{
	background-color: #7D7D7D;
	background-image: url(/Theme/images/nav/background_arrow_small.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.menuLevel2_end a:hover
{
	background-color: #7D7D7D;
}
.menuLevel3 a, .menuLevel3_active a
{
	padding: 3px 20px 3px 20px;
}
.menuLevel3 a:hover
{
	background-color: #878787;
}

.menuLevel4 a, .menuLevel4_active a
{
	padding: 3px 20px 3px 25px;
}
.menuLevel4 a:hover
{
	background-color: #969696;
}

.menuLevel5 a, .menuLevel4_active a
{
	padding: 3px 20px 3px 30px;
}
.menuLevel5 a:hover
{
	background-color: #9E9E9E;
}

.menuLevel6 a, .menuLevel4_active a
{
	padding: 3px 20px 3px 35px;
}
.menuLevel6 a:hover
{
	background-color: #A5A5A5;
}
*/
/*Latest News*/

#LatestNews
{
	clear: both;
	width: 555px;
	min-height: 260px;
	text-align: left;
}
.LatestNewsTitle
{
	font-size: 1.8em;
	font-weight: bold;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.NewsSummary
{
	width: 100%;
	min-height: 300px;
}
.NewsSummary .SummaryImage
{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	border: solid 4px #ffffff;
}
.NewsSummary .SummaryTitle, .NewsSummary .SummaryText, .NewsSummary .SummaryMore
{
	float: left;
	width: 40%;
}
.NewsSummary .SummaryTitle
{
	padding-bottom: 5px;
	font-size: 1.5em;
}
.NewsSummary .SummaryText
{
	min-height: 135px;
}

#LatestNews .RotateControlBar
{
	clear: both;
	margin-left: 20px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding: 10px;
	width: 88%;
	height: 15px;
}
#LatestNews .RotatePlayerPrev
{
	float: left;
}
#LatestNews .RotatePlayerNext
{
	float: right;
}
#LatestNews .RotateNumbers
{
	float: left;
	width: 70%;
	text-align: center;
	background-color: Transparent;
}
#LatestNews .RotateNumbers a:link, #LatestNews .RotateNumbers a:visited, #LatestNews .RotateNumbers a:hover
{
	background-color: Transparent;
	text-decoration: none;
}


.NewsSummary .SummaryText .SummaryMore:link, .NewsSummary .SummaryText .SummaryMore:visited, .NewsSummary .SummaryText .SummaryMore:hover
{
	text-decoration: underline;
}
#breadcrumb
{
	border-top: solid 1px #FFFFFF;
	padding-top: 3px;
	padding-left: 10px;
	text-align: left;
	width: 99%;
	color: #666666;
}
#breadcrumb a
{
	color: #666666;
	text-decoration: none;
}

.BodyCenter
{
	padding-top: 20px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	text-align: left;
	width: 410px;
}

.ContentTitle
{
	font-size: 1.6em;
	width: 100%;
	padding-top: 5px;
	color: #00678f;
}
.ContentTitle .left
{
	padding-left: 10px;
}
.ContentTitle .right
{
	display: none;
}
.ContentTitle .right a
{
	padding-right: 10px;
}
.Content
{
	width: 96%;
	padding-top: 10px;
	padding-left: 10px;
	clear: both;
}

.BodyRight
{
	float: right;
	width: 160px;
	padding-right: 6px;
}
.BodyRight > div
{
	background-image: url(/Theme/Images/mensplace/box_Right_top_edge.gif);
	background-position: 0 15px;
	background-repeat: no-repeat;
	width: 100%;
}
.RelatedResource
{
	text-align: left;
	padding-top: 20px;
}
.ResourceTitle
{
	font-size: 1.2em;
	font-weight: bold;
	color: #00678e;
	width: 95%;
	padding-top: 10px;
	text-align: center;
}
.ResourceItem
{
	padding-top: 5px;
	padding-left: 20px;
}
.SecondRelatedResource
{
	margin-top: 20px;
}
/*Page bottom*/
.PageFooter
{
	clear: both;
	padding-top: 5px;
	height: 37px;
	width: 772px;
	color: #FFFFFF;
	position: relative;
	bottom: 0px;
	background-image: url('/Theme/Images/mensplace/footer_background.gif');
}
.PageFooter a:link, .PageFooter a:visited, .PageFooter a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
/*Three rows section on Footer*/
.FooterTop
{
}
.FooterMiddle
{
}
.FooterBottom
{
}

/*Three columns section on Footer*/
.FooterLeft
{
	float: left;
}

.FooterCenter
{
	float: left;
}
.FooterRight
{
	float: right;
}

.FooterText
{
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 30px;
}
.FooterLinks
{
	padding-top: 10px;
	padding-right: 20px;
	margin-bottom: 30px;
}


/* Site Section Summary view */

#SectionSummaryView
{
	width: 100%;
	margin: 0px 0px 0px 10px; #margin-top:-10px;
}
#SectionSummary
{
	float: left;
	width: 163px;
	min-height: 340px;
	margin-right: 8px;
}
#SectionSummaryImage
{
	border: solid 4px #FFFFFF;
	margin: 0px;
}
#SectionSummaryTitle
{
	padding-top: 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#SectionSummaryDesc
{
	padding-top: 10px;
}
#SectionSummaryList
{
	padding: 1px;
	margin: 10px 2px 2px 15px;
}

#HighlightedNews
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#HighlightedNews .Title
{
	clear: both;
	width: 100%;
	padding-left: 20px;
	color: #fca415;
	padding-top: 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#HighlightedNews .News
{
	margin-top: 10px;
	width: 45%;
	padding-left: 20px;
	float: left;
	min-height: 85px;
}

#HighlightedNews .SummaryImage
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	border: solid 2px #ffffff;
}
#HighlightedNews .SummaryTitle, #HighlightedNews .SummaryText, #HighlightedNews .SummaryMore
{
	float: left;
	width: 60%;
}
#HighlightedNews .News .SummaryTitle
{
	font-size: 1em;
	font-weight: bold;
}
#HighlightedNews a:link, #HighlightedNews a:visited, #HighlightedNews a:hover
{
	color: #fca415;
}
.RotateScriptBlock
{
	margin-top: -4px; #margin-top:-0px;
}

#SummaryList .SummaryView
{
	width: 98%;
	position: relative;
	min-height: 80px;
	margin-top: 5px;
	padding: 5px;
}

#SummaryList .SummaryImage
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	border: solid 2px #ffffff;
}

#SummaryList .SummaryTitle
{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

#SummaryList a:link, #SummaryList a:visited, #SummaryList a:hover
{
	color: #fca415;
}

.ListTitle
{
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
.YellowButton
{
	width: 80px;
	background-color: #fda416;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}

.TextHeader
{
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 3px;
}
.TextField
{
	margin-top: 3px;
	width: 200px;
	border: solid 1px;
}
.button
{
	margin: 10px;
	background-color: #fda416;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}
.PanelHeader
{
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
}
.loginPanel
{
	width: 200px;
}
.loginPanel .TextField
{
	width: 80px;
	border: solid 1px #E3E3E3;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}
.loginPanel .HeaderLinks
{
	position: relative;
	right: 0px;
	color: #00678f;
}
.loginPanel td
{
	padding-left: 20px;
}
.loginPanel a.button
{
	width: 50px;
	height: 18px;
	display: inline-block;
	border: solid 1px #E3E3E3;
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-top: 2px;
}
.NormalButton
{
	width: 70px;
	height: 18px;
	display: inline-block;
	background-color: #fda416;
	border: solid 1px #E3E3E3;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-top: 2px;
}
.ErrorPanel
{
	color: Red;
}
.InfoPanel
{
	font-weight: bold;
	font-style: italic;
}
.MailingListPanel
{
	width: 95%;
	margin: 10px;
	border: solid 1px #FFFFFF;
}

a.YellowMoreLink
{
	color: #fca415;
}
.CourseName a:link, .CourseName a:visited, .CourseName a:hover
{
	color: #fca415;
}
/*Video*/

.VideoBlock
{
	width: 98%;
}
.VideoBlock .Title
{
	font: 1.2em;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
}
.VideoBlock .Video
{
	text-align: center;
	margin: 5px;
}

.CurrentPage
{
	font-size: 16px;
	color: Gray;
	font-weight: bold;
}
.ResultImage
{
}
.Title
{
	font-weight: bold;
}
.SearchSummry
{
	font-size: 13px;
	font-weight: bold;
}
.PageLinks
{
	padding: 5px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}
.HDivider
{
	width: 60%;
	border-top: solid 1px #FFFFFF;
}
.maincontainer
{
	padding-left: 20px;
}
.PageImage
{
	margin: 0px;
	padding: 0px;
	float: right;
	clear: both;
	margin-left: 10px;
	margin-top: 10px;
}
.PageImageCaption
{
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding: 3px;
	font-style: italic;
}

