﻿body 
{
	background-position: bottom;
	font-family: Tahoma,Geneva, sans-serif;
	font-size:16px;
	background-color: rgb(245,245,245);
	color: rgb(0,0,0);
}
p.footer {
	font-size:10px;
	margin-top:0
}
p.hang 
{    
     text-indent: -2em;
     margin-left: 2em;

     }
p.big1:first-letter {
  font-size:2em;
  float: left;
  
}     
p.left
{
	margin-left: 2em

}
td.norm {
	font-size: 16px;
    vertical-align: middle;
}
.uspsblue {
/*	color: rgb(9,72,142); */
    color: rgb(1,33,105); 
}
.uspsred {
    color: rgb(151,11,14);
 /* color: rgb(234,19,47); */
}
.uspsred2 {
	 color: rgb(228,0,43);
}
.warn {
   background-color:pink;
}
.logo {
	font-weight: bold;
	font-size: x-small;
	text-align: center;
}

pre {
	font-family: Tahoma,Geneva, sans-serif;
	margin-left:2em
}
div.container {
	
	width:100%;
		}

div.box {
	float:left;

}

div.mainpage{
	width:100%;
	margin-bottom:0;
	overflow:hidden
}

div.header {
	top: 0px;
	left: 0;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
    border-bottom:4px rgb(151,11,14)  solid
}

div.lmenu {
     padding: 0;
     margin-top:6px;
     margin-bottom:1em;
     width:950px;      
    }
	
div.rightcol {
	
	float:right;
	width:135px;
	text-align:center
}
div.content {
    background-image: url('https://abc-d34.org/Images/shipswheel_10s.png');	
	background-position:center ;
	background-repeat:no-repeat;
    margin: 0px 12px 4px 20px;
    padding:  0em 1em 1em 1em;
	overflow: hidden

}
div.content2 {
    padding: 0em 1em 0 1em;
	overflow:hidden;
    height:35em; 
    overflow: scroll;
    margin-right:160px;
    margin-left:0px; 
    max-width:45em;
 }

div.footer {
	clear: both;
	padding: .5em;
	border-top:4px rgb(151,11,14)  solid;
	color: rgb(95,95,95);
	}
div.footer a:link {color:rgb(95,95,95);text-decoration:none;}
div.footer a:visited {color:rgb(95,95,95);text-decoration:none;}
div.footer a:hover {color: blue;text-decoration :underline;}

	
div.spacer {
	 clear: both;
	 border:medium blue solid
 
	 }
#NoPrint {
	
	
}
#listuff {text-align:center}
#listuff li {display: list-item}


.layer {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;

}
 
.heading {
	margin-top: 0px;
	color: 	rgb(234,19,47);
	padding: 5px 10px;

}

.exp_content {
	padding: 10px;
}

h1.layer { 
	padding: 5px 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.0em;
}

.arrow {
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
}
/* styles for course schedule table */
.sched_style1 {
        font-size:12px;
        background-color: #cccccc;
}
.sched_style3 {
        font-size:12px;
        background-color: #f9f9f9;
}
.sched_style4 {
        font-size:12px;
        background-color: #ebebeb;
}
.sched_style5 {
        font-size: 14px;
        font-weight: bold;
        color: rgb(1,33,105);
}
.sched_style6 {
	color:#ffffff;
	background-color:rgb(1,33,105); 
}
.plist {
	
	margin-bottom:0;
	margin-top:0;
}
/* styles for course descriptions */
.crs_desc {
	max-width: 850px;
	
}
.crs_desc ul {
   margin-top:0;	
}
.paradiv {
	float:left;
	margin: 0 1em 0 1em;
}

/* CSS for course scedule page buttons */
.button {
  border: none;
  color: white;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight:bold;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid rgb(1,33,105);;
}

.button1:hover {
  background-color: rgb(1,33,105);;
  color: white;
}

.button2 {
  background-color: rgb(228,0,43); 
  color: white; 
  border: 2px solid rgb(228,0,43);
}

.button2:hover {
  background-color: rgb(151,11,14);
  color: white;
}
.button3 {
  background-color:  rgb(1,33,105); 
  color: white; 
  border: 2px solid rgb(228,0,43);
}

.button3:hover {
  background-color: rgb(151,11,14);
  color: white;
}

/* JQUERY customizations for course schedule popup */

.ui-draggable, .ui-droppable {
	background-position: top;
}
.ui-widget {
	font-size:16px
	}
	
.ui-widget-header {
background: #012169 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: white;
}

.ui-widget-content.ui-dialog{
   z-index:201;
   border: 5px solid rgb(151,11,14) !important;
}
.logo {
    font-weight:bold;
	font-size:x-small;
	text-align:center;
}


