@font-face {
    font-family: "Nobel";
    src: url("/Nobel-Light.otf");
}

body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #000000;
}

p
{
	line-height:1.5; 
	font-size:12px; 
	color:#3a3a3a
}

h2 {
	color:gray;
	line-height:1.0;
}

div.wrapper {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   }
   
div#container { 
	width: 980px; 
	margin: 0 auto; 
	text-align: left; 
} 

div#Container { 
	width: 980px; 
	margin: 0 auto; 
	text-align: left; 
} 

div#Content {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 


div#header { 
	
} 


div#sidebar1 {
	float: left;
	width: 569px;
}
div#mainContent { 
	float: right;
	width:400px;
} 


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.reflect {
-webkit-box-reflect: 
    below 4px 
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(white)); 
}


#nav {
	border-top:solid 1px #666666; 
	border-bottom:solid 1px #666666; 
	height:35px;
	width:980;
	text-align:right;
	}

#nav a, #nav img { float:right;}

#nav a { 
	margin-right:10px;
	/*background: url("/img/nav.png");
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat; */
}

#nav01
{
  background: url("/img/nav.png");
  float:right;
  display: inline;
  width: 85px;
  height: 35px;
  background-position:0px 0px;
  background-position-x:0px;
  background-position-y:0px;
}

#nav01:hover
{ 
  background-position: 0 -35px;
}

#nav01 span
{
  display: none;
}

#nav02
{
  background: url("/img/nav.png");
  float:right;
  display: inline;
  width: 85px;
  height: 35px;
  background-position:-97px 0px;
  background-position-x:-97px;
  background-position-y:0px;
}

#nav02:hover
{ 
  background-position:-97px -35px;
  background-position-x:-97px;
  background-position-y:-35px;
}

#nav02 span
{
  display: none;
}

#nav03
{
  background: url("/img/nav.png");
  float:right;
  display: inline;
  width: 62px;
  height: 35px;
  background-position:-199px 0px;
  background-position-x:-199px;
  background-position-y:0px;
}

#nav03:hover
{ 
  background-position:-199px -35px;
  background-position-x:-199px;
  background-position-y:-35px;
}

#nav03 span
{
  display: none;
}

#nav04
{
  background: url("/img/nav.png");
  float:right;
  display: inline;
  width: 85px;
  height: 35px;
  background-position:-273px 0px;
  background-position-x:-273px;
  background-position-y:0px;
}

#nav04:hover
{ 
  background-position:-273px -35px;
  background-position-x:-273px;
  background-position-y:-35px;
}

#nav04 span
{
  display: none;
}

#nav05
{
  background: url("/img/nav.png");
  float:right;
  display: inline;
  width: 79px;
  height: 35px;
  background-position:-367px 0px;
  background-position-x:-367px;
  background-position-y:0px;
}

#nav05:hover
{ 
  background-position:-367px -35px;
  background-position-x:-367px;
  background-position-y:-35px;
}

#nav05 span
{
  display: none;
}

#nav06
{
  display: inline;
  width: 20px;
  height: 35px;
  background: url("/img/search.jpg") no-repeat 0 0;
  float:right;
}

#nav06:hover
{ 
  background-position: 0 0px;
}

#nav06 span
{
  display: none;
}

#nav07
{
  background: url("/img/facebook.png");
  float:right;
  display: inline;
  width: 14px;
  height: 35px;
}

#nav07:hover
{ 
  background-position:0px 0px;
  background-position-x:0px;
  background-position-y:0px;
}

#nav07 span
{
  display: none;
}


#index03
{
  display: block;
  float:left;
	margin:0px 8px 8px 0px;

  width: 196px;
  height: 196px;
  background: url("/img/index03.jpg") no-repeat 0 0;

}

#index03:hover
{ 
  background-position: 0 -196px;
}

#index03 span
{
  display: none;
}

#index04
{
  display: block;
  float:left;
	margin:0px 0px 8px 0px;

  width: 196px;
  height: 196px;
  background: url("/img/index04.jpg") no-repeat 0 0;

}

#index04:hover
{ 
  background-position: 0 -196px;
}

#index04 span
{
  display: none;
}

#index05
{
  display: block;
  float:left;
	margin:0px 8px 8px 0px;

  width: 196px;
  height: 196px;
  background: url("/img/index05.jpg") no-repeat 0 0;

}

#index05:hover
{ 
  background-position: 0 -196px;
}

#index05 span
{
  display: none;
}



#index07
{
  display: block;
  float:left;
	margin:0px 8px 8px 0px;

  width: 196px;
  height: 179px;
  background: url("/img/index07.jpg") no-repeat 0 0;

}

#index07:hover
{ 
  background-position: 0 -179px;
}

#index07 span
{
  display: none;
}
a
{
	color:#3b76a5;
	text-decoration:none;
}

a:hover
{
	color:#3b76a5;
	text-decoration:underline;
}

.board_image
	{
	padding-bottom:20px;
	padding-right:5px;
	}

.board_description
	{
	font-size:12px;
	color:gray;
	}

.name
	{
	font-weight:bold;
	color:#616161;
	font-size:14px;
	}

/*****************************************************************/
/*These are the CSS properties specifically for the people pages!*/
/*****************************************************************/

#people_name
{
	font-size:16px;
	color:#474747;
	padding-top:20px;
}

#people_title
{
	font-size:14px;
	color:#474747;
	padding-top:15px;
}

#people_content
{
	line-height:1.5; 
	font-size:12px; 
	color:#3a3a3a;
	padding-top:15px;
}

#people_image
{
	position:absolute; 
	width:176px; 
	height:47px; 
	left:627px; 
	top: -1px;

}

ul {
	padding-top:0;
	margin-top:0;
}
li.pensacola
{
	font-size:11.5px;
	color:#76b900;
	line-height:1.4;
}

li.student
{
	padding:0;
	font-size:11.5px;
	color:gray;
	line-height:1.4;
}

li.ocala
{
	font-size:11.5px;
	color:#3b76a5;
	line-height:1.4;
}

li {
	list-style-type:bullet;
	margin:0 0 0.5em 0;
	line-height:1.5; 
	font-size:12px; 
	color:#3a3a3a
}

/********
About Page
*********/

.style1 {
	color: #333333;
	line-height: 1.5;
}
.style2 {font-size: 95%}
.style3 {height:0; line-height: 0px; clear: both;}
.style4 {
	font-size: 90%;
	color: #6e0702;
	line-height: 1.2;
}
.style11 {
	font-size: 120%;
	color: #333333;
	line-height: 1.5;
}

.ils {
	font-size: 85%;
	line-height: 1;
}
.ilsMenu {
	font-size: 85%;
	line-height: 1;
}

.aboutStyle {
	color: #3b76a5;
	font-size: 90%;
	line-height: 1.2;
}

/*************
Research Page
**************/

#research {
	padding:0;
	margin:0;
}
#research li {
	list-style-type:none;
	margin:0 0 0.5em 0;
	font-size:14px; 

}
#research a, #research a:visited {
	display:block;
	width:auto;
	color:#ab6a0c;
	padding:0.25em;
	font-style:!important;
}
#research a:hover {
	background-color:#e59013;
	color:#eee;
}
#research-menu
{
	line-height:1.3; 
	font-size:12px; 
	color:#3a3a3a;
}
#research-text
{
	line-height:1.3; 
	font-size:12px; 
	color:#3a3a3a;
}
.research-body
{
	line-height:1.3; 
	font-size:12px; 
	color:#3a3a3a;
	margin-top:10px;
	margin-bottom:10px;
}

.pn
{
	font: 100% Nobel, Arial, Helvetica, sans-serif;
	line-height:1.5;
	font-size:16px;
	color:#3a3a3a;
}