@charset "utf-8";
/* CSS Document */

/*  In the CSS, a class selector is a name preceded by a full stop (“.”) and an 
/   ID selector is a name preceded by a hash character (“#”). The difference between an 
/   ID and a class is that an ID can be used to identify one element, whereas a 
/   class can be used to identify more than one. 
*/

body,html {
	/* background: #fff; */
	margin: 0;
	padding: 0;
}

/* This is the main font, unless otherwise specified. The alternate is 'Arial, Helvetica, sans-serif'. */
body { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	width: 980px;
	margin: 0 auto;
} 

img { border: 0; }

table { margin: 0; padding: 0; }

/* Site Name/UR Motto */
#header { 
	font-weight: bold;
	background-color: #fff;
	background-image: url('../images/ro_logo.980b.png');
	background-position: top;
	background-repeat: no-repeat;
	/*width: 979px;*/
	width: 980px;
	vertical-align: top;
}
	#header h3 { font-size: 15px; color: #a3a3a3; margin: 0; }
	/* #header h1 { font-size: 28px; color: #004376; float: left; margin: 0 0 0 30px; } */
	#header h1 { font-size: 14px; color: #403253; float: left; margin: 7px 0 0 42px; }

.bkground { 
	background-image: url('../images/faux_columns.png');
	background-position: left;
	background-repeat: repeat-y;
}

.bkground_sub { 
	background-image: url('../images/faux_columns_sub.png');
	background-position: left;
	background-repeat: repeat-y;
}

#sidebar {
	width: 251px;
	float: left;
	position: relative;
}
	/* No background behind banner */
	.nobkground { background-color: #fff; }

#container {
	width: 100%;
	float: right;
	margin-left: -251px;
}

#content { margin-left: 251px; }

.content_bottom { margin-bottom: 0; }

#main { margin-right: 251px; }
#right { 
	width: 251px; 
	float: right; 
	position: relative;
}

.right_content { margin-left: 10px; }

#footer { 
	clear: both; 
	background-color: #fff;
	padding-top: 15px;
}

/* CSS Sprites Hover Effect for Home Banner */
#nav { width: 241px; }
	#nav a {
		/* background-image: url('../images/sprite_banner.hover_effect.gif'); */
                /* background-image: url('../images/sprite_banner.hover_effect copy2.gif');*/
                /* background-image: url('../images/sprite_banner.hover_effect2a.gif'); */
                background-image: url('../images/sprite_banner.hover_effect2b.gif');
		background-repeat: no-repeat;
		padding: 0;
		display: block;
		height: 118px;
	}
	
	/* Learn */
	#nav a.item1 {background-position:0px 0px;}
	#nav a:hover.item1 {background-position:0px -118px;}
	
	/* Discover */
	#nav a.item2 {background-position:0px -236px;}
	#nav a:hover.item2 {background-position:0px -354px;}
	
	/* Heal */
	#nav a.item3 {background-position:0px -472px;}
	#nav a:hover.item3 {background-position:0px -590px;}
	
	/* Create */
	#nav a.item4 {background-position:0px -708px;}
	#nav a:hover.item4 {background-position:0px -826px;}


/* --- Right Navigation --- */
.stakeholders {
	/* background-image:url('../images/double_rule_vert.gif');
	background-repeat:repeat-y; */
}
	.accordion2 {
		width: 230px;
		margin-left: 10px;
	}
	
	.accordion2 h3, .accordion2 h2 {
		/* color: #A3A3A3; */
                color: #403253;
		font-weight: bold;
		font-size: 14px;
		padding: 7px 15px;
		margin: 0;
		cursor: pointer;
	}
		.accordion2 h3 { background: #fff url('../images/arrow-square.gif') no-repeat right -51px; }
		.accordion2 h2 { background: #fff url('../images/spacer.gif') no-repeat right -51px; }
		.accordion2 a { text-decoration: none; }
		
		/* .accordion2 h2 a:link { color: #A3A3A3; }
		.accordion2 h2 a:visited { color: #A3A3A3; }
		.accordion2 h2 a:hover { color: #004376; }
		.accordion2 h2 a:active { color: #A3A3A3; } */
                .accordion2 h2 a:link { color: #F8197B; }
                .accordion2 h2 a:visited {color: #F8197B; }
                .accordion2 h2 a:hover { color: #5D032A; } /* #cf3277 */
                .accordion2 h2 a:active { color: #5D032A; }

	.accordion2 h3:hover, .accordion2 h2:hover {
		/* border-bottom: 1px solid #004376; */
		/* color: #004376; */
                border-bottom: 1px solid #7719F8;
                color: #7719F8;
	}
	
	.accordion2 h3.active {
		/* border-bottom: 1px solid #004376;
		color: #004376; */
                border-bottom: 1px solid #7719F8;
                color: #7719F8;
	}

	.accordion2 p {
		font-size: 12px;
		line-height: 25px;
		/* color: #35b5ff; */
                color: #5D032A;
		margin-left: 20px;
		display: none;
	}
	
		/* .accordion2 p a:link { color: #35b5ff; }
		.accordion2 p a:visited { color: #35b5ff; }
		.accordion2 p a:hover { color: #004376; }
		.accordion2 p a:active { color: #35b5ff; } */
                .accordion2 p a:link { color: #5D032A; } /* b32261 */
                .accordion2 p a:visited {color: #5D032A; }
                .accordion2 p a:hover { color: #F8197B; }
                .accordion2 p a:active { color: #5D032A; }


#social {
	border: 0;
	margin: 0 auto;
	text-align: center;
}
	#social img { margin-left: 1px; margin-right: 1px; }

/* --- End Right Navigation --- */	


/* --- Styles Specifically for Home Page --- */
.news {
	/* color: #636363; */
        color: #403253;
	border-bottom: solid #7719F8 1px;
	/* padding-top: 15px; */
	background-image: url('../images/paisley/paisley_pinwheel-news.gif');
	background-position: right;
	background-repeat: no-repeat;
	height: 85px;
	width: 478px;
	padding-top: 10px;
}
.news img { float: right; }
.news #intl { font-size: 24px; letter-spacing: 2px; }
.news #news { font-size: 48px; letter-spacing: 2px; }

.news_table {
	/* color: #636363; */
        color: #403253;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 20px;
}
.news_table strong { color: black; font-family: Arial, Helvetica, sans-serif; }
.news_table #rule { 
	background-image:url('../images/hrz_rule.gif'); 
	background-repeat: repeat-x;
	background-position: center; 
}

.news_table a:link { color: #403253; font-weight: bold; text-decoration: none; }
.news_table a:visited { color: #403253; font-weight: bold; text-decoration: none; }
.news_table a:hover { color: #004376; font-weight: bold; text-decoration: underline; }
.news_table a:active { color: #004376; font-weight: bold; text-decoration: underline; }


#facts {
	/* background-color: #c2d3e1; */
	background-color: #DBCDED;
	width: 241px;
	height: 100%;
	/*margin-right: 2px;*/
        margin-left: 2px;
	/* padding-right: 5px; */
}

.facts_head {
	/* color: #636363; */
        color: #403253;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	/* border-bottom: solid #004376 1px; */
	border-bottom: solid #7719F8 1px;
	margin-left: 15px;
	padding-top: 15px;
}

#facts ul, #facts p {
	/* color: #636363; */
        color: #403253;
	font-size: 12px;
	line-height: 20px;
	list-style: circle outside url('../images/blue_bullet.png');
	padding-bottom: 15px;
}

#facts p { padding: 0px 15px 0px 15px; }

#facts ul li { margin-left: -15px; margin-bottom: 10px; }
/* .facts_grey { color: #636363; } */
.facts_grey { color: #403253; }

#facts img {
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}
/* --- End Styles Specifically for Home Page --- */



/* --- Styles Specifically for Sublevel Pages --- */
/* Sublevel Banner */
#sub_nav {
	border: 0;
	margin: 0 auto;
	text-align: center;
}
	#sub_nav img { margin-left: 1px; margin-right: 1px; margin-bottom: 20px; }

.content_title {
	background-image: url('../images/hrz_rule.sublevel.gif'); 
	background-repeat: repeat-x;
	font-weight: bold;
	/* color: #004376; */
        color: #403253;
/*	width: 729px; */
	width: 100%;
	height: 70px;
}
	.content_title #title { font-size: 24px; line-height: 27px; margin-top: 0; margin-bottom: 6px; }
	.content_title #subtitle { font-size: 12px; line-height: 17px; margin-top: 0; margin-bottom: 6px; }

.story_content { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* color: #636363; */
        color: #403253;
}
	.story_content img { padding-left: 5px; padding-bottom: 5px; }
	.story_content a { color: #000; text-decoration: none; }
	.story_content a:hover { color: #004376; text-decoration: underline; }
	.story_content #contact { text-align: right; }

	.story_content object {
		width: 315px;
		height: 192px;
		float: right;
		border: solid 3px #000;
		margin-left: 5px;
		margin-bottom: 5px;
	}
        
#addl { margin-left: 20px; }
#addl span { font-weight: bold; font-size: 14px; }
    .addl_header { font-size: 16px; line-height: 17px; margin: 20px 0 0 6px; }



/* FOOTER
from www.wdev.rochester.edu/templatestyles/beta_template_1column.css */
	#ur_footer {
		height:85px;
		padding: 0;
		margin: 0 auto;
		margin: auto;
		/* border-top:1px solid #004376; */
                border-top: 1px solid #403253;
		font-family:Arial, Helvetica, sans-serif;} 
		
	#ur_footer p {
		margin: 0; 
		padding: 8px 0;
		font-size:.7em;
		/* color:#636363; */
                color: #403253;
		text-align: center;}
	
	#ur_footer a:link, #ur_footer a:visited {
		/* color: #c2d3e1; */
                color: #DBCDED;
		text-decoration: none;
		font-weight:bold;}
	
	#ur_footer a:hover { color:#004376; text-decoration:underline; }
	
	#ur_bottom_menu {
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		text-align: center;
		padding-top:11px;
		padding-bottom:10px;}
	

/* from www.wdev.rochester.edu/templatestyles/beta_template_main_navigation.css */
	#ur_bottom_menu li {
		display: inline;
			list-style-type: none;
			font-size: 11px;
			letter-spacing:1.65px;
                        color: #403253;
			font-weight:bold;}
			
	#ur_bottom_menu a {
		text-decoration: none;
		padding-right:2px;
		padding-left:2px;} 
        
        #ur_bottom_menu a:link { color: #A23F6A; }
        #ur_bottom_menu a:visited { color: #A23F6A; }
	#ur_bottom_menu a:hover { color: #40667F; text-decoration: none; }
        #ur_bottom_menu a:active { color: #40667F; text-decoration: none; }

        
/* for DVD section */
        * {
            box-sizing: border-box;
        }

        /* Create three equal columns that floats next to each other */
        .column {
            float: left;
            width: 33.33%;
            padding: 10px;
            height: 225px; /* Should be removed. Only for demonstration */
        }

        /* Clear floats after the columns */
        .row:after {
            content: "";
            display: table;
            clear: both;
        }

        input.dvd_main {
            background-color: #19A0F8;
            color: white;
            padding: 16px 25px;
            margin: 0 auto;
            border: none;
            cursor: pointer;
            border-radius: 8px;
            position: middle;
            justify-content: center;
        }

        input#search_field {
            padding: 0px;
          	width: 100px
        }

        /* h1 { text-align: center; } Doesn't match rest of site */
    /* Display-All Table */
        table#display_all {
            border-collapse: collapse; /* makes a solid line instead || */
            width: 100%;
        }

        table#display_all tr:nth-child(even) {
            background-color: #D4C4E9;
        }

        #table_title { width: 100px; }

        table#display_all td, th {
            border: 1px solid #FFBFD3;
            padding: 8px;
        }

        table#display_all th { text-align: center; }
        table#display_all td { text-align: left; }
        
        a.display_all_link { text-decoration: none; }
        a.display_all_link:link { color: #7719F8; } /* Purple */
        a.display_all_link:visited {color: #7719F8; } /* Purple */
        a.display_all_link:hover { color: #F8197B; } /* Pink */
        a.display_all_link:active { color: #F8197B; } /* Pink */

    /* Filter Options Table */
       table.filtered {
            width: 75%;
            border: none;
            background-color: none;
        }

        table.filtered tr { padding-bottom: 8px; }
        table.filtered th { 
          padding: 0px 3px 8px 0px;
          border: none;
	}
        
    /* Media Details */
       table#media_details {
            width: 100%;
            border: none;
            background-color: none;
        }
        table#media_details tr { padding-bottom: 8px;  vertical-align: text-top; }
        table#media_details th { 
          text-align: right;
          padding: 0px 3px 8px 0px;
          border: none;
	}

	  #minutes { font-size: 10px; }
        
        a.marvel { text-decoration: underline; }
        a.marvel:link { color: #7719F8; } /* Purple */
        a.marvel:visited {color: #7719F8; } /* Purple */
        a.marvel:hover { color: #F8197B; } /* Pink */
        a.marvel:active { color: #F8197B; } /* Pink */


/* Ratings Table */
    table.ratings tr { padding-bottom: 10px;  vertical-align: text-top; }
    table.ratings th { font-size: 14px; color: #7719F8; border:  none; }
	table.ratings td { padding-bottom: 8px; }