/* ----------------------------------------------------------------------------------------------
    National Consortium for the Study of Terrorism and Responses to Terrorism
    -------------------------------------------------------------------------
    website: http//www.start.umd.edu/start
    File name: styles.css
    Version: 2010.08.17
    Copyright: (c) 2010 National Consortium for the Study of Terrorism and Responses to Terrorism
   -----------------------------------------------------------------------------------------------
   Website 2010 (START 2.0) redesign team:
   - Project Direction and Usergroup: Kathie Smarick, Danielle Hawkins, Kate Worboys Izsac, Michael Distler, Amber Lesniewicz, Sarah Fishering
   - Website Graphic Design, Layout and Implementation: Ellen Saunders (http://www.ellensaunders.com)
   - Application Expansion and Re-development: Eamon Diab [ediab@start.umd.edu] (START staff)
   - Original Color Scheme and layout: Randy Yasenchak (http://www.yasenchakdesign.com)

   Original Website (START 1.0) launched in 2005:
   - Original Web Graphic Design: Mike McCaffery [Art Director / Designer at Mike McCaffery / Theorem Design  -- http://www.theoremdesign.com/ ]
   - Original Database and Web Development: Alex jonas [ajonas@cidcm.umd.edu] (http://www.cidcm.umd.edu/staff/staff_member.asp?id=49)

    Main menu adapted from: The original Candy Menu Collection (black licorice) by Josh Jones josh@eight7teen.com
    Original Sources and other details can be found at: http://www.eight7teen.com
    originally downloaded (April, 2010) from http://www.cssdrive.com/index.php/examples/exampleitem/css_candy_menu/ 
        Modified for a black metallic sheen and pure CSS menu animation by START (Eamon D.). 
        Modifications include metallic black submenus and special menu buttons (Eamon D.).   
    Side menu design and implementation by START (Ellen S.)
   
*/
/* Universal styles */
/* 
2010.07.01 Ellen
	(1) Removed imported stylesheets for browser compatibility
	(2) Added descriptive comments above classes
2010.07.02 Ellen
   	(1) Removed #container selector hieght
	(2) Removed navbar class
	(3) Added organization columns (col-alpha and col-beta); edited submenus
2010.07.06 Ellen
   	(1) Added 'floatcontent' class for floating columns on pages
	(2) Added h4, h4 a, and h4 a:hover
	(3) Removed date class
	(4) Added descriptive comments above classes
	(5) Edited scrollbars for 'spotlight' sections
	(6) Edited padding for 'entry' divs
	(7) Added spotlightscrollbackground and new scrollbar background image
	(8) Changed sidemenu list style
2010.07.12 Ellen
   	(1) Consolodated background, margins, and padding CSS
	(2) Added width to navbar ID
	(3) Added width to textinput class
2010.07.13 Ellen
   	(1) Added bodybg id; edited body background url  
	(2) Removed background image from bottomcontainer
	(3) Added bottom margin to container
2010.07.14 Ellen
   	(1) Consolodated font styles 
	(2) Added padding to footer
	(3) Removed menu li right text class
	(4) Made menu, socialmediamenu, and searchmenu into ID's
2010.07.15 Ellen
	(1) Added boxheader class for box titles
2010.07.16 Ellen
	(1) Added added z-index to entry and boxheader class 
	(2) Changed .rssicon margin and height
	(3) Changed .boxheader height and width
	(4) Chanhed height, width, and background-image of scrollbackground class
	(5) Changed boxheader underline width
2010.07.19 Ellen
	(1) New scrollbar up and down images, width, & height
	(2) Commented out background image of scrollbar background
	(3) Changed div entry bottom border color
	(4) Added spot-view, spot-title, spot-image, and spot-description classes
2010.07.26 Ellen
	(1) Edited submenucontainer and submenu ID's; edited sidemenu ul's for collapsing menu
2010.07.28 Ellen
	(1) Edited sizes and background images of .col-alpha, .col-beta, #smenucontainer, #smenucontainer-top, #smenucontainer-middle, #smenucontainer-bottom, ul#sidemenu, ul#sidemenu ul, ul#sidemenu li, ul#sidemenu li a, ul#sidemenu li a:hover, ul#sidemenu li ul li, ul#sidemenu li ul li, ul#sidemenu li ul li a, ul#sidemenu li ul li a:hover, .col-beta .subcontainer734px, .col-beta .subcontainer734px .top, .col-beta .subcontainer734px .middle, .col-beta .subcontainer734px .bottom, .pageannouncements, .pageannouncements .boxheader, .pageannouncements .boxheader .special, .pageannouncements .top, .pageannouncements .middle, .pageannouncements .bottom
	(2) Changed size of pageanonouncement scrollbuttons; added padding to submenu li's
2010.07.29 Ellen
	(1) Added .subsidemenu class to ul's
2010.08.02 Ellen	
	(1) Changed cursors in a.expand, .up:hover, and .down:hover
	(2) Added id's/ul's/li's/a's/classes for tabs
2010.08.02 Ellen	
	(1) Added .selected class to side menu items
2010.08.11 Ellen	
	(1) Added sidemenu-less subcontainer
2010.08.12 Ellen	
	(1) Edited size of sidemenu-less subcontainer
2010.08.16 Ellen	
	(1) Added bio page styles
2010.10.04 Ellen
    (1) Fix to Investigator Bio for IE7
2010.11.29 Eamon
    (1) replicate class blog to class facebook
2010.08.18 Eamon
    (1) added "one" for flash card background image per Ellen
*/      



body {
	background: #464646 url('../images/layout/bodybg.png') repeat 0px 0px fixed; 
	padding: 0px;
	margin: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
  
#bodybg {
	width: 100%;
	height: 512px;
	background: url('../images/layout/bg3.png') repeat-x 0px 0px fixed;
	margin: 0px;
	padding: 0px;
	z-index: -2;
	position: fixed;
	top: 0px;
	left: 0px;
}

/* center container */  
#container {
	width: 1000px;
	height: auto;
	text-align: left;
	margin: 20px auto 20px auto;
}
  
  
/* text styles */  
h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;

}
h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}
h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}
h4 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 0px 3px 10px;
	}
h4 a:link {
	color: #FFF;
	text-decoration: none;
	}
h4 a:hover {
	color: #FFF;
	text-decoration: none;
	}
h4 a:visited {
	color: #FFF;
	text-decoration: none;
	}
p {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 9px 0px;
	color: #000;	
	max-width: 56em;
	}
	
.col-beta .subcontainer734px .middle  ul {
	list-style:inside url('../images/layout/arr_bullet_000.png');
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	color: #000;
	}

.col-beta .subcontainer734px .middle ul li {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #000;
	padding-bottom:7px;
	}
	
a:link {
	color:#f00;
	text-decoration: none;
}
a:visited {
	color:#f00;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
}

a img {border:0px;}



/* header and main content containers */  

#header {
	height: 107px;
	width: 1000px;
	z-index: 0;
}

#maincontainer {
	width: 1000px;
	padding: 7px 0px 5px 0px;
	margin: 0px auto 0px auto;
	z-index: 0;
}

#maincontainer .background-top {
	width: 1000px;
	height: 11px;
	margin: 0px;
	padding: 0px;
    background: url('../images/layout/main_container_background_top.png') no-repeat 0px 0px scroll; 
	position: relative;
	top:0px;
	z-index:0;
}

#maincontainer .background-middle {
	width: 1000px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background: url('../images/layout/main_container_repeat_y.png') repeat-y 0px 0px scroll; 	
	position:relative;
	top:0px;
	z-index:0;
}


/* floatcontent class below is for arranging floated divs in the background-middle area*/
#maincontainer .background-middle .floatcontent {
	overflow:auto;
	width: 1000px;
	z-index:0;}
	

#maincontainer .background-bottom {
	width: 1000px;
	height: 11px;
	margin: 0px; 
	padding: 0px;
    background: url('../images/layout/main_container_background_bottom.png') no-repeat;
	position:relative;
	top:0px;
	z-index:0;
}



/* bottom container and footer/footer image*/

#bottomcontainer  {
	height: 60px;
	width: 1000px;
	padding: 0px 0px 0px 3px;
	margin: 0px auto 10px auto;
	text-align: left;
	font-size: 10px;
}

p.footer {
	margin: 5px 0px 0px 0px;
	font-size:9px;
	color:#fff;
	float:left;
	max-width:900px;}
	
.footer a:link {text-decoration: none; color: #fff;}
.footer a:visited {text-decoration: none; color: #fff;}
.footer a:hover {text-decoration: underline; color: #f00;}
.footer a:active {text-decoration: none; border: 0px;}

.mailinglist {float: left; margin: -7px 0px 0px 0px; border:0px;}

.umdlogo{float:right; border:none; margin: 3px 10px 0px 0px;}

/* organizational columns */
.col-alpha {
width:200px;
position: relative;
left: 20px;
top:0px;
float: left;
}

.col-beta {
width:734px;
position:relative;
right: 20px;
top: 0px;
float: right;
}


/* side menu container style */
#smenucontainer {
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
}

#smenucontainer-top {
	width: 200x;
	height: 7px;
	margin-top: 0px;
	margin-bottom: 0px;    
    background-image:url('../images/layout/sidemenu_top_200.png');
	background-repeat: no-repeat; 
}

#smenucontainer-middle {
	width: 200px;
	margin: 0px;
	height: auto;
	padding: 0px;	
	background-image:url('../images/layout/sidemenu_background_200.png');
	background-repeat: repeat-y;
	background-color:#000;
}

#smenucontainer-bottom {
	width: 200px;
	height: 7px;
	margin-top: 0px;
	margin-bottom: 0px;    
    background-image: url('../images/layout/sidemenu_bottom_200.png');
	background-repeat: no-repeat; 
}

/* side menu unordered list style*/
ul#sidemenu, ul#sidemenu ul.subsidemenu {
	width: 200px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	font-size: 11px;
	}

ul#sidemenu li {
	width: 200px;
	background-image:url('../images/layout/sidemenu_li_bg_200.png');
	background-position: top left;
	background-repeat: no-repeat;
	position:relative;
	top:0px;
	} 
	
ul#sidemenu li.selected {
	background-image:url('../images/layout/sidemenu_li_bg_hover_200.png');
	} 

ul#sidemenu li a.expand  {
	display: block;
	height: 22px;
	width: 14px;
	padding: 6px 0px 0px 6px;
	float:left;
	cursor:pointer;
}

ul#sidemenu li a.go  {
	display: block;
	height: 22px;
	width: 170px;
	padding: 6px 0px 0px 0px;
	text-decoration:none;
	color:#FFF;
}

ul#sidemenu li:hover {
	background-image:url('../images/layout/sidemenu_li_bg_hover_200.png');
}

ul#sidemenu li ul.subsidemenu li {
	width: 200px;
	height: 28px;
	background-image:url('../images/layout/sidemenu_ul_li_bg_200.png');
	background-position:left;
	background-repeat: no-repeat;}

ul#sidemenu li ul.subsidemenu li.selected {
	background-image:url('../images/layout/sidemenu_ul_li_bg_hover_200_selected.png');
}

ul#sidemenu li ul.subsidemenu li:hover {
	width: 200px;
	height: 28px;
	background-image: url('../images/layout/sidemenu_ul_li_bg_hover_200.png');
	background-position: left;
	background-repeat: no-repeat;
}

ul#sidemenu li ul.subsidemenu li a {
	display: block;
	height: 22px;
	width: 200px;
	padding-left: 29px;
	padding-top: 6px;
	text-decoration:none;
	color:#FFF;

}

/* tabs for subcontainers */
div#tabspot {
	margin:0px 10px 0px 10px;
	padding: 0px;
	height: 20px;
	max-width: 980px;
	text-align: left;
}
ul#tabs {
	list-style:none; 
	margin:0px; 
	padding:0px;}

ul#tabs li {
	background: url('../images/layout/tab_l.png') top left no-repeat;
	height:20px;
	margin:0px 0px 0px -2px;
	padding:0px;
	float:left;
}
ul#tabs li a{
	background: url('../images/layout/tab_r.png') top right no-repeat;
	height:20px;
	max-width: 220px;
	padding: 3px 9px 0px 0px;
	margin: 0px 0px 0px 7px;
	float: left;
	color:#666;
	font: bold 11px Arial, Helvetica, sans-serif;
}
ul#tabs li a:hover{
	color:#F00;
	text-decoration:none;
	}


ul#tabs li.selected {
	background: url('../images/layout/tab_selected_l.png') top left no-repeat;
	height:20px;
	margin:0px 0px 0px -2px;
	padding:0px;
	float:left;
}
ul#tabs li.selected a{
	background: url('../images/layout/tab_selected_r.png') top right no-repeat;
	height:20px;
	max-width: 220px;
	padding: 3px 9px 0px 0px;
	margin: 0px 0px 0px 7px;
	float: left;
	color:#000;
	font: bold 11px Arial, Helvetica, sans-serif;
}
ul#tabs li.selected a:hover{
	color:#F00;
	text-decoration:none;
	}

/* subcontainer for pages with submenus */
.col-beta .subcontainer734px {
	width: 734px;
	margin:0px;
	}

.col-beta .subcontainer734px .top {
	width: 734px;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px; 
	padding:0px;
    background-image: url('../images/layout/subcontainer_734_top.png');
	background-repeat: no-repeat; 
	float:left;
}

.col-beta .subcontainer734px .middle {
	width: 684px;
	margin-top: 0px;
	margin-bottom: 0px;  
	padding: 10px 25px 10px 25px;
	background-color:#FFF;
	float:left;

}

.col-beta .subcontainer734px .bottom {
	width: 734px;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;    
    background-image: url('../images/layout/subcontainer_734_bottom.png');
	background-repeat: no-repeat; 
	float:left;
}

/* subcontainer for pages without suidemenus  */
.subcontainer960px {
	width: 960px;
	margin: auto;}

.subcontainer960px .middle p {
	max-width:73em;
}

.subcontainer960px .middle ul {
	list-style:inside url('../images/layout/arr_bullet_000.png');
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	color: #000;
	}

.subcontainer960px .top {
	width: 960px;
	height: 10px;
	margin: 0px;    
    background-image: url('../images/layout/subcontainer_960_top.png');
    background-repeat: no-repeat; 
}

.subcontainer960px .middle {
	width: 900px;
	height: auto;
	margin: 0px;  
	padding: 15px 30px 15px 30px;
	background-color: #FFF;
	text-align: left;
}

.subcontainer960px .bottom {
	width: 960px;
	height: 10px;
	margin: 0px;
    background-image: url('../images/layout/subcontainer_960_bottom.png');
	background-repeat: no-repeat;
	background-position:top center;
}

/* profile bio and multimedia styles*/
.multimedia-item {
	width: 145px;
	height: 190px;
	margin: 7px; 
	padding: 5px;
	background-color:#FFF; 
	border:1px dotted #CCC; 
	float:left;
	position: relative;
	top: 0px;}

.multimedia-item .preview{
	width: 145px;
	margin: 0px; 
	padding: 0px;}

.multimedia-item .description{
	width: 145px;
	margin: 0px; 
	padding: 0px;
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;}
	
table#bio {
	margin:0px;
	padding:0px;
	position: relative;
	top: 0px;
	width:629px;
	}
	
td#bio-image {
	width: 145px;
	height: 190px;
	padding: 5px 5px 4px 5px;
	border:1px dotted #CCC;
	vertical-align:middle;
	text-align:center;
}

td#bio-header {
	width: 470px;
	height: 190px;
	padding: 0px 0px 7px 0px;
	border-bottom:1px dotted #CCC; 
	text-align: left; 
	vertical-align: bottom;}
	
#bio-name {
	color:#000;
	font: normal 32px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 0px -2px -2px;
	}
	
#bio-homeinst, #bio-homegroup {
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;}

td#bio-contact {
	width: 145px;
	margin: 0px; 
	padding: 0px;
	border:0px; 
	vertical-align:top;}

#bio-address, #bio-phone, #bio-email, #bio-url{
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px; }
	
td#bio-info {
	width: 470px;
	padding: 0px;
	border:0px; 
	text-align: left; 
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;}

.bio-contentheading {
	color:#000;
	font: normal 18px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

#bio-researchinterests, #bio-topics, #bio-regions, #bio-education, #bio-proexp, #bio-awards {
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 5px 0px 25px 0px;
}

#bio-researchinterests ul, #bio-topics ul, #bio-regions ul, #bio-education ul, #bio-proexp ul, #bio-awards ul { 
    list-style: url('../images/layout/arr_bullet_000.png');
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
    margin:0px;
    }

/* subcontainer for pages without submenus  */
.subcontainer900px {
	width: 900px;
	margin-top: 50px;
	margin-bottom: 50px; 
	margin-left: auto;
	margin: auto;
	position: static;
	background-repeat: no-repeat; 
}


.subcontainer900px .top {
	width: 900px;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;    
	position: static;
    background-image: url('../images/layout/subcontainer_900_top.png');
	background-repeat: no-repeat; 
}

.subcontainer900px .middle {
	width: 860px;
	margin-top: 0px;
	margin-bottom: 0px;  
	padding: 10px 20px 10px 20px;
	background-color:#FFF;
	text-align:left;
}

.subcontainer900px .bottom {
	width: 900px;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;    
	position: static;
    background-image: url('../images/layout/subcontainer_900_bottom.png');
	background-repeat: no-repeat; 
}

/* whole menu container*/
#navbar {
	width: 1000px;
	height: 42px;
	padding: 0px;
	margin: 0px;
}

/* section of main menu with social media links*/
#socialmediamenu {
	float:left;
	background-image:url('../images/layout/searchbar_old.png');
	width:200px; 
	height:42px;
	vertical-align:middle; 
	position:relative; 
	top: -42px;
	left: 560px;
	overflow:hidden;
	padding-left: 40px;
	}
	
.rssfeed {
	position: relative;
	top: 14px;
	left: 17px;
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/rss_bttn.png');
}
.rssfeed:hover {
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/rss_bttn_hover.png');
}

.twitterfeed {
	position: relative;
	top: -11px;
	left: 55px;
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/twitter_bttn.png');
}
.twitterfeed:hover {
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/twitter_bttn_hover.png');
}

.blog {
	position: relative;
	top:-36px;
	left: 93px;
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/blog_bttn.png');
}
.blog:hover {
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/blog_bttn_hover.png');
}
.facebook {
	position: relative;
	top:-36px;
	left: 93px;
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/fb_bttn.png');
}
.facebook:hover {
	display:block;
	width:31px; 
	height:25px;
	background:url('../images/layout/fb_bttn_hover.png');
}
/* section of main menu with searchbar*/

.searchmenu {
	float: left;
	position: relative;
	top:-42px;
	left: 500px;
	width: 260px; 
	height: 42px; 
    background-image: url('../images/layout/searchbar_old.png');
    background-repeat: no-repeat;
	overflow: hidden;
}

.searchmenu .textinput {
	position:relative;
	width:140px;
	height: 16px;
	top:-18px;
	right: -2px;
	overflow:hidden;
}

.searchmenu .searchbttn {
	background-image:url('../images/layout/search_bttn.png');
    background-repeat: no-repeat;    
	overflow:hidden;

}

.searchmenu .searchbttn input  {
	background-image:url('../images/layout/search_bttn_hover.png');
    background-repeat: no-repeat;  
}

/*text styles for all scrolling sections*/
.boxheader {
	width: 250px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 0;
}

.boxheader a {
	text-align: left; 
	color: #C00;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.boxheader .special {
	float: left; 
	display: block;
	width: 212px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}

.boxheader .rssicon {
	float: right; 
	display: block;
	width: 28px;
	margin: -6px 0px 0px 0px;
	}

.boxheader .underline {
	width: 100%; 
	height: 1px;
	margin: 0px;
	background: #C00;
	float: left;}

#anouncementsscroll .entry, #eventsscroll .entry, #spotlightscroll .entry {
border-bottom: 1px dashed #000;
padding:7px 0px 7px 3px;
}
#anouncementsscroll .entry .title, #eventsscroll .entry .title, #spotlightscroll .entry .title {
font-size:12px;} 
#anouncementsscroll .entry .title a, #eventsscroll .entry .title a, #spotlightscroll .entry .title a {
color:#000;}
#anouncementsscroll .entry .title a:hover, #eventsscroll .entry .title a:hover, #spotlightscroll .entry .title a:hover {
color:#404040; text-decoration:none;}

#anouncementsscroll .entry .date, #eventsscroll .entry .date, #spotlightscroll .entry .date {
color: #999;
font-size: 10px;}	

#anouncementsscroll .entry .more, #eventsscroll .entry .more, #spotlightscroll .entry .more {
font-size:10px;} 	
#anouncementsscroll .entry .more a, #eventsscroll .entry .more a, #spotlightscroll .entry .more a {
color:#f00;}
#anouncementsscroll .entry .more a:hover, #eventsscroll .entry .more a:hover, #spotlightscroll .entry .more a:hover {text-decoration:underline;}

/* scrolling sections for front page */
#anouncementsscroll, #eventsscroll{
	overflow: hidden;
	margin-top: 0px;
	height: 210px;
	width: 246px;
	position:absolute;
	left: 0px;
	margin: -14px 0px 0px 12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	}

#anouncementsscroll .scrollbar, #eventsscroll .scrollbar{
	height: 220px;
	width: 30px;
	margin-top: 0px;
	margin-left: 5px;
	position: relative;
    left: 10px;		
	}

.up {
	position: absolute;
	top: 35px;
	right: 10px;	
	display:block;
	width:16px;
	height:35px;
	z-index:1;
	background: transparent url('../images/layout/scrollbutton_up.png') no-repeat;
	}
.up:hover {
	background: transparent url('../images/layout/scrollbutton_up_hover.png') no-repeat;
	cursor:default;
	}

.down {
	position: absolute;
	bottom: 30px;
	right: 10px;	
	display:block;
	width:16px;
	height:35px;
	z-index:1;
	background: transparent url('../images/layout/scrollbutton_down.png') no-repeat;
	}
.down:hover {
	background: transparent url('../images/layout/scrollbutton_down_hover.png') no-repeat;
	cursor:default;
	}

.scrollbackground {
	position:relative; 
	z-index:0; 
	top: 5px; 
	left: 270px;
	height: 190px;
	width: 9px;
	/* background-image:url('../images/layout/scrollbar_background.png'); */
	}

/* scrolling section for pages */
.pageannouncements {
	height: 265px;
	width: 200px;
	position: relative;
	top: 0px;
	margin:0px 0px 30px 0px;
}

.pageannouncements .boxheader {
	width: 165px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 0;
}

.pageannouncements .boxheader a {
	text-align: left; 
	color: #C00;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

.pageannouncements .boxheader .special {
	float: left; 
	display: block;
	width: 132px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}

.pageannouncements .boxheader .rssicon {
	float: right; 
	display: block;
	width: 28px;
	margin: -6px 0px 0px 0px;
	}

.pageannouncements .boxheader .underline {
	width: 100%; 
	height: 1px;
	margin: 0px;
	background: #C00;
	float: left;}

.pageannouncements .top {
	width:200px;
	height:10px; 
	background-image:url('../images/layout/spotlightscroll_top_200.png');
	}

.pageannouncements .middle {
	width:183px;
	height:270px;
	overflow: hidden;
	background-color:#FFF;
	padding: 0px 10px 0px 7px;

	}
	
.pageannouncements .bottom {
	width:200px;
	height:10px; 
	background-image: url('../images/layout/spotlightscroll_bottom_200.png');
	}

#spotlightscroll {
	overflow: hidden;
	width: 170px;
	height: 272px;
	margin: -14px 0px 0px 0px;
	}

   
.pageaanouncements .spotlightscrollbar{
	height: 250px;
	width: 30px;
	margin-top: 0px;
	margin-left: 5px;
	position: relative;
    left: 10px;	
	top: 20px;
	}

.pageannouncements .spotlightscrollbackground {
	position:absolute; 
	z-index:0; 
	top: 35px; 
	right: 9px;
	}
	
 .pageannouncements .up {
	position: absolute;
	top: 32px;
	right: 4px;	
	display:block;
	width:16px;
	height:35px;
	z-index:1;
	background:transparent url('../images/layout/scrollbutton_up.png') no-repeat;
	}
.pageannouncements .up:hover {
	background:transparent url('../images/layout/scrollbutton_up_hover.png') no-repeat;
	cursor:default;
	}

 .pageannouncements .down {
	position: absolute;
	top: 245px;
	right: 4px;	
	display:block;
	width:16px;
	height:35px;
	z-index:1;
	background:transparent url('../images/layout/scrollbutton_down.png') no-repeat;
	}
.pageannouncements .down:hover {
	background: transparent url('../images/layout/scrollbutton_down_hover.png') no-repeat;
	cursor:default;
	}

/* front page container for boxes*/
.frontPage {
	height: 540px;
	width: 1000px;
	overflow:hidden;
	margin-top: 0px;
	margin-bottom: 0px;    
	margin-right: auto;
	margin-left: auto;
}

/* universal box styles, i.e. images, size, and text style*/
.frontPage .box{
	width: 300px;
	height: 270px;
	position: relative;
	text-align: left;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif; 
	}
	
.box .top {
	width:300px;
	height:10px; 
	background-image:url('../images/layout/frontpage_box_top.png');
}

.box .bottom {
	width:300px;
	height:10px; 
	background-image:url('../images/layout/frontpage_box_bottom.png');
}

.box .middle {
	width:280px;
	height:230px; 
	background-color:#FFF;
	padding: 0px 10px 0px 10px;

}

/* universal box styles, i.e. position */
.one {
	top: 0px;
	left: 25px;   
	background-image:url(../images/img-replace.png); 
	background-repeat: no-repeat;   
}

.two {
	top: -270px;
	left: 350px;
	}

.three {
	top: -540px;
	left: 675px;
}

.four {
	top: -530px;
	left: 25px;
}

.five {
	top: -800px;
	left: 350px;
}

.six {
	top: -1070px;
	left: 675px; 
}

/* Education Spotlight and Product Spotlight*/
.spot-title {
	width: 175px;
	height: 72px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin: -5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	float:left;
	overflow: hidden;
	}
.spot-title dl{
	width:170px; 
	margin:0px;
	}
.spot-title dl a{
	color:#f00; 
	}
.spot-title dl a:hover{
	text-decoration: underline;
	}
	
.spot-image {
	width: 90px;
	height: 70px;
	margin: -5px 0px 0px 0px;
	padding: 0px;
	float:left;}
.spot-image img {
	border: 0px;}


.spot-description {
	width:265px;
	height: 95px;
	overflow: hidden;
	margin: 0px;
	padding: 2px 0px 5px 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align: left;
	}

.spot-desctiption .more {
	height:14px;
	margin:0px;
	padding: 2px 5px 0px 5px;
	width:265px;
	} 	
.spot-description .more a {
	font-size:10px;
	color:#f00;}
.spot-description .more a:hover {text-decoration:underline;}

.spot-view {
	width: 265px;
	height: 14px;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-size: 10px;} 	
.spot-view a {
	color:#666;}
.spot-view a:hover {text-decoration:underline;}