
/*
--------------------------------------------------
Project: Alumni Templates
Purpose: Screen - Advanced
Author: Jeff Shallcross / Katelynn O'Brien
Version: 01/19/05
-------------------------------------------------- */

body
	{
	background: url(http://www.atsweb.neu.edu/alumni/images/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	font: x-small verdana, arial, helvetica, sans-serif; /* false size for WinIE4/5 */  
	voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	font-size: small; /* real size, for better browsers */
	}

html>body 
	{
	font-size: small;  /*for opera bug*/
	font-family: verdana, arial, helvetica, sans-serif;
	}

body.help
	{
	background: none;
	}
	

/* LAYERS
-------------------------------------------------- */

#top_links
	{
	padding: 3px 0 3px 0;
	margin: 0;
	position: relative;
	text-align: right;
	width: 780px;
	background-color: #000;
	}

#container
	{
	position: relative;
	width: 780px;
	}

#left_column
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	}

#content_container
	{
	position: absolute;
	top: 0;
	left: 186px;
	background: url(banner.jpg) no-repeat;
	padding: 70px 0 0 0;
	width: 595px;
	}
#content_body {
	margin-left: 10px;
	margin-bottom: 20px;
}
#content_body #msg {
	color: #c00;
	font-weight: bold;
	padding: 5px;
}

#content_body #today {
	padding: 10px;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	color: #c00;
}
#content_body_clear {
	clear: both;
	margin-bottom: 50px;
}
#content
	{
	padding: 0 15px 25px 15px;
	font-size: 90%;
	line-height: 1.4em;
	}
#announcement, #todayhistory {
	border: 1px solid #999;
	margin: 0px 0px 10px 0px;
	padding: 3px;
}
#announcement h1, #todayhistory h1 {
	padding: 3px 10px 3px 10px;
	margin: 0;
	background-color: #c00;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	width: 125px; /* incorrect width for WinIE5 */
	voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	width: 120px; /* real size, for better browsers */
}
#random_photo {
	text-align: center;
	padding: 3px;
	margin-bottom: 10px;	
}
#random_photo p {
	font-size: 10px;
}
#random_photo h1 {
	padding: 3px 0 3px 15px;
	margin: 0;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	text-transform: uppercase;
	width: 168px; /* incorrect width for WinIE5 */
	voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	width: 162px; /* real size, for better browsers */
	}

#random_photo img {
	background: #dfdfdf;
	border: 1px solid #deddd4;
	padding: 4px;
	margin: 1px;
	-moz-border-radius: 2px;
}

#random_photo a img {
	border-color: #deddd4;
}

#random_photo a:hover img {
	border-width: 2px;
	border-color: #cc0000;
	margin: 0;
	-moz-border-radius: 3px;
}
/* LISTS
-------------------------------------------------- */

ul
	{
	margin: 0 0 0 25px;
	padding: 0;
	font-size: inherit;
	}
	
ol
	{
	margin: 0 0 0 35px;
	padding: 0;
	font-size: inherit;
	}

ul li
	{
	list-style-type: disc;
	padding: 0;
	margin: 0;
	}
	
ol li
	{
	list-style-type: decimal;
	padding: 0;
	margin: 0;
	}	

#top_links ul
	{
	padding: 0;
	margin: 5px 0 5px 16px;
	font-size: 80%;
	}

#top_links ul li
	{
	list-style-type: none;
	display:inline;
	padding-right: 12px;
	height: 13px; /* IE5.0 will not put padding on an inline element unless a height is specified*/
	}

ul.nav, ul.editnav
	{
	padding: 0;
	font-size: 85%;
	}

ul.nav
	{
	margin: 5px 0 5px 0;
	}

ul.editnav
	{
	margin: 5px 0 5px 2px;
	}

ul.nav li, ul.editnav li
	{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 0;
	}

ul.padded li
	{
	padding: 10px;
	}
	
dt {
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}	
	
dd {
	padding-top: 3px;
	padding-bottom: 3px;
}	

#breadcrumb {
	font-size: 9px;
	font-weight: normal;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #DED7D6;
	
}

#breadcrumb p {
	font-size: 9px;
	font-weight: normal;
	color: #000;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

#breadcrumb a {
	font-size: 9px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
/* LINKS
-------------------------------------------------- */

a, a:visited
	{
	color: #c00;
	}
	
a:focus, a:hover, a:active
	{
	color: #666;
	}
	
p.disclosure a, p.disclosure a:visited, p.disclosure a:focus, p.disclosure a:hover, p.disclosure a:active
	{
	color: #555;
	}

#top_links a, #top_links a:visited
	{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#top_links a:focus, #top_links a:hover, #top_links a:active
	{
	color: #666;
	}

ul.nav li a, ul.nav li a:visited
	{
	margin: 0;
	padding: 5px 0 6px 12px;
	color: #777;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

ul.nav li a:focus, ul.nav li a:hover, ul.nav li a:active
	{
	color: #fff;
	background-color: #c00;
	}

ul.nav li a.down, ul.nav li a.down:visited, ul.nav li a.down:focus, ul.nav li a.down:hover, ul.nav li a.down:active
	{
	color: #fff;
	background-color: #666;
	}


/* SPECIAL FORMATTING / SPANS
-------------------------------------------------- */

p.disclosure
	{
	font-size: 80%;
	font-style: italic;
	padding-left: 12px;
	padding-right: 8px;
	color: #555;
	}
	

/* HEADINGS
-------------------------------------------------- */

h1
	{
	padding: 3px 0 3px 15px;
	margin: 0;
	background-color: #666;
	color: #fff;
	font-size: 90%;
	text-transform: uppercase;
	width: 595px; /* incorrect width for WinIE5 */
	voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	width: 579px; /* real size, for better browsers */
	}

html>#content_container>#content>h1
	{
	width: 579px;
	}
	
h2
	{
	font-size: 110%;
	color: #c00;
	}
	
h3
	{
	font-size: 100%;
	color: #000;
	}
	
/* HELP PAGE TABLE
------------------------------------------------------- */

table.help
        {
        font-size: 100%;
        border: 0px;
        }

tr.grey
        {
        background-color: #ededed;
        }

td.description
        {
        width: 14%;
        font-weight: bold;
        color: #000;
        }

td.code
        {
        width: 43%;
        font-family: courier;
        }

td.result
        {
        width: 43%;
        }
        

/* TABLES
-------------------------------------------------- */

table
	{
	font-size: 100%;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	}
table.noline
	{
	font-size: 100%;
	border: 0px;
	}	

th, td
	{
	font-size: 100%;
	vertical-align: top;
	text-align: left;
	border: 1px solid #999;
	padding: 5px;
	}

table.noborder 
	{
	font-size: 100%;
	border: 0px;
	}

td
	{
	font-size: 100%;
	vertical-align: top;
	text-align: left;
	border: 0px;
	padding: 5px;
	}
	
/* FORMS
-------------------------------------------------- */	

.required {
	color: #c00;
	font-weight: bold;
}

/* SIDEBAR BOXES
-------------------------------------------------- */	
	.teaser {
		width:150px;
		padding:0 0 14px 0;
		margin:10px auto;
		font-size: 11px;
		background:url("tsr-b.gif") bottom left no-repeat;
	}
	.teaser .inside {
		border-left:1px solid #d8d8d8;	
		border-right:1px solid #d8d8d8;	
	}
	.teaser .inside h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		color: #c00;
		font-weight: bold;
		text-align: center;
		background:url("tsr-t2.gif") top left no-repeat;
	}
	.teaser .inside p, .teaser .inside a.more {
		margin:0;
		padding:3px 10px 3px;
		border-width:0 1px;
		font-size: 11px;
	}
	.teaser .inside a.more {
		display:block;
		text-align:right;
		background:url("tsr-a.gif") 130px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
		font-size: 11px;
	}
	.teaser .inside a.more:hover {
		text-decoration:underline;
		font-size: 11px;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		color: #c00;
		font-weight: bold;
		text-align: center;
		background:url("tsr-t2.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:3px 10px 3px;
		/*border:1px solid #d8d8d8;*/
		border-width:0 1px;
		font-size: 11px;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("tsr-a.gif") 130px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
		font-size: 11px;
	}
	.teaser a.more:hover {
		text-decoration:underline;
		font-size: 11px;
	}
	
.pn-title {
	font-size: 14px;
	font-weight: bold;
	color: #c00;
}	

.photocell {
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
	border-bottom: 2px dotted #cc0001;
	width: 550px;
}


.photocell img {
	padding-right: 5px;
}

.photocell p {
	clear: both;
}

#print_header {
	display: none;
}

.small {
	font-size: 10px;
	font-style: italic;
}