/****************************************************************************************
CSE website
Layout Stylesheet for Middle content: defines widths, margins, floats, and other 
advanced display attributes for the middle section (sidebars and main content)
****************************************************************************************/


/*********************************
Main Content - Wrapper
**********************************/
#content_main { margin: 0px 0 0px 0; float: left; width: 824px; height: auto;  padding: 0; }



/*********************************
Menu
**********************************/
#menu {background-color:#ffffff; float: left; width: 200px; margin-left: 30px; margin-top: 80px; padding-right: 20px;}
#nav_menu{ border-bottom: 1px solid #9f926b; padding-bottom: 5px; }


#nav_menu li { display: inline; }


#nav_menu li a { font-size: 12px; text-decoration: none; color: #3f3c30; border: none }


#nav_menu li a:hover { color: #900201 }


/* Hard-coded IDs - if the footer text changes in footer.html then these IDs should change accordingly */

#menu_firstlink { padding-right: 5px; border-right: 1px solid #9f926b; }

#menu_link { padding-right: 5px; padding-left: 5px; border-right: 1px solid #9f926b; }

#menu_lastlink { padding-left: 5px; }



/*********************************
Center/Container styles
**********************************/
#content_center { margin-top: 75px; margin-bottom: 55px; padding: 0px 20px; float: left; width: 500px;  }

#content_center h4{line-height: 18px;word-spacing:2px; text-align: justify;}

#content_center h4 a{border-bottom: 1px dotted #ccbc8b;}

#content_center h3 a{border-bottom: 1px dotted #ccbc8b;}

#content_center li{margin-bottom: 5px;}

#content_center th{padding-bottom: 10px;}


#imgslideshow {background-image: url('../images/img_bckgnd.jpg'); background-repeat: no-repeat; width: 500px; height:300px; padding-left: 1px; padding-top: 15px; }

#imgslide { height: 270px; width: 465px; }

.image { background-image: url('../images/img_bckgnd1.jpg'); background-repeat: no-repeat; padding: 10px; }

#content_center ul,ol{padding-left: 20px;}

/*********************************
Events column
**********************************/

#events_column {width: 500px; padding-top: 20px;}


#event { float: left; padding-left: 10px; padding-top: 5px; width: 320px; }

/*********************************
Right column
**********************************/
#rightcolumn { padding-left: 0px; margin-top: 60px; float: left; width: 170px; margin-left: -10px;}

#rightcolumn h3 a{text-decoration: underline;}
#rightcolumn li a{border-bottom: 1px dotted #3f3c30}
#rightcolumn li{ font-size:12px; padding-bottom:5px; color: #3f3c30;}

#rightcolumn ul,ol{padding-left: 20px;}
