/* CSS Document */
/* CST Subpage Default Stylesheet */
/* Type: Screen */
/*---- Vinodh Ganesan | vinodh@temple.edu -----*/

body{
	color:#000000;
	background:#ffffff;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", "Luxi Sans", Geneva, Arial, Sans-serif;
	}

a{
background:inherit;
color:#994400;
text-decoration:none;
}
a:hover{
background:inherit;
color:#444422;
text-decoration:underline;
}

/* wraps all the content/footer/etc */
#wrap{
	width:90%;
	max-width:1024px;
	margin:auto;
	padding:0 0 10px 0;
	background:#FFFFFF;
	border:1px solid #969E3F;
	border-top:none;
	border-bottom:4px solid #969E3F;
	color:#000000;
	}
/*holds the logo, and department name*/
#headercontainer {
	width:100%;
	height:85px;
	margin:0 0% 0 0%;
	padding:0 0% 0 0%;
	color:#000000;
	background-color:#FFFFFF;
	border-top:5px solid #cc6600;
}


#headerimg {
	float:left;
	margin:10px 0 0 10px;
	padding:0 0 0 0;
	text-align:left;
}

#headertext{
	width:100%;
	margin:10px 0 0 0px;
	padding:5px 0 0 10px;
	text-align:left;
	font-size:1em;
	color:#994400;
	background:inherit;
	font-weight:bold;
	border-top:2px solid #CCCC88;
	display:none;
}
/*For search box*/
#headertext2{
	width:auto;
	float:right;
	margin:25px 10px 0 0;
	padding:0 0 0 0;
	text-align:right;
	font-size:0.7em;
	color:#333333;
	background:inherit;
	font-weight:bold;
}
/*---- Begin navigation ----*/

#navcontainer {
	width:100%;
	height:auto;
	margin:0 0% 0 0%;
	background-color:#969E3F;
	padding: 5px 0px 5px 0px;
	border-bottom:5px solid #CCCC88;
	color:#FFFFFF;
	text-align:center;
}

#navcontainer ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navcontainer ul li
{
	display:inline;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a
{
padding: 0px 8px 2px 6px;
margin: 0 0 0 0;
border: none;
font: bold 0.7em  "Verdana","New York", "New Century", sans-serif;
color: #ffffff;
background:inherit;
text-decoration: none;
text-align: center;
}

#navcontainer ul li a:hover
{
color:#ffffff;
font-size:0.7em;
font-weight:bold;
background:inherit;
border-bottom: 2px solid #CCCC88;
}

#navcontainer ul li a:active
{
color:#0D2633;
border: 1px solid #267399;
background:inherit;
}

/*---- end navigation ----*/
#stylesheetchooser{
background:inherit;
color:#CC6600;
margin:1% 5px 1% 5px;
padding:0px 0% 6px 0%;
font-family:"Verdana","New York", "New Century", sans-serif;
font-size:0.8em;
line-height:15px;
text-align:left;
font-weight:bold;
}

/*---- side bar for special links----*/
#contactsidebar {
border:1px solid #FFCC66;
padding:1em;
margin-top:1em;
background:none;
float:right;
}

/*----Center the Flash slideshows----*/
#slideshow{
width:auto;
margin:0;
padding:1em 0 1em 0;
text-align:center;
}

/*domCollapse*/
.show { position:static;display: table; }
.hide { position:absolute;left:-999em;height:1px;width:100px;overflow:hidden; }
.trigger{}		
.trigger:hover{}		
.expanded{}
.expanded:hover{}

/*----Begin Crumb navigation ----*/
#crumb {
margin: 0px 0px 5px -18px;
height: 18px; /* This is the height we wan't on our breadcrumb */
padding: 2px 0 0 0px;
background:inherit;
color: #CC9933; /*This is our color on the text which isn't a link. We want' they to be light grey */
font-family:"Verdana","New York", "New Century", sans-serif;
font-size:80%;
}
#crumb li {
float: left;
display: inline;
margin-right: 4px;
text-transform:uppercase;

}
#crumb a {
background: url(../images/bullet1.gif)  center right no-repeat;
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
text-decoration: none;
}
/*---- end crumb navigation ----*/

#leftColumn{
background-color:#ffffff;
width:25%;
margin:0;
padding:0;
float:left;
color:#000000;
}

#centerColumn{
background:#FFFFFF;
padding: 0;
margin: 0;
margin-left:25%;
width:auto;
border-left:1px solid #CCCC88;
color:#000000;

}

#centerColumnContent, #leftColumnContent {
  margin: 0;
  padding: 0.5em;
  padding-left: 1em;
  padding-right:1em;
}

#featureimg img {
width:100%;
overflow:hidden;
margin:2px 0 4px 0px;
padding:0px;
}


#leftColumnContent h1{
background:inherit;
width:100%;
margin:2px 0 0px 0;
padding:0 0 2px 0;
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;
border-bottom:2px solid #CCCC88;
color:#664433;
text-align:left;
}

#leftColumnContent h2{
background:inherit;
margin:2px 0 0px 0;
padding:0 0 2px 0;
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;
border-bottom:2px solid #CCCC88;
color:#CC6600;
text-align:left;

}
#leftColumnContent p{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 2px 0;
color:#0D2633; /*FFCC33*, BF8000*/
font-size:0.8em;
text-align:left;
}
#leftColumnContent img{
width:100%;
margin:2px 0 0 0;
padding:0 0 2px 0;
overflow:hidden;
border-bottom:2px solid #CCCC88;
}
#leftColumnContent ul{
margin: 10px 0px 0px 0px;
text-align:left;
padding-left:16px;
}
#leftColumnContent li{
background:inherit;
margin: 5px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#0D2633; /*FFCC33*, BF8000*/
font-size:0.8em;
text-align:left;
list-style-image:url(../images//bullet1.gif);
text-transform: uppercase;
}

#centerColumnContent h1{
background:inherit;
margin:12px 0 0px 0;
padding:0 0 2px 0;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px dashed #CCCC88;
color:#CCCC88;
text-align:left;
}

#centerColumnContent h2{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 2px 0;
font-size:1em;
font-weight:bold;
color:#333333;
text-align:left;
}

#centerColumnContent h3{
background:inherit;
margin:2px 0 0px 0;
padding:0 0 2px 0;
font-size:1em;
font-weight:bold;
color:#664433;
text-align:left;
border-bottom:solid 1px #969e3f; 
}

#centerColumnContent h4{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 0 5px;
font-size:0.9em;
font-weight:normal;
color:#333333;
text-align:left;
border-left:5px solid #CCCC88;
}

#centerColumnContent h5{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 0 0px;
font-size:0.85em;
font-weight:bold;
color:#969E3F;
text-align:left;
}

#centerColumnContent h6{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 0 5px;
font-size:0.8em;
font-weight:normal;
color:#333333;
text-align:left;
border-left:4px solid #FFCC00;
}

#centerColumnContent p{
background:inherit;
margin: 5px 0px 10px 0px;
padding:0 0 0px 0;
color:#333333; /*FFCC33*, BF8000*/
font-size:0.8em;
text-align:left;
}

#centerColumnContent ol {
background:inherit;
margin: 5px 0px 10px 20px;
padding:0 0 0px 0;
color:#333333; /*FFCC33*, BF8000*/
text-align:left;
list-style:inside;
list-style-type:decimal;
}

#centerColumnContent ul {
list-style:inside square;
background:inherit;
margin: 5px 0px 10px 20px;
padding:0 0 0px 0;
color:#333333; /*FFCC33*, BF8000*/
text-align:left;
}

#centerColumnContent li {
font-size:0.8em;
padding-bottom:2px;
}

#centerColumnContent img.left{
float:left;
margin:0.5em 1em 0em 0;
}
#centerColumnContent img.right{
float:right;
margin:0.5em 0 0em 1em;
}

#departments{
width:100%;
margin:10px 0 10px -6px;
padding:0px;
}

/*----------- end of main body content --- */

/* begin footer */
#footer{
width:100%;
margin:0 0 0 0;
background:#969E3F;
border-top:5px solid #CCCC88;
clear:both;
}

#footerleft {
float:left;
width:45%;
margin:0 0 0 10px;
background:inherit;
color:#CC6600;
}

#footerright {
float:right;
width:45%;
margin:0 0 0 0;
}
#footer p {
margin:1% 10px 0% 0px;
padding:0px 0% 6px 0%;
font-family:"Verdana","New York", "New Century", sans-serif;
font-size:0.80em;
background:inherit;
color:#ffffff;
line-height:15px;
}

#footer a{
background:inherit;
text-decoration:none;
color:#ffffff;
}
#footer a:hover {
background:inherit;
color:#993300;
text-decoration:underline;
}
#footerlinks{
width:100%;
color:#CCCC88;
clear:both;
line-height:16px;
background:#ffffff;
}
#footerlinks a, #footerlinks p{
color:#664433;
font-family:"Verdana","New York", "New Century", sans-serif;
font-size:0.70em;
font-weight:bold;
text-align:right;
text-decoration:none;
background:inherit;
margin-right:10px;

}

#footerlinks a:hover{
text-decoration:underline;
color:#969E3F;
background:inherit;
}

#lastupdated {
color:#664433;
font-size:0.8em;
background:inherit;
}
/*----  google search -----*/

.searchbox {
  background-color:#FFF;
  border:none;
  border-bottom:1px solid #CCC;
  font-family:"Trebuchet MS", "Luxi Sans", Geneva, Arial, Sans-serif;
  color:#CCC;
  margin:2px;
}

.searchbutton{
font-family:"Trebuchet MS", "Luxi Sans", Geneva, Arial, Sans-serif;
color:#CCC; 
background-color:#FFF; 
border:1px solid #CCC;
}
.searchbuttonhov{
	font-family:"Trebuchet MS", "Luxi Sans", Geneva, Arial, Sans-serif;
color:#cc6600; 
background-color:#FFF; 
border:1px solid #cc6600;
}

.top, .top a{
background:inherit;
margin: 5px 0px 0px 0px;
padding:0px 5px 0px 0px;
color:#969E3F; /*FFCC33*, BF8000*/
font-size:0.85em;
text-align:left;
font-weight:bold;
}

/* Cell style for the ug and grad programs tables */
th.green {
	color: #994400;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CCCC88;
	font-size:1.0em;
}

td.green {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background:#FFFFFF;
	padding: 2px 10px 2px 12px;
	color: #994400;
	font-size:0.8em;
}
td.green a{
color:#994400;
text-decoration:underline;
}

table.contactus th, table.contactus td {
border: 1px solid #CCCC88;
border-collapse:collapse;
}

#bov h6{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 0 5px;
font-size:0.8em;
font-weight:normal;
color:#333333;
text-align:left;
border-left:4px solid #FFCC00;
}

#bov p{
background:inherit;
margin: 5px 0px 10px 10px;
padding:0 0 1em 0;
color:#333333; /*FFCC33*, BF8000*/
font-size:0.8em;
text-align:left;
border-bottom: dotted 1px #CCCCCC;
}