body {
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: small;
background: #000000 url(images/bodybg.jpg) repeat top left;
color: #cccccc;
}

#topbar {
height: 15px;
background: #000000;
}

#allcontent {
width: 960px;
margin: 0px auto;
padding: 0px;
}

img, img a { border: none;}

/* HEADER */

#header {
height: 157px;
}

#logo {
float: left;
width: 124px;
}

#choices ul {
float: left;
width: 800px;
margin: 0px 0px 0px 30px;
padding: 0px;
list-style-type: none;
}

#choices ul li {
display: inline;
padding: 0px 20px 0px 0px;
}

#choices a#calendar img { background: url(images/calendar.gif) no-repeat top left; }
#choices a#calendar:hover img { background: url(images/calendarro.gif) no-repeat top left; }

#choices a#courses img { background: url(images/courses.gif) no-repeat top left; }
#choices a#courses:hover img { background: url(images/coursesro.gif) no-repeat top left; }

#choices a#orgs img { background: url(images/orgs.gif) no-repeat top left; }
#choices a#orgs:hover img { background: url(images/orgsro.gif) no-repeat top left; }

#choices a#resources img { background: url(images/resources.gif) no-repeat top left; }
#choices a#resources:hover img { background: url(images/resourcesro.gif) no-repeat top left; }

#choices a#community img { background: url(images/community.gif) no-repeat top left; }
#choices a#community:hover img { background: url(images/communityro.gif) no-repeat top left; }

#tagline {
float: left;
margin: 25px 0px 0px 40px;
}

#tagline-home {
float: left;
margin: 13px 0px 0px 40px;
}

/* PAGE CONTENT */

#page-content {
margin: 15px 0px 0px 0px;
width: 960px;
float: left;
}

.box {
float: left;
width: 454px;
margin: 0px 10px 0px 0px;
padding: 0px;
}

.upcomingevents, .announcements {
width: 454px;
background: url(images/events2.gif) no-repeat top left;
height: 267px;
}

.upcoming-title {
font-size: 155%;
text-transform: uppercase;
font-family: "Calibri";
color: #3f3a34;
width: 454px;
float: left;
margin: 16px 0px 0px 35px;
font-weight: bold;
}

#date-event {
float: left;
width: 990px;
font-size: 120%;
margin: 10px 0px 0px 35px;
color: #3f3a34;
}

#date-event table td.datebox {
width: 100px;
}

#announcements {
float: left;
color: #3f3a34;
margin: 0px;
padding: 15px 10px 0px 35px;
width: 380px;
}

#announcements a, #announcements a:visited {
text-decoration: none;
color: #dc6822;
}

#announcements a:hover {
border-bottom: 1px dashed #dc6822;
}

#quickbox {
background: url(images/quick.gif) no-repeat top left;
float: left;
width: 919px;
height: 226px;
margin: 10px 0px 0px 0px;
}

#quicklinks {
float: left;
width: 620px;
}

#faculty {
float: left;
width: 285px;
}

.quick-title { 
color: #cdcbc2; 
font-size: 155%;
text-transform: uppercase;
font-family: "Calibri";
margin: 10px 0px 0px 20px;
}

#quicklinks ul, #faculty ul {
list-style-type: none;
padding: 0px 0px 0px 20px;
height: 160px;
float: left;
}

#quicklinks ul li, #faculty ul li { 
padding: 1px;
color: #626262;
}

#quicklinks ul li a, #faculty ul li a {
text-decoration: none;
color: #cdcbc2;
padding: 2px;
}

#quicklinks ul li a:hover, #faculty ul li a:hover {
background: #cdcbc2;
color: #000000;
}

#quickheader { width: 919px; background: url(images/quickheader.gif) no-repeat top left;  height: 50px; }
#quickfooter { width: 919px; background: url(images/quickfooter.gif) no-repeat top left;  height: 32px; }
#quickcontent { background: url(images/quickinner.gif) repeat-y top left; width: 919px; min-height: 128px; }

/* COURSES */

#page-courses a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#pg-content {
margin: 20px 0px 0px 0px;
width: 960px;
float: left;
}

#mscourses {
margin: 0px 0px 0px 0px;
background: url(images/coursebox2.gif) no-repeat top left;
height: 432px;
}

ul#nav {
background:transparent url(images/coursemenu.gif) no-repeat 0px 25px;
height: 25px;
width: 980px;
padding: 0px;
margin: 0px;
}

ul#nav li {
padding: 0px;
margin: 0px;
display: block;
float: left;
text-indent: -9999px;
}
 
ul#nav li a {
border: none;
display: block;
text-decoration: none;
overflow: hidden;
background: transparent url(images/coursemenu.gif) no-repeat;
}

li#obd a { width: 170px; height: 25px; }
li#neuro a { width: 151px; height: 25px; }
li#phys a { width: 136px; height: 25px; }
li#micro a { width: 109px; height: 25px; }
li#histo a { width: 107px; height: 25px; }
li#gross a { width: 113px; height: 25px; }
li#biochem a { width: 146px; height: 25px; }

li#obd a:link, li#obd a:visited { background-position: 0px 0px; }
li#obd a:hover, li#obd a:focus { background-position: 0px -25px; }

li#neuro a:link, li#neuro a:visited { background-position:-170px 0px; }
li#neuro a:hover, li#neuro a:focus { background-position:-170px -25px; }

li#phys a:link, li#phys a:visited { background-position: -321px 0px; }
li#phys a:hover, li#phys a:focus { background-position: -321px -25px; }

li#micro a:link, li#micro a:visited { background-position: -457px 0px; }
li#micro a:hover, li#micro a:focus { background-position: -457px -25px; }

li#histo a:link, li#histo a:visited { background-position: -567px 0px; }
li#histo a:hover, li#histo a:focus { background-position: -567px -25px; }

li#gross a:link, li#gross a:visited { background-position: -674px 0px; }
li#gross a:hover, li#gross a:focus { background-position: -674px -25px; }

li#biochem a:link, li#biochem a:visited { background-position: -787px 0px; }
li#biochem a:hover, li#biochem a:focus { background-position: -787px -25px; }

/* ACTIVE LINKS - COURSES */

#page-courses ul#nav li#biochem a { background-position: -787px -50px; }

#page-courses-obd ul#nav li#obd a { background-position: 0px -50px; }
#page-courses-obd a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#page-courses-neuro ul#nav li#archive a { background-position:-170px -50px; }
#page-courses-neuro a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#page-courses-phys ul#nav li#contact a { background-position:-321px -50px; }
#page-courses-phys a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#page-courses-micro ul#nav li#links a { background-position:-457px -50px; }
#page-courses-micro a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#page-courses-histo ul#nav li#links a { background-position:-567px -50px; }
#page-courses-histo a#courses img { background: url(images/coursesro.gif) no-repeat top left; }

#page-courses-gross ul#nav li#links a { background-position:-674px -50px; }
#page-courses-gross a#courses img { background: url(images/coursesro.gif) no-repeat top left; }


/* ORGS & SERVICE */

#page-orgs a#orgs img { background: url(images/orgsro.gif) no-repeat top left; }

#orgsbox {
background: url(images/orgsbox2.gif) no-repeat top left;
height: 787px;
}

.quick-title { 
color: #cdcbc2; 
font-size: 155%;
text-transform: uppercase;
font-family: "Calibri";
margin: 10px 0px 0px 20px;
}

.quick-title { 
color: #cdcbc2; 
font-size: 155%;
text-transform: uppercase;
font-family: "Calibri";
margin: 10px 0px 0px 20px;
}

#orgleft {
float: left;
width: 620px;
height: 770px;
}

.orglinks {
float: left;
width: 620px;
height: 404px;
}

.orglinks ul {
list-style-type: none;
padding: 0px 0px 0px 20px;
height: 200px;
float: left;
}

.orglinks ul li { 
padding: 1px;
color: #626262;
}

.orglinks ul li a {
text-decoration: none;
color: #cdcbc2;
padding: 2px;
}

.orglinks ul li a:hover {
background: #cdcbc2;
color: #000000;
}

#orgright {
float: left;
width: 290px;
height: 770px;
}

.grey { color: #626262; }

#adding {
width: 290px;
float: left;
height: 350px;
}

#addtext {
margin: 20px auto 0px;
width: 250px;
}

#adding a, #adding a:visited {
text-decoration: none;
/* color: #b4d333; */
color: #8eb736;
/* border-bottom: 1px dashed #b4d333; */
padding: 1px;
}

#adding a:hover {
border-bottom: 1px dashed #8eb736;
}


#orglinks-rt {
width: 290px;
float: left;
height: 404px;
}

#orgright ul {
list-style-type: none;
padding: 0px 0px 0px 20px;
height: 160px;
float: left;
}

#orgright ul li { 
padding: 1px;
color: #626262;
}

#orgright ul li a {
text-decoration: none;
color: #cdcbc2;
padding: 2px;
}

#orgright ul li a:hover {
background: #cdcbc2;
color: #000000;
}

/* RESOURCES */

#page-resources a#resources img { background: url(images/resourcesro.gif) no-repeat top left; }

.colored {
/* color: #c71981; */
color: #208bb6;
}

#box-one, #box-two {
float: left;
width: 454px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
}

.box-r {
float: left;
width: 454px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 10px 0px;
}

.resourcebox-header {
margin: 0px;
padding: 0px;
width: 454px;
background: url(images/resourcebox-header.gif) no-repeat top left;
height: 56px;
}

.resourcebox-inner {
margin: 0px;
padding: 0px;
width: 454px;
background: url(images/resourcebox-inner.gif) repeat-y top left;
min-height: 150px;
}

.resourcebox-footer {
margin: 0px;
padding: 0px;
width: 454px;
background: url(images/resourcebox-footer.gif) no-repeat top left;
height: 29px;
}

.resourcebox-inner ul {
color: #3f3a34;
list-style-type: none;
padding: 0px 0px 0px 35px;
margin: 0px;
}

.resourcebox-inner ul li {
padding: 1px;
color: #3f3a34;
}

.resourcebox-inner ul li a, .resource-box ul li a:visited {
text-decoration: none;
color: #3f3a34;
}

.resourcebox-inner ul li a:hover {
/* color: #f08a26; */
color: #dc6822;
}

/*
#resource-links {
float: left;
color: #3f3a34;
margin: 0px;
padding: 0px 10px 0px 35px;
width: 380px;
}
*/

/* CALENDAR */

#page-calendar a#calendar img { background: url(images/calendarro.gif) no-repeat top left; }

#googlecalendar {
border: 5px solid #000;
width:960px;
height: 700px;
}

/* COMMUNITY */

#page-community a#community img { background: url(images/communityro.gif) no-repeat top left; }

.box-c {
float: left;
margin: 0px;
padding: 0px 10px 0px 0px;
background: url(images/communitybox.gif) no-repeat top left;
width: 297px;
height: 226px;
}

.c-text {
width: 260px;
margin: 10px auto 0px;
}

#subscribe input {
vertical-align: top;
}

.c-text a, .c-text a:visited {
text-decoration: none;
color: #8eb736;
}

.c-text a:hover {
border-bottom: 1px dashed #8eb736;
}

/* COPYRIGHT LINE AND TO TOP */

#copyrightline a.icon, #copyrightline a.icon:visited {
border: none;
background: none;
text-decoration: none;
}

#copyrightline img {
vertical-align: bottom;
}

#copyrightline {
vertical-align: bottom;
clear: both;
text-align: center;
font-size: 80%;
color: #000000;
margin: 0px;
padding: 10px 0px 5px;
height: 15px;
}

#copyrightline a, #copyrightline a:visited {
color: #999999;
background: #000000;
text-decoration: none;
padding: 2px;
}

#copyrightline a:hover {
background: #999999;
color: #000000;
}