/* Temple Univerity - International Affairs*/

/* GLOBAL STYLES */

html {
overflow-y: scroll;  /* Added 3/15/2010 to make the page stop jumping around when browser calculates if needs a scroll bar or not */
} 
body {
 margin: 0px;
 /*background-color: #b3a591;
 background-image: url(../images/bg2.jpg);
 background-repeat: repeat-x;*/

 /* Modified 3/15/10 to fix IE8 problem with stylesheet 
    also modified background image...now is an attachment like Temple home page */
	background-attachment: fixed;
	background-color: #b3a591;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-y;
	background-position: center center;


 }

/*---------------------------General type on the site---------------------------*/

body, div, td {	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; line-height: 16px; color:#333333;}
ul {list-style-type: disc; margin-top:0px; margin-bottom:0px; } /* margin: 0px; padding: 0px;} */
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 15px; font-weight: bold;	color: #9E1B34;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold;	color: #9E1B34;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: #9E1B34;}
.italics {font-style:italic;}
.bold {font-weight: bold;}

ul.bullets {list-style-type: disc; padding: 0px 0px 0px 25px;} /* used to get bullets to show since default is no bullets - don't use in conjuction with a preceeding id of subhead */
ul.menu {list-style-type: none; margin: 0px; padding: 0px;}
.subhead { margin-bottom:0px; } /* used so bullets bellow it won't need to specifically declare style of bullets */
.grey { color:#666; } /* used in main headings when two tier */

/*---------------------------Links---------------------------*/

a:link {color: #9E1B34; text-decoration: none;}
a:visited {color: #9E1B34; text-decoration: none;}
a:hover {text-decoration: none; color:#FF6600;}

/*---------------------------Main Navigation---------------------------*/

#navbar {
 border-top: 10px solid #333;
 width:960px;
 border-bottom:1px solid #000; /*remove this line if adding the global navigation (lines) to the site */
 }

#navig {
 width: 960px;
 height:78px;
 background: #fff; /*#9E1B34;*/	
 }

/*---------------------------Main container for the whole site---------------------------*/
#container {
 width: 960px;
 /* Modified 3/15/2010 - no longer needed because of modification to background
 min-height: 600px;
 height:auto !important;
 height:600px;*/
 background:#FFFFFF;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 text-align: left;
 padding: 0px;
 overflow: hidden; /* ie6 overrides this so the vertical content can show in that browser */
 }

/*---------------------------Left Column - Content on main page---------------------------*/

#menu_column, photo_subpage {
 width: 300px;
 float: left;
 }

 #submenu, #related, page_links {
	width:260px;
	float:left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
 }

#EmailPrint {
 width: 250px;
 float: right;
 padding-top: 5px;
 }

#leftContent {
 width: 620px;
 padding: 20px;
 float: left;
 }

#photo_subpage {
 width: 300px;
 float: left;
 }

#rightContent {
 width: 620px;
 padding: 10px 20px 20px;
 float: left;
}

/*----------callouts have pictures/text - callmenus are tertiary navigation  ---------------*/

div.callout {
 float: right;
 width: 160px;
 background-color: #e7e3d8;
 border: 1px #999 solid;
 padding: 10px;
 font-size: 10px;
 margin-left: 15px;
 margin-bottom: 15px;
 }    
div.callout p {
 text-align: left; 
 color: black;
 font-style: normal;
 text-indent: 0;
 font-size: 10px;
 }
div.callout a.boxnav {
 text-decoration: none;
 color: #ddd;
 }
div.callout a.boxnav:hover {
 text-decoration: underline;
 }
    

div.callmenu {
 float: right;
 width: 160px;
 background-color: #e7e3d8;
 border: 1px #999 solid;
 padding: 10px;
 font-size: 10px;
 margin-left: 15px;
 margin-bottom: 15px;
 }    
div.callmenu p {
 text-align: left; 
 color: black;
 font-style: normal;
 text-indent: 0;
 font-size: 10px;
 }
div.callmenu a.boxnav {
 text-decoration: none;
 color: #ddd;
 }
div.callmenu a.boxnav:hover {
 text-decoration: underline;
 }

/*---------------------------Footer---------------------------*/
#footer {
 width: 920px;
 padding: 10px 20px;
 margin-right: auto;
 margin-left: auto;
 text-align: right;
 }