.fs_style_16 {font-size:14px;
color: #000000;
font: arial;}

.fs_style_17 {color: 0d2268;
font-size: 14px;
font: arial;
}

.fs_style_26 {margin-bottom:6px;
	-moz-box-shadow: 0px 10px 5px -8px #777;
	-webkit-box-shadow: 0px 10px 5px -8px #777;
	box-shadow: 0px 10px 5px -8px #777;
	border:1px solid #c5d7e3;

width:175px;
padding:10px;
background-color:#ffffff;}

.fs_style_25 {margin-bottom:6px;
	-moz-box-shadow: 0px 4px 4px -2px #494949;
	-webkit-box-shadow: 0px 4px 4px -2px #494949;
	box-shadow: 0px 4px 4px -2px #494949;}

.fs_style_21 {width: 50%
height:50%
float:left;
border-top:2px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left:2px solid #ddd;
padding:7px;
margin: 0 10px 5px 5px;
-box-shadow: 2px 2px 5px #222;
-moz-box-shadow: 2px 2px 5px #222;
-webkit-box-shadow: 2px 2px 5px #222;}

.fs_style_24 {font-family: 'Lato', sans-serif;}

.fs_style_18 {height: 300px;
width:auto;}

.fs_style_10 {height: 300px;
width:auto;}

.fs_style_19 {h1 {
	font-family: "lucida Grande", Verdana, Helvetica;
	color: #039;
	font-size: 135%;
	text-align: center;
	letter-spacing: 1px;
	margin: 10px 0 5px 0;
	padding: 5px;
	text-transform: uppercase;
	}
h2 {
	font-family: "lucida Grande", Verdana, Helvetica;
	font-size: 130%;
	color: #06c;
	margin: 20px 10px 0 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	clear: right;
	}
h3 {
	color: #666;
	font-size: 120%;
	clear: right;
	padding-left: 0px;
	margin-top: 15px;
	clear: right;
	}
h4 {
	font-size: 110%;
	font-weight: bold;
	}
}

.fs_style_15 {float:left;
}

.fs_style_1 {font-size:18px;
font-weight:bold;
color:#f00;}

.fs_style_23 {ul {
	list-style:none;
	margin:5px;
	padding:0px;
	width:350px;
	height:90px;
	display:block;
	background:url('http://www.ccsu.edu/uploaded/departments/AcademicDepartments/Communication/images/commfacbacksliver2.jpg');
}
li:first-child {
	float:left;
	margin:2px 10px 2px 2px;
	padding:0px;
}
li:nth-child(2) {
	font-size:14px;
	color:#039;
	font-weight:bold;
	padding-top:8px;
}
li:nth-child(3) {
	 font-size:10px;
	 font-weight:bold;
	 margin-bottom:18px;
}
li:nth-child(4) {
	 font-size:13px;
	 vertical-align:bottom;
}
li:nth-child(5) {
	 font-size:13px;
 	 vertical-align:bottom;
	 float:left;
}
li:nth-child(6) {
	 font-size:12px;
	 font-weight:bold;
	 float:right;
	 margin-right:8px;
}
}

.fs_style_9 {/*** Style for doc3.html (Tables) ***/

#data-table {
  font: 80% sans-serif;
  background-color: #C6CFD9;
  empty-cells: show;
  border: 1px solid gray;
  border-spacing: 0px;
  }

#data-table > caption {
  text-align: left;
  font-weight: bold;
  font-size: 100%;
  border-bottom: .1em solid #000;
  margin-bottom: .2em;
  }


/* basic shared rules */
#data-table th,
#data-table td {
  text-align: right;
  padding-right: .2em;
  }

#data-table th {
  font-weight: bold;
  padding-left: .2em;
  }


/* header */
#data-table > thead > tr:first-child > th {
  text-align: right;
  color: black;
  }

#data-table > thead > tr + tr > th {
  font-style: italic;
  color: gray;
  }

/* fix size of superscript */
#data-table sup {
  font-size: 75%;
  }

/* body */
#data-table td {
  background-color: #fff;
  padding:.2em .2em .2em 2em;
  font-size:90%;
  border: 1px solid gray;
  }


/* footer */
#data-table tfoot {
  font-weight: bold;
  }

#data-table tfoot th {
  color: black;
  }

  }

#data-table > tfoot td {
  background-color: #fff;
  }

#data-table > tfoot > tr:first-child td {
  border-top: .1em solid #000;
  }


/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}}

.fs_style_27 {}

.fs_style_5 {color: #2d3f7b !important;
text-decoration: none;}

.fs_style_4 {color: #b67736;
text-decoration: none;}

.fs_style_14 {padding-right: 11px;
padding-left: 11px;
}

.fs_style_22 {<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0 
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>}

.fs_style_3 {display:block;
text-align:left;
text-decoration:none;
padding:4px 4px;
color:#778A8;
background-color:#cacde6;
border:1px solid #828CB5;}

.fs_style_7 {text-decoration:underline;}

.fs_style_8 {text-decoration: underline;}