/* CSS Document */
/* Created By Caleb Redman 8/6/09 */

/* Styling for film-strip header */
#header {
	background-color: white;
	background-image: url(http://www.smcm.edu/tfms/_assets/images/backgroundfilmstrip.jpg);
	background-position: left;
	background-repeat: repeat-x;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 135px;
	_height: 100px;
	margin: 0px;
	padding: 0px;
	}


#header h1 {
	font-size: 1.3em;
	font-weight: normal;
	height: 135px;
	_height: 100px;
	margin: 0px;
        padding: 45px 0px 0px 0px; /* edited by David Emerick was 45px 0px 0px 500px 8/31/09 */
	}

#header img{ 
        margin: 0px;
        padding: 0px;
        float: left;
}

#header a {
	color: #000000;
	text-decoration: none;
	}

#header a:visited {
	color: #000000;
	}
/* End styling for film-strip header */

/* Styling for gallery/event pages */
#crights {
	margin: 50px auto 0px auto;
	font-size: .75em;
	}


.event {
	border-bottom: 4px dotted #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
	min-height: 425px;
	_height: 425px;
	}

.event h3 {
        color: #FFFFFF;
	background-color: #1F3258;
	border-top: 1px solid #3A0000;
	border-bottom: 1px solid #3A0000;
	padding: 3px;
	}
		

.eventinfo {
	font-size: .75em;
	background-color: #58759B; 
	color:#FFFFFF;
	border: 1px solid #000000;
	float: right;
	width: 200px;
	margin-bottom: 5px;
	padding: 3px;
	margin-left: 10px;
	margin-top: 20px;
	}
.eventinfo img{	
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 200px;
        max-height: 280px;
}
	
.fixed_eventinfo {
	margin: 4px;
	}

.gallery_event {
	border-bottom: 4px dotted #FFFFFF;
	margin-bottom: 15px;
	padding-bottom: 10px;
	min-height: 190px;
	_height: 190px;
	}
	
.gallery_event h3 {
        color: #FFFFFF;
	background-color: #1F3258;
	border-top: 1px solid #3A0000;
	border-bottom: 1px solid #3A0000;
	padding: 3px;
	}

.gallery {
	margin-top: 20px;
	}

.gallery img {
	border: 1px solid #000000;
	margin-right: 3px;
	margin-bottom: 3px;
	}
/* End Styling for Gallery/events pages */

/* Index page styling */
.spotlight {
        overflow: auto;
}

/* End index page Styling */

/*Styling for right column top block */
#spotlight {
        margin-top: 10px;
        padding: 0px 5px 5px 5px;
        color: #FFFFFF;
        font-weight: normal;
        text-transform: none;
}

#spotlight h3 {
        padding: 15px 5px 5px 5px;
	color: #FFFFFF;
        font-size: 1.3em;
        font-weight: normal;
        text-transform: none;
}

#spotlight h2 {
        padding: 15px 5px 5px 5px;
	color: #FFFFFF;
        font-size: 1.3em;
        font-weight: normal;
        text-transform: none;
        text-align: center;
}

#spotlight ul {
        margin-left: 25px;
        padding: 0px 10px 0px 0px;
        text-align: left;
        list-style-image: url(http://www.smcm.edu/_internal/images/icons/arrow_yellow.gif);
}

#spotlight li { 
        padding-bottom: 5px;
        font-size: 1em;
        text-transform: none;
        font-family: Georgia, sans-serif;
}

#spotlight .box {
        padding-bottom: 10px;
        text-align: center;
        font-family: Georgia, sans-serif;
	}

#spotlight p {
        margin: 0px 5px 0px 5px;
        }	

#spotlight a {
	text-decoration: none;
 	}

#spotlight a:visited {
	text-decoration: none;
	}

#spotlight a:hover {
	text-decoration: underline;
	}
/*End Styling for right column top block */

/* Styling for Alumni Block  */
#project {
	padding: 15px 0px 10px 0px;
	}

#project h3 {
        padding: 0px 5px 5px 5px;
	color: #FFFFFF;
        font-size: 1.3em;
        font-weight: normal;
        text-transform: none;
}

#project ul {
	padding: 0px;
	margin: 15px 5px 10px 25px;
	}

#project li{
	padding: 3px 0px 3px 0px;
	}
#project img{
        margin: 5px 0px 5px 0px;
        padding: 0px;
}
#project p{
        margin: 0px 5px 0px 5px;
}
#project a{
        text-decoration: underline;
}
/*End Styling for alumni block */ 

/* Styling for right column bottom block */

#spotlight2 h3 {
        text-align: center;
        padding: 15px 5px 5px 5px;
	color: #FFFFFF;
        font-size: 1.3em;
        font-weight: normal;
        text-transform: none;
}
#spotlight2 p{
        text-align: center;
        padding: 10px;
}
/*End Styling for bottom right block */

/* Removing study abroad block */
#studyabroad{
        background: none;
        margin: 0px;
        padding: 0px;
}


/* Styling for bottom left block */
#events{
        background-color: #1F3258;
        margin-right: 10px;
        padding: 15px 10px 0px 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

#events h3 {
        padding: 0px 5px 10px 0px;
	color: #FFFFFF;
        font-size: 1.4em;
        font-weight: normal;
        text-transform: none;
}

/*Removing yellow arrow from bottom left block */
#events li{
        list-style-image: none;
        color: #FFFFFF;
        font-size: 1em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
}

#events a{
        color: #FFFFFF;
}

#events a:hover{
        color: #FFFFFF;
}

#events a:visited{
        color: #FFFFFF;
}

#events .highlight {
	font-size: .7em;
	text-transform: uppercase;
	}

/*End Styling for bottom left block */

/*Styling for top left block */
#menu {
        background-color: #666666;
        margin:  0px 10px 20px 0px;
        padding: 10px;
}

#menu a {
        color: white;
}

#menu a:hover {
        color: white;
}

#menu a:visited {
        color: white;
}
/* End styling for top left block */

/* Styling for alumni-bio page */
.alumnibio {
        margin-bottom: 40px;
        min-height:175px;
}

.alumnibio img{
        margin: 0px 10px 0px 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 175px;
        float: left;
}