﻿/* CSS Document */
/*GLOBAL STUFF*/

body, div, dl, dt, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, embed, object {
margin:0;
padding:0;
}

body {
	font:11px/13px Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color: #000000;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

img{
	border:none;
}

#nav {
margin:0;
padding:0;
}

ol {
margin-left:30px;
}

ul {
margin-left:30px;
}

/*ul ul {
margin-top:-7px;
margin-bottom:10px;
}*/

/*COMMON  MASTHEAD*/

#mastheadWrapper {
background-color:#032B66;
width:100%;
background-image:url(~/media/Images/Perkins/masthead-background.ashx);
background-repeat:repeat-x;

/*MAY NEED TO ADJUST THESE TO WORK WITH SIDE NAV:*/
height:78px;
/*margin-bottom:20px;*/

}

#masthead {
	width: 930px;
	margin: 0 auto;
	height: 60px;
}



#tagline {
	float: right;
	margin: 10px 0 10px 0;
	color:white;
	font: 10px Arial, Helvetica, sans-serif;
	width:100%;
}


#tagline img {
	float: right;
	margin-right:20px;
}

#mastheadRedBar {
	display:none;
}

/*CONTENT AREA STRUCTURE*/

#contentWrapperOuter{
	width: 952px;
	margin: 0 auto;
	height:100%;
}

#contentWrapperOuterno2a{
	display:none;
}
#contentWrapperInner {
	/* ALSO USED ON SMU HOME PAGE */
	/*padding: 0px 11px;
	margin:0px;*/
}


#pageLevelNavigation {
/*this is the equivalent of 2a in the old template*/
	width: 170px;
	padding: 10px;
	float:left;
}
#pageLevelNavigation li {
	list-style:none;
	
}

#pageContent {
	margin: 0px 20px 0 210px;	
	width: 650px;
	padding:25px;
/*background-image:url(http://smu.edu/alumni/images/structure/white-transparent85.png);*/
	background-image:url(~/media/Images/Perkins/content_container-background-10.ashx);
	background-repeat: repeat;
	margin: 0px 30px 0 30px;	
		
	float: right;
	/*height:100%;*/
}



#breadcrumbDepartmentID {
	display:none;

}



#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

/*BOTTOM AREA FOR ALL PAGES*/

#bottom {
/*ENCLOSES BOTTOM LINKS AREA*/

}

/*BOTTOM LINKS, OPTIONAL ON ALL PAGES*/

#bottomLinks {
	/*clear:both;
	background-color:white;
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	color:#999999;*/
}


/*FOOTER FOR ALL PAGES*/
#footer {
        width: 890px;
	margin: 50px auto;
	padding: 10px 0px 0px 0px;
/*	border-top: 1px solid #CCCCCC;
        background-color:#CCCCCC;*/
	color:#000;
	background-image:url(~/media/Images/Perkins/footer-background-20-10.ashx);
        background-repeat:repeat;
        line-height:2;

}

#footer a {
        color: white;
        font-family: Arial;
        text-decoration: none;
}

#footer p {
        color: white;
        font-family: Arial;
}
#footerImage {
/*	width: 952px;
	margin: 0 auto;
	background-image:url(~/media/Images/Structure/background-bottom.ashx);
	background-repeat:no-repeat;
	background-position:top;
	height: 27px;*/
	display:none;
}


.largeImage {
		margin-left:-20px;
		margin-top:-10px;
		padding-bottom:10px;
}




/* CSS Document */
p {
padding-bottom:15px;
}

/*   LINKS   */
a, a:hover {
color:#78A22F;
text-decoration:underline;
}



/*#search a {
	padding-right: 20px;
}*/


/* H STYLES */

h1 {
color:#78A22F;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
padding-top:0px;
margin-top:0px;
padding-bottom:15px;
}



h2 {
font-size:14px;
font-weight:bold;
}

h3 {
	font-family:"Georgia";
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding-bottom:15px;
}

h5, h5 a {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666666;
	margin: 5px 0 20px 0;
}


/*BREADCRUMB*/
/*#breadcrumb a {
	color: #B10000;
}*/



/*BOTTOM AREA (OPTIONAL LINKS SECTION AND FOOTER IMAGE) FOR ALL PAGES*/
#bottom {
	/*forces subpageContent to clear navigation if page is too short*/
	clear:both;
}

#bottom h3 {
	/*font: normal 16px Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color: #666666;
	margin: 0;
	padding: 0 0 7px 0;*/

}

#bottom td p {
	/*margin: 0;
	padding: 4px 0;*/
} 

#footer {
	color: #999999;
	font-size: 11px;
	font-weight:normal;
}

#footer a {
	margin: 0 4px;
}

/*      *******  SIDEBAR AREA******** */	
	/* this creates a floating area for video, image, audio, links, blog posts, text, etc. */	
/* DEFAULT WIDTH OF CONTENT IS 220PX, */
/* BUT IMAGES NEED TO BE 250PX. */
/* CHANGE WIDTH OF SIDEBAR BY INSERTING INLINE style="width: XXXpx"	*/
/* INTO THE DIV ON THE PAGE IN QUESTION. */
/* IMAGES SHOULD ALWAYS BE 30PX WIDER THAN THE SET WIDTH OF THE DIV.*/
	
div.sideBar {
	float: left;
	width: 174px;
	margin: 0px 20px 0px 0px;
}
 div.sideBar .header {
 	background-color: #DDD7B9;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	padding: 5px;
	margin: 0px;
	font:bold 95% Georgia, "Times New Roman", Times, serif;
	border: solid #B8B88A;
	border-width: 1px 0;

 }
div.sideBar .caption {
font-size:10px;
font-style:italic;
line-height:16px;
margin-top:5px;
text-align:right;
}

div.sideBar .icon {

 	margin: 0px 0px 0px 5px;
}

div.sideBar p, div.sideBar h3, div.sideBar h2, div.sideBar h4, div.sideBar ul {
	padding: 0px 15px;
}

div.sideBar p img {
/*	when an image in the sidebar is inside a p tag, */
/* this removes the padding set by the div.sideBar p style*/
	margin: -10px 0 0 -15px;
}
 div.sideBar h3, div.sideBar h3 a {
	font-size: 14px;
	margin: 5px 0px 8px 0px;
}

#mainPhoto {
/* PLACES A PHOTO FLUSH WITH TOP, RIGHT, AND LEFT OF TEMPLATE */	
/*	margin: -10px -20px 10px -20px;
	border: solid #032B66;
	border-width: 0 0 8px 0;*/
}


/***************Classes*********************/

.contentWrapperInner {
	padding: 0px 11px;
	margin:0px;
}


img.imageright  {
	float: right;
	margin: 0 0 15px 15px;
}
img.imageleft  {
	float: left;
	margin: 0 15px 15px 0;
}




/*THUMBNAIL PHOTO WITH TEXT AND LINK TO RIGHT*/

.thumbnailPhotoDescription {
	padding-bottom: 15px;
	height:100px;
}

.thumbnailPhotoDescription img {
	float: left;
/*	width: 135px; */
	margin: 0 15px 0px 0;
}
.thumbnailPhotoDescription img.icon {
	width: auto;
	margin: 0 2px 0 0;
	float: none;
}

/*Perkins*/
#nav{
	width:150px;
	font-family:Georgia;
	font-size:12px;
	line-height:12px;
	position:relative;
	top:-11px;
	left:20px;
        z-index:1000;
}

#nav a{
	display:block;
	padding:9px 5px 9px 13px;
	color:white;
	text-decoration:none;
        /*text-transform: uppercase;*/
	background-repeat:no-repeat;
	background-position:5px 10px;
}
#nav a:hover{
	background-color:#729a2d;
}
#nav .collapsed{
	background-image:url(~/media/Images/Perkins/nav-arrow_right.ashx);
}
#nav .expanded{
	background-image:url(~/media/Images/Perkins/nav-arrow_down.ashx);
}
#nav .bordered{
	border-bottom:1px solid black;
}
#nav .translucent4{
	background-image:url(~/media/Images/Perkins/nav-background-100-10.ashx);
        background-repeat:repeat;
}
#nav .translucent5{
	background-image:url(~/media/Images/Perkins/nav-background-80-10.ashx);
        background-repeat:repeat;
}
#nav .translucent{
	background-image:url(~/media/Images/Perkins/nav-background-80-10.ashx);
        background-repeat:repeat;
}
#nav .translucent6{
	background-image:url(~/media/Images/Perkins/nav-background-60-10.ashx);
        background-repeat:repeat;
}
#nav .translucent7{
	background-image:url(~/media/Images/Perkins/nav-background-40-10.ashx);
        background-repeat:repeat;
}
#nav .translucent8{
	background-image:url(~/media/Images/Perkins/nav-background-20-10.ashx);
        background-repeat:repeat;
}


 /* ---------------------------------------------------------------------- */

/*   FLYOUT MENUS, FROM SUCKERFISH (HTMLDOG.COM) */





	#nav, #nav ul { /* all lists */

		padding: 0;

		margin: 0;

		list-style: none;

		float : left;

		width : 170px;

	}

	

#nav {

		margin: 0 0 20px 0;



}

#nav ul {

top:16px;

}

	#nav li { /* all list items */

		position : relative;

		float : left;

		line-height : 1.25em;

		margin-bottom : -1px;

		width: 170px;

	}

	

	#nav li ul { /* second-level lists */

	position : absolute;

	left: -999em;

	margin-left : 170px;

	margin-top : -1.35em;

	}

	

		#nav li ul a { /* second-level lists */

}

	

	#nav li ul ul { /* third-and-above-level lists */

		left: -999em;

	}

	

	#nav li a {

		height:auto;

text-decoration:none;

line-height:13px;

text-align:left;

vertical-align:middle;

display:block;

font-weight: normal;

}

	

	#nav li a:hover {


}

	

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

		left: -999em;

	}

	

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

		left: auto;

	}




/*----------------------------------------------------------------------------- 
TABLE
-----------------------------------------------------------------------------*/
.tableHeaderGreen{
	float:left;
	padding:10px;
	font-style:italic;
	font-weight:bold;
	background:#78a22f;
        color:white;
}
table.greenTable{
	clear:both;
	width:100%;
}
table.greenTable td{
	padding:10px;
}
table.greenTable .dark td{
	background-image:url(~/media/Images/Perkins/table_green-background-10.ashx);
        background-repeat:repeat;
}
table.greenTable .light td{
	background-image:url(~/media/Images/Perkins/table_green-background-20.ashx);
        background-repeat:repeat;
}
table.greenTable td.tableSpacer1{
	width:255px;
	padding:0px;
	font-size:1%;
	line-height:0px;
}
table.greenTable td.tableSpacer2{
	width:400px;
	padding:0px;
	font-size:1%;
	line-height:0px;
}




.LargePhotoCaption {
font-size:10px;
font-style:italic;
line-height:16px;
margin-top:5px;
text-align:right;
}


.formContainerOuter {
	float:right;
	width:455px;
}
.formContainer {
  background:#78A22F none repeat scroll 0 0;
  color:#FFFFFF;
  padding:20px;
}

.formContainer select {
border:0 none;
padding:5px 0 5px 5px;
}

.formContainer input.text {
padding:5px;
}
.formContainer input {
border:medium none;
}
.formContainer h3 {
color:#FFF;
}
.formContainer label {
display:block;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
}

.buttonContainer {
float:right;
padding:10px 0;
}

.buttonContainer input.button {
background:#78A22F none repeat scroll 0 0;
border:0 none;
color:white;
padding:5px;
}

#contentRight{
	width:450px;
	float:right;
}




/*DROP DOWN MENUS*/
#zone-3-dropdown {
z-index:1000000;
}
#zone-3-dropdown ul li {
z-index:9000000;
}

* html div#zone-3-nav ul li ul { 
/*prevent multiple column drop downs in IE that resulted from 700px width code above*/
width: 100px;
}
 
#zone-3-nav a {
	font-weight:normal;
	color:#032B66;
}
#zone-3-nav a:hover {
	color:#B20000;
}

#zone-3-nav, #zone-3-nav ul {
	list-style: none;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1em 0;
	font-size:12px ! Important;
z-index:8000000;
	}


/*	float: inherit will make first line of content flush with the rest, but also causes flash movie on
	home page to be too high in IE Windows and Mac.
	CAN PROBABLY COMMENT OUT*/
* html div#zone-3-nav {float:inherit;}

#zone-3-nav a {
	/*width adjustments here affect only the top menu items*/	
	display: block;
	text-decoration: none;
	padding: 0 0 0 0;
	}


#zone-3-nav li {
	float: left;
	padding: 0;
z-index:8000000;

}

#zone-3-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*comment out the two lines below to have multiple column drop down per item*/
	/*increase widths below to alter width of drop downs (doesn't work in IE)*/
	width: 20.8em;
	w\idth: 20.3em;

	font-weight: normal;
	border-width: 0.25em;
	border-width: 0em;
	margin: 0;
	background-image:url(~/media/Images/Perkins/menu-background.ashx);
	padding-left:20px;
}

#zone-3-nav ul ul .menuHeader {
font-size:17px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}

.menuHeader {
margin-top:100px;
}

#zone-3-nav li li {
	padding-right: 1em;
	width: 18em;
	
}

#zone-3-nav li ul a {
/*increase widths below to alter width of drop downs (IE only)*/
	width: 22em;
	w\idth: 18em;
	padding: 0.25em 0.5em;
}

#zone-3-nav li ul ul {
	margin: -1.75em 0 0 14em;
}



#zone-3-nav li:hover ul ul, #zone-3-nav li:hover ul ul ul, #zone-3-nav li.sfhover ul ul, #zone-3-nav li.sfhover ul ul ul {
	left: -999em;
	
}

#zone-3-nav li:hover ul,  #zone-3-nav li.sfhover ul, #zone-3-nav li li.sfhover ul, #zone-3-nav li li li.sfhover ul {
	left: auto;
}

#zone-3-nav li li:hover ul, #zone-3-nav li li li:hover ul, #zone-3-nav li li.sfhover ul, #zone-3-nav li li li.sfhover ul {
	display: none;
}


/*force hover area to match width of drop downs*/
#zone-3-nav li li:hover, #zone-3-nav li li.sfhover {
width: 18em;
}

.dropDown {
margin-right:10px;
display: block;
/*USE TO LOWER DROPDOWN POSITION:
margin-bottom:10px;*/
}

.menuDivider {
border-top: 1px dotted #B10000;
margin-top: 5px;
margin-bottom: 5px;
}





#menu1 {
font-size:11px;
}

#menu2 {
/*font-size:11px;*/
display:none;
}

#search {
	float: right;
	margin: 8px 0 10px 0;
	color:white;
	font: 10px Arial, Helvetica, sans-serif;
	/*width: 400px;*/
	width:250px;
}

input.searchbutton{
margin-left:5px;
   font: normal 93% 'arial',helvetica,sans-serif;
   background-color:#c6c6c6;
   border-style:solid;
   border-color:#c6c6c6;
   width:38px;
   height:18px;
}

#q {
vertical-align:bottom;
margin-left:85px;
height: 13px; 
width: 100px; 
color:#333333; 
font: 11px Arial, Helvetica, sans-serif;
}

