body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
 background-image:url(http://cinema.concordia.ca/images/index_images/grgrad.gif);
 background-position: top;
 background-repeat: repeat-x;
}


img {border:none;}

#header {
color: #FFFFFF;
background: transparent;
border:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 2px;
padding:0px;
height:20px;
}


#billboard {
 height: 316px;
 width: 750px;
 margin: 0px auto 0px auto;
background:transparent;
}

#pasteboard {
 position:relative;
 height: 479px;
 width: 760px;
 margin: 0px auto 0px auto;
 background:transparent;
}

#left_billboard {
	float: left;
	border: #000000;
	background-repeat: no-repeat;
	background-position: right;
}

#poster {
	height: 292px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}

#menu {
 color: #333333;
 width: 760px;
 height: 95px;
 border: none;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom:10px;
 padding: 0px;
 font-size:11px;
 line-height:22px;
 text-align: center;
/*
 display: table; 
 _position: relative; 
overflow: hidden;
*/
}


.menu_programme_links {
 text-align: center;
 font-size:16px;
}

#content {
width: 740px;
margin-top:5px;
margin-right: auto;
margin-left: auto;
background: #F7F8FA url(http://cinema.concordia.ca/themes/cp_themes/default/images/box_bg.jpg) repeat-x left top;
border: #B1B6D2 1px solid;
padding: 8px 10px 8px 10px;
}

#articles {
 font:11px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
 text-align: justify;
 color: #25383C;
 width: 500px;
 margin-right: auto;
 margin-left: auto;
 border: 0px solid #660000;
 padding: 5px;
line-height:16px;
}

#articles b {

color: #000000;

}



#footer {
 font: verdana;
	font-size: 9px;
	color: #CCCCCC;
background-color: #000000;

	margin-top: 20px;

	padding: 3px;
	text-align: center;
}

ul{
margin-top: 1px;
margin-bottom:1px;
}

li {margin-bottom:0px;}




/************** CONTACT US *******/

#contact {
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
text-size:10px;
float:left;
margin:0px auto;
width:200px;
border: solid 1px #000000;
}

#contact .header {
padding:3px;
text-align:center;
text-decoration: bold;
color: #CCCCCC;
background-color:#000000;
}

#contact .header  b {color:#FFFFFF;}

#contact .body {padding:3px;}


/********* NEWS ************/
#news {
padding: 3px;
font-family: Georgia, "Times New Roman", Times, serif;
text-size:10px;
margin:0px auto 0px auto;
width:300px;
border:#B1B6D2 solid 1px;
vertical-align: top;
}


#news .header  b {color:#FFFFFF;}

#news .header {
text-size:11px;
padding:3px;
font-weight: bold;
vertical-align:top;
text-align:center;
}

#news .headline {
font-size:11px;
padding:3px;
font-weight: bold;
vertical-align:top;
}

#news .body {
text-align:left;
font-size:11px;
padding:3px;
margin-top:2px;
}

#news .footer {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
margin: 10px 0px 20px 0px;
font-style: italic;
text-align: right;
}

/************** Quick Links *******/

#q_links {
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
text-size:10px;
float:right;
margin:0px auto;
width:200px;
border: solid 1px #000000;
}

#q_links .header {
padding:3px;
text-align:center;
text-decoration: bold;
color: #CCCCCC;
background-color:#000000;
}

#q_links .header  b {color:#FFFFFF;}

#q_links .body {
padding:3px;
text-align:right;
}

/************** TOC *******/

#toc {
margin: 5px auto 5px auto;
padding: 3px;
border: none;
text-align: left;
width:250px;
border-bottom:1px solid;
border-top:1px solid;
}

#toc .header{
background-color:#000000;
color:#FFFFFF;
text-align: center;
margin-bottom:2px;
}


/************** IMAGES *************************/

#image_right {

float:right;
margin:5px 0px 5px 10px;

}

#image_left {

float:left;
margin:5px 10px 5px 0px;

}


#image_center {

margin:5px 0px 0px 0px;

}

#image_right, #image_left, #image_center {

font-size: 9px;
color: #CB3435;
text-align: center;
line-height:normal;

}

/************** LINKS *************************/

a:link  { COLOR: #000000; TEXT-DECORATION: none; }

a:visited { text-decoration: none; color:#3b3131}

a:hover {color:#0099FF;}

.bright {color:#FFFFFF;}

a:visited .bright { text-decoration: none; color:#FFFFFF;}

#content a:link {color:#151B8D;}

#content a:visited {
 color: #151B8D;
}

#content a:hover {color:#38ACEC;}




/************** MENU *************************/

BODY#home #home,
BODY#about #about,
BODY#faculty #faculty,
BODY#students #students,
BODY#research #research,
BODY#admissions #admissions,

BODY#animation #animation,
BODY#ani_major #ani_major,
BODY#ani_minor #ani_minor,

BODY#production #production,
BODY#mfa #mfa,

BODY#studies #studies,
BODY#ma #ma,
BODY#phd #phd,

BODY#csa #csa,
BODY#links #links {

color: #C11B17;

}

/************** SEARCH FORMS *****************/

.submit {
 background-color:  #fff;
 height:20px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 border-top:		1px solid #000000;
 border-left:		1px solid #000000;
 border-right:		1px solid #000000;
 border-bottom:		1px solid #000000;
 letter-spacing:    .1em;
 background-color:  #E42217;
 color:             #fff;
 margin: 0px 0px 0px 2px;

}

.input {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
 color: #666666;
 font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 10px;
 padding: 0px;
 margin: 0px;
} 

/* FORMATTING STYLES */

.emph {
	color: #FFFFFF;
font-weight:bold;
}
.emph2 {
	color: #FF0000;
}

h1 {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 color:             #000000;
 padding:           5px 6px 5px 6px;
 background: #FFFFFF;
 border-top:        1px solid #696E9E;
 border-left:        1px solid #696E9E;
 border-right:        1px solid #535782;
 border-bottom:     1px solid #535782;
 margin-bottom:		1px;
 margin-top:0px;
}


h2 {margin:0px;}

.menu_box {
fonts-size: 10px;
border: solid 1px #000000;
padding:3px;
margin: 2px;
}

.print_link {
float:right;
width:200px;
margin:0px; 
text-align:right; 
font-weight:normal;
}


form {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none;
 PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}


#advanced {color:#FFFFFF;}

.link_luminate {
border: solid 1px;
padding-top:0px;
padding-bottom:0px;
padding-left:2px;
padding-right:2px;
}

select {
  font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
color: #FFFFFF;
background:#000000;
border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
width:250px;
position:relative;
bottom: 20px;
right: 10px;
}


/**** SELECT CSS DROP DOWN MENU *********/

#nav, #nav ul { padding: 0px; margin: 0; list-style: none; } 

#nav a { 
display: block; 
color:#000000;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cinema.concordia.ca/images/index_images/white_wash.png');*/
width:250px;
 } 

/* IE ignores styles with [attributes], so it will skip the following. */
#nav a {background-image:url(http://cinema.concordia.ca/images/index_images/white_wash.png);}

#nav li {width:250px; text-align:left; }

#nav a:hover {color:#FF0000;}

#nav li ul { position: absolute; width:250px; left: -999em; border:solid 0px #ffffff; } 

#nav li:hover ul { left: auto; } 

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#launch {text-align:right;}

#image_selector {
width:250px;
height:15px;
position:absolute;
bottom: 5px;
right: 2px;
}

h3 {display:inline;}

a.inverse:link {
 padding: 5px;
 color:#FFFFFF;
 background-color:#CCCCCC;
}


a.inverse:visited {
 padding: 5px;
 color:#FFFFFF;
 background-color:#CCCCCC;
}


a.inverse:hover {color:#FFFFCC;}