/* 
Title:		Temple University Main Site
Styles: 	Homepage/Subpage Style Sheet
*/

/*    START Global Styles    */

/* body 
-----------------------------------------------------------------------*/
	body {
	margin: 0px;
	text-align: center;
	background-attachment: fixed;
	background-color: #9E1B34;
	background-image: url(../images/bg-arcs.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

/* typography 
-----------------------------------------------------------------------*/
	body, div, td, input { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #666666; }
	small { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
	ul { list-style-type: none; margin: 0px; padding: 0px; }
	li { padding: 0px 0px 11px 0px; }
	h1 {font-family: Arial, Helvetica, sans-serif;color: #9E1B34;font-size:22px;padding-top: 5px;}
	h2 {font-family: Arial, Helvetica, sans-serif;color: #333;font-size:16px;font-weight: bold;}
	h3 {font-family: Arial, Helvetica, sans-serif;color: #9E1B34;font-size:14px;font-weight: bold;}
	.boldtext { font-weight: bold; }
	.italics { font-style: italic; }

/* link and navigation styles 
-----------------------------------------------------------------------*/
	a, a:visited { color: #9E1B34; text-decoration: none; }
	a:hover { text-decoration: underline; }
	#nav {
	width: 220px;
	font-size: 10px;
	line-height: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
}
	#nav ul { margin: 35px 0px 0px 0px; padding: 0px; list-style-type: none; }
	#nav li, #nav ul li { padding: 0px 0px 15px 0px; }
	#nav a, #nav a:visited { color: #7E7E7E; text-decoration: none; }
	#nav a:hover { color: #9E1B34; text-decoration: underline; }
.separator {color:#FFFFFF; }
.separator2 {color:#E6E3D7;}
.separator3 {color:#9E1C36;
}

/*Wrapper Container Div for the whole page 
-----------------------------------------------------------------------*/
	#container {
	width: 760px;
	text-align: left;
	background-image: url(../images/bg-stone.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*Accessibility: Text Transcoder and skip navigation 
-----------------------------------------------------------------------*/
	#jumpNav {
	z-index: 99;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	
}
	#skipNav {
	z-index: 99;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	
}

/*    END Global Styles    */   


/*    START DIVs for major page zones    */

/* left column: logo, link and navigation styles 
-----------------------------------------------------------------------*/
	#menu{
	float: left;
	width: 260px;
	margin: 0px;
	padding: 0px;
}

/* right column: content, flash, footer, top nav 
-----------------------------------------------------------------------*/
	#content{float: right; margin: 0px 0px 0px 0px; width: 440px; padding: 0px 30px 0px 30px;}

/* right column: alert box 
-----------------------------------------------------------------------*/
	#alert {
	padding-top: 10px;
	/*background-color: #FFFF33;	
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: none;*/
}
	#alert a {
	color: #FF0000;
}

	#alert { 
		display:block; 
		background-color: inherit;				
		
	}
	/************
	#alert a {
		color: #FFA500;
		font-variant:small-caps;
	}
	*************/	

	#alert1 {
	background-color: #FFFF33;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
	#alert1 a {
	color: #FF0000;
	line-height: 17px;
}

/* right column: top toolbar, utility links, search 
-----------------------------------------------------------------------*/
	#toolbar{font-size: 10px; line-height: 10px; margin: 40px 0px 32px 0px; padding: 0px; text-align: right;}

/*right column: search control 
-----------------------------------------------------------------------*/
	#searchform { margin: 0px; padding: 0px; height: 22px;}
	#q{
	padding: 2px;
	width: 140px;
	background-color: #FFFFFF;
	border-top: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
	.btn{padding: 0px 2px 0px 2px; background-color: #9E1B34; color: #FFFFFF; font-weight: normal; border-top: 1px solid #E08A98; border-left: 1px solid #E08A98; border-right: 1px solid #831427; border-bottom: 1px solid #831427; cursor:pointer}
	
#radio {
	padding-top: 5px;
}	

/* right column: flash 
-----------------------------------------------------------------------*/
	#flash {width: 440px;}
	
	/* style to hide static image on homepage if flash and JS are enabled */
	.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}

/* right column: footer 
-----------------------------------------------------------------------*/
	#footer{margin-top: 30px; padding-top: 30px; border-top: 1px solid #AFADA4; font-size: 10px;}
	
/* right column: sub page blurb/introduction 
-----------------------------------------------------------------------*/
	#intro {
	width: 440px;
	margin-top: 20px;
	clear: both;
}
	#intro p {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#intro img {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}

/* right column: Sub Page Email and Print options
-----------------------------------------------------------------------*/	
	#EmailPrint {
	background-color: #CBC5AD;
	padding: 5px;
	text-align: right;
}
	#EmailPrint img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 5px;
	padding-left: 5px;
}

/* right column: sub page content 
-----------------------------------------------------------------------*/
	#subcontent {
	width: 440px;
	min-height:325px;
	height:auto;
	clear: both;
}
	#subcontent ul{list-style-type: disc;margin: 15px;padding: 10px;}
	#subcontent img {float: left;margin-right: 8px;margin-bottom: 4px;}

/* right column: sub page content  for Internet Explorer 
-----------------------------------------------------------------------*/

	* html #subcontent {height: 325px;}
	
/* styles for google search page 
-----------------------------------------------------------------------*/	
#google_header {
	width: 100%;
	background-color: #9D1C34;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}		

/* miscellaneous classes 
-----------------------------------------------------------------------*/	
	.h1, .h2, .h3, .p, .ol {color:#595855; line-height:1.8;}
	.h1 {color:#9E1B34; font-size:24px; padding:0;}
	.h2 {color:#761427; font-size:18px;}
	.h3 {color:#595855; font-size:14px;}

	ol.list-ordered-alpha-uc {
	list-style-type: upper-alpha;
}
#footer #socialmedia {
	display: block;
	padding: 2px;
	margin-top: 5px;
}
#footer #socialmedia img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}
#footer #socialmedia #___plusone_0 {
	display:block;
	padding: 2px;
	margin-top: 5px;
}

/* Reusable classes/workaround to poor semantic markup */
.newsfeed h3{
	font-family:Verdana, Geneva, sans-serif!important;
	font-size:11px!important;
	font-weight:normal!important;
}
