@charset "UTF-8";
@import url("/global/css/colorbox.css");
/* CSS Document */

/* begin RESET ########################### */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
/*	vertical-align: baseline;*/
	/*	font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left;  */
}
strong, b, h1, h2 { font-weight:bold; }
em, i { font-style:italic; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
/* end RESET ########################### */

body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:150%; /*This gives 12px type 18px line-height */
	padding-top:59px;
	}
p {
	margin:0px 0 4px 0;
	}

/* HEADER ########################### */

#header {
	top:0;
	left:0;
	position:absolute;
	height:59px;
	width:100%;
	background-repeat:no-repeat;
	}
	/* Header Nav ####### */
	#nav-home {
		position:absolute;
		top:0;
		left:0;
		width:175px;
		height:111px;
		}
	#header ul {
		height: 28px;
		margin-top:31px;
		margin-left:175px;
		width:700px;
		}
		#header ul li {
			float: left;
			list-style-type: none;
			}
		#header ul a {
			float: left;
			height: 0px;
			padding: 28px 0px 0px 0px;
			overflow: hidden;
			background-repeat: no-repeat;
			}
			#nav-fashion-file a {
				background-position: 0px 0px;
				width: 87px;
				}
				#nav-fashion-file a:hover {
					background-position: 0px -28px;
					}
			#nav-the-dish a {
				background-position: -87px 0px;
				width: 72px;
				}
				#nav-the-dish a:hover {
					background-position: -87px -28px;
					}
			#nav-skin-deep a {
				background-position: -159px 0px;
				width: 76px;
				}
				#nav-skin-deep a:hover {
					background-position: -159px -28px;
					}
			#nav-career-studio a {
				background-position: -235px 0px;
				width: 108px;
				}
				#nav-career-studio a:hover {
					background-position: -235px -28px;
					}
			#nav-perks-and-prizes a {
				background-position: -343px 0px;
				width: 114px;
				}
				#nav-perks-and-prizes a:hover {
					background-position: -343px -28px;
					}
			#nav-high-school-clubs a {
				background-position: -457px 0px;
				width: 136px;
				}
				#nav-high-school-clubs a:hover {
					background-position: -457px -28px;
						}
			#nav-visit-fidm a {
				background-position: -593px 0px;
				width: 100px;
				}
				#nav-visit-fidm a:hover {
					background-position: -593px -28px;
					}
	/* Header Text */
	#header h5,  
	#header h4 {
		font-size:10px;
		font-weight: bold;
		top:9px;
		height:24px;
		top:7px;
		position:absolute;
		}
	#header h5 {
		left:175px;
		}
	#header h4 {
		left:530px;
		width:600px;
		}
		#header h4 a {
			font-size:10px;
			padding:1px 3px;
			text-decoration:none;
		}
		#header cite {
			font-style:normal;
			}
			#header cite a:hover {
				text-decoration:none;
			}

/* CONTENT ########################### */

.landing #content {
	height:435px;
		}
	h3 {
		height:0px;
		padding-top:139px;
		width:278px;
		text-indent:-10000px;
		overflow:hidden;
		clear:left;
		background-repeat:no-repeat;
		}

.article #content,
.landing #content {
	background-repeat:no-repeat;
}
	#article {
		margin-left:175px;
		min-height:630px;
		width:555px;
		}
	#archive {
		z-index:5;
		position:absolute;
		top:155px;
		left:500px;
		}
		#archive ul {
		list-style:none;
		margin:0;
		padding:0;
		  }
			#archive ul li {
				padding:0;
				border-width:1px;
				border-style:solid;
				width:200px;
				}
				#archive li ul {
					display: none;
					position: absolute; 
				  }
				#archive li:hover ul, 
				#archive li.over ul { 
					display: block; 
					margin:0;
					}
				
				#archive ul li ul li,
				#archive ul li.over ul li {
					padding:0;
					border-width:0px 1px 1px 1px;
					border-style:solid;
					width:200px;
					margin:0 0 0 -1px;
					
				}
					#archive a, 
					#archive a:link, 
					#archive a:hover, 
					#archive a:active {
						text-decoration:none;
						display:block;
						padding:5px;
						font-size:12px;
						font-style:normal;
						font-weight:bold;
						margin:0px;
					}
						#archive a:visited {
							font-weight:normal;
						}
						/* Prevent extra spacing of LI tag in IE. Hide from IE Mac \*/
						#archive ul li {height: 1%; }
						#archive ul li a { height: 1%; }

/* SIDEBAR ########################### */

.article #sidebar {
	position:absolute;
	top:200px;
	left:51px;
	margin:0;
	padding:0;
	}
	.article #sidebar ul {
		margin:0;
		padding:0;
		text-indent:-10000px;
		}
		.article #sidebar ul li {
			list-style-type: none;
			width:79px;
			margin:0;
			padding:0;
			}
			.article #sidebar ul li a {
				background-repeat:no-repeat;
				display:block;
				height:0;
				margin:4px 0 4px 0px;
				overflow:hidden;
				padding:41px 79px 0 0;
				/*float:left;
				height: 0px;
				padding: 41px 0px 0px 0px;
				overflow: hidden;
				background-repeat: no-repeat;
				width:79px;
				margin:0 0 3px 0;*/
				}
			/* IE hack */	
			/*html>body.article #sidebar ul li a {
				margin:6px 0;
				}*/

.landing #sidebar {
	position:absolute;
	top:433px;
	left:61px;
	}
	.landing #sidebar ul {
		width:700px;
		}
		.landing #sidebar ul li {
			float:left;
			list-style-type: none;
			margin-right:6px;
			}
			.landing #sidebar ul a {
				float:left;
				height: 0px;
				padding: 41px 0px 0px 0px;
				overflow: hidden;
				background-repeat: no-repeat;
				width:79px;
				}

/* FOOTER ########################### */

#footer {
	clear:both;
	position:relative;
	width:100%;
		}
	#footer ul {
	padding:10px 15px;
		}
	#footer ul li {
		display:inline;
		border-left-width:1px;
		border-left-style:solid;
		padding:0px 1px 0px 5px;
			}
		#footer ul li:first-child,
		.first {
		border:none;
			}
		#footer ul li a {
			font-weight: bold;
			font-size:12px;
			text-decoration:none;
			}
			#footer ul li a:hover {
				text-decoration:underline;
				}
.article #footer {
	background-repeat:no-repeat;
}

/* Reused Classes ########################### */

h1 {
	font-size:18px;
}
h2 {
	font-size:14px;
}

/* Reused Classes ########################### */

.replace {
	display:block;
	overflow:hidden;
	height:0;
}
.replace .replace {
	display:block;
	overflow:hidden;
	height:0;
}

.blurb {
	background-repeat:no-repeat;
	position:fixed;
	left:750px;
	top:175px;
	text-align:center;
	}

/* Service Mark */

.sm {
	font-size:7px;
	vertical-align: text-top;
}