html {
	width: 100%;
	margin: 0;
	padding: 0;
	}

body, #contents {
	margin: 0;
	padding: 0;
	color: #666;
	font: 78% verdana, garamond, helvetica, sans-serif;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	min-height: 100%;
	}
body {background:  #002772 url(../images/background.jpg) top left repeat-x;}

#contents {
		background: #ffffff; /* url(../images/bottombar.jpg) bottom left repeat-x;*/
		border-left: 2px solid #032A79;
		border-right: 2px solid #032A79;
		position: relative;
		z-index: 1;
}

html>body #contents{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#clearfooter{clear:both;height:20px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
/*************************/
p, td, li {
	font-size: small;
	line-height: 1.30;
	text-align: left;
	}
	
a:link {
	font-family: verdana, garamond, helvetica, sans-serif;
	font-size: small;
    font-weight: normal;
	text-decoration: underline; /*changed 26/1 */
	color: #222e44;
	background: transparent;
	}
a:visited {
   	font-family: verdana, garamond, helvetica, sans-serif;
	font-size: small;
    font-weight: normal;
	text-decoration: underline; /*changed 26/1 */
	color: #222e44;
	background: transparent;
	}
a:hover {
 	font-family: verdana, garamond, helvetica, sans-serif;
	font-size: small;
    font-weight: normal;
	text-decoration: underline; /*changed 26/1 */
	color: #fba911;
	background: transparent;
	}
a:active {
	font-family: verdana, garamond, helvetica, sans-serif;
	font-size: small;
    font-weight: normal;
	text-decoration: underline; /*changed 26/1 */
	color: #222e44;
	background:  transparent;
	}	

/* *********** header ************ */
#header {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	}

.headerleft {
	width: 865px;
	float: left;
	}
.headerright {
	width: 135px;
	float: right;
	background: #032a79;
	height: 217px;
	min-height: 217px;
	}	
	
#logo {
	display: inline;
	float: left;
	padding: 0;
	
	}
	
p.tagline {
	color:#666;
	font-size: 36px;
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	display: inline;
	float: left;
	margin: 40px 0 0 300px;

	}
	
#chrisnorris {
	display: inline;
	float: right;
	margin: 0 1px 0 1px;
	}

/* **********************menu ***************** */

#menu {margin:0;padding:0; height: 103px; min-height: 103px; background: #032A79; width: 865px; padding: 2px 0px 0px 0 ;  }
#menu ul { margin:0;padding:0;  }
#menu ul li { display:block;padding:0; float:left;text-align:left;margin-right:10px; width: 103px;  }
#menu li a { color:#fff;font:bold 14px arial;text-decoration:none;line-height: 1.3em; display:block; height: 103px; min-height: 103px;}
#menu li a:hover { color:#fba911; background: #222e44;}
#menu li span {font: normal 11px arial; color:#fff; margin-top:5px; display: block; }
#menu ul li.home {width: 50px;}
li.home a {width: 50px;}


#nav { position: relative; z-index: 5; 	}

#nav ul { /* all lists */
	margin: 0;
	padding: 0;
	list-style: none;
	width: 103px;
}
#nav a {
	display: block;
	width: 103px;
	background: #032a79;

}
#nav a:hover {
	background: #222e44;
	color: #fba911;
	}
#nav li { /* all list items */
	float: left;
	width: 103px; /* width needed or else Opera goes nuts */
		padding: 5px 0 0 10px;
}

#nav li ul { /* second-level lists */
	position: absolute; 
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
/*	height: 40px;
	min-height: 40px;
	display: block;
*/	}

#nav li ul li a {
	width: 170px;
	display: block;
	height: 30px;
	min-height: 30px;
	font-size: 12px;
	background: #032a79 url(../images/arrowblue.jpg) top left no-repeat;
				padding: 10px 0 0 10px;
	}
	
#nav li ul a:hover {
	background: #222e44;
	color: #fba911;
	background:#222e44 url(../images/arrowback.jpg) top left no-repeat; position:relative;
	}	
		
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 100px;
	width: 180px;
	}
	
#nav li ul ul li {width: 180px;}
#nav li ul ul li a {width: 180px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 	left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.sfhover { color: #fba911; background: #222e44; }
/* ************** end menu ************** */	

#maincontent {
	display: block;
	padding: 15px;
	padding-bottom: 0;
	position: relative;
	z-index: 1;
	}

.leftcontent {


	}
.rightcontent {
	float: right;
	width: 500px;
	margin-top: -40px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 0;
    position: relative;
    display: inline;

	}	
	
.corecontentleft {
	float: left;
	width: 500px;
	display: inline;
	padding-left: 10px;
	}
	
.corecontentright {
	float: right;
	width: 450px;
	margin-bottom: 10px;
	position: relative;
	}
	
.corecontentwide {
	float: left;
	width: 710px;
	display: inline;
	padding-left: 10px;
	position: relative;
	z-index:2;
	}
	
.corecontentnarrow {
	float: right;
	width: 240px;
	margin-bottom: 10px;
    position: relative;
	}



/* ******** featured content ********** */
#featured{
	width:250px;
	padding-right:250px;
	position:relative;
	height:280px;
	background:#fff;
	border:2px solid #999;
}

#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:250px;
	list-style:none;
	padding:0; margin:0;
	width:250px;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:14px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

#featured .ui-tabs-panel{
	width:250px; height:280px;
	background:#fff; position:relative;
  overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}

#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:90px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
	text-decoration: none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#222e44;
	color: #fba911;
}


#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url(../images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#222e44;
	color: #fba911;	

}

#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}

#featured .ui-tabs-panel img {
	margin-left: 20px;
	margin-top: 15px;
	}
	
#featured .ui-tabs-panel .info{
	position:absolute;
	top:210px; left:0;
	height:80px; width: 280px;
	background: url('../images/transparent-bg.png');
}
#featured .info h2{
	font-size:18px; 
	color:#fba911; padding:5px; padding-left: 0; margin:0;
	overflow:hidden;
	font-weight: bold;
}
#featured .info p{
	margin:0 5px;
	font-size:12px;
	line-height:15px; color:#fba911;
	font-weight: bold;
	padding-right: 5px;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	margin: 0 5px;
}
#featured .info a:hover{
	text-decoration:underline;
}

#featured .info a span {
	color: #fba911;

	}

/************************** */
	
	
/* **** new box ********* */

.boxedcontent, .boxedcontentwide {
	width: 310px;
	display: inline;
	float: left;
	background: #ffffff url(../images/arc.jpg) top left no-repeat;
	padding-left: 5px;
	padding-top: 0;
	margin-top: 0;
	margin-right: 8px;
	}

.boxedcontentwide {
	width: 340px;
	margin-right: 10px;
	}
	
.p-shadow {
  width: 300px;
  float:left;
  background: url(../images/shadow.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 5px;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;

  padding: 10px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.boxedcontent img.pic, .boxedcontentwide img.pic {
	border: 0;
	margin-right: 8px;
	float: right;
	}	
	
.boxedcontent a, .boxedcontentwide a {
	font-weight: bold;
	}	
	
	
/***** left columns ****** */

.legal p {
	margin-top: 50px;
	font-size: 11px;
	line-height: 1.0;
	}

.corecontentleft a {
	font-weight: bold;
	}
	
.floatright {
	float: right;
	}
	
.pushright {
	position: relative;
	top: 0;
	left: 150px;
	}
    
 .padded {
    margin: 0 5px; }   
 
/**** right columns ******* */

.subright {
	float: right;
	position: relative;
	z-index: 5;
    display: inline;
	}

img.mainimg {
	float: left;
	margin-top: 100px;
	display: inline;
	}
	
img.mainimgwide {
	float: left;
	display: inline;
	}	

img.pushup {
	margin-top: -50px;
	position: relative;
	z-index: 1;	
	}

	
img.moveup {
	margin-top: 50px;

	}
    
 

#newsletter, .relatedlinks, .appointment {
	width: 200px;
	margin-bottom: 10px;
	}
	
	
.relatedlinkswide {
	margin-right: 0;
	padding-right: 0;
	}
	
.relatedlinks a, .relatedlinkswide a {
	font-weight: bold;
	}
	
.appointment {
	}
	
.apptblock {
	width: 250px;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 250px;
	}

.topboxwide {
		background: url(../images/orangelongtop.jpg) top left no-repeat;
		width: 250px;
		height: 10px;
		min-height: 10px;
		margin: 0;
		padding: 0;
		}
.bottomboxwide {
	background: url(../images/orangelongbottom.jpg) bottom left no-repeat;
		width: 250px;
		height: 10px;
		min-height: 10px;
		margin: 0;
		padding: 0;
	}	
	
.topbox {
		background: url(../images/orangetop.jpg) top left no-repeat;
		width: 200px;
		height: 10px;
		min-height: 10px;
		margin: 0;
		padding: 0;
		}
.bottombox {
	background: url(../images/orangebottom.jpg) bottom left no-repeat;
			width: 200px;
		height: 10px;
		min-height: 10px;
		margin: 0;
		padding: 0;
	}	
		
.innerappt {
	border-left: 1px solid #fba911;
	border-right: 1px solid #fba911;
	margin: 0;
	padding: 0 3px;
	width: 193px;
	}
		
.apptblock .innerappt {
	border-left: 1px solid #fba911;
	border-right: 1px solid #fba911;
	margin: 0;
	padding: 0 3px;
	width: 243px;
	}
	
.innerappt h3, .innerappt h3 a {
	margin-top: 0;
	padding-top: 0;
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #222E44;
	display: inline;
	}
	
.innerappt p {
	margin-bottom: 0;
	padding-bottom: 0;
	}
.innerappt p a img {
	margin: 0;
	padding: 0;
	}
	
.apptblock .innerappt h2, .apptblock .innerappt h2 a {
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #222E44;
	display: inline;
	}

	
.darkblue {
	color: #032A79;
	font-weight: bold;
	
	}	
	
/**** footer columns ***** */

.column {
	width: 175px;
	min-width: 175px;
	padding: 5px;
	display: inline;
	float: left;
	}

.columnarrow {
	width: 130px;
	min-width: 130px;
	padding: 5px;
	display: inline;
	float: left;
	}
	
.columnwide {
	width: 225px;
	min-width: 225px;
	padding: 5px;
	display: inline;
	float: left; 
}

/* *************** */	
img {
	display: inline;
	}
.padded {
	padding: 10px;
	}
p.small {
	font-size: x-small;
	display: inline;

	}

span.small {
	font-size: 11px;
		}
	
p.italic {font-style: italic;}

.initalics {font-style: italic;}

p.headline, a.headline {
	color: #666;
	font-size: 24px;
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	text-decoration: none;
}	
	
h1 {
font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 26px;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	width: 450px;
	min-width: 500px;
}
	
h2	{
font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 22px;
	text-align: left;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}

h3 {
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 18px;
	}
	
h4 {
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 12px;
	font-style: italic;
}
	
#linkbar h3 {
	font-family: 'Gill Sans / Gill Sans MT', sans-serif;
	font-size: 12px;
	color: #222e44;
	text-align: left;
	}
	
ul {
	margin: 0;
	padding: 0 ;
	list-style: disc inside;
	line-height: 1.5;
	font-size: small;
	}

.clear {display: block;clear: both;}

.list2 {list-style: disc outside;}
.list2 li {padding: 3px 0 4px 10px;margin-left: 15px;}
.listnodisc {list-style: none;}
.listnomargin {margin-left: -15px;}


.staffpic {
	float: left;
	margin: 10px;
	border: 1px solid #222E44;
	}


/*****************************/

/* ******************** */
#linkbar {
	width: 985px;
	text-align: center;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 15px;
	margin: 5px 0 0 -15px;
	border-top: 1px solid #999;
	background: #8AA3CB url(../images/linkbarbg.jpg) top left repeat-x;

	}
#linkbar a, #linkbar2 a {
	font-size: 11px;
	padding-right: 0.4em;
	padding-left: 0.4em;
	text-decoration: none;

	}	
	
#linkbar a:hover {
	color: #ffcc00;
	font-weight: bold;	
	}
	
#linkbar h2 {
	color: #fff;
	}
hr.quarter {
	width: 25%;
	}
	
#cmn {
	margin: 10px;
	}
	
/* ****** for tables ***** */

.altrow {background: #cecece;}

#headrow td, #lecturetitles td {font-weight: bold; text-align: center; }

#dates, #lectures {width: 95%; margin: 10px 0 10px 5px; border:1px solid #333;}

#lectures td {text-align: top; padding: 5px;}

.bordered {border: 2px solid #cecece; padding: 5px;}
	
/* ******** for lists ********* */

.list li {padding: 5px 0 10px 10px;margin-left: 10px;}

.list3 {list-style: disc outside;margin-top: 5px; margin-left: 50px;}
.list3 ul {padding: 1px 0 1px 10px;}
.list3 li {padding: 1px 0 1px 19px;}

/* ******* form styling ******** */

fieldset {  
float: left;    
clear: both;    
width: 100%;    
margin: 0 0 1.5em 0;    
padding: 0;    
border: 1px solid #BFBAB0;    
background-color: #E2ECF3; 

}  
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;  
font-size: 14px;
}  

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;  
}  
fieldset li {  
padding-bottom: 1em;  
}  
fieldset.submit {  
border-style: none;  
}

label {    
display: block;  
}

fieldset fieldset {      
    
border-style: none;      
background-color: transparent;      
background-image: none;      
}      
fieldset fieldset legend {      
margin-left: 0;      
font-size: small;
color: #666;     
}      
 
fieldset fieldset label {      
float: none;      
width: auto;      
margin-right: auto;
display: inline;      
}

fieldset.submit {    
float: none;    
width: auto;    
border-style: none;    
padding-left: 15em;    
background-color: transparent;    
}


/* ************ do I still need these below? *********** */	

.list4 {list-style: circle inside;}
.list4 li {margin: 5px 0 0 15px; line-height: 1.0;}

	
#services {position: relative;top: 0;left: 0;z-index: 250;}

#products {margin-bottom: 50px;}
#products td {padding-top: 20px;}
#products td h2 {line-height: 1.0;}
#overview td {border: 1px solid #abc2c5;text-align: center;	}
#overview td.noborder {border: none;}
#course {width: 100%;border: 1px solid #000080;}

#library {width: 100%;}
.pdficon {padding-left: 32px;padding-bottom: 15px;}
#pocketbook {
	position: relative;
	width: 20%;
	float: left;
	padding-right: 50px;

	}
#opening {width: 100%;}
#courselist li {padding-top: 5px;}
#actionlinks li {padding-top: 5px; line-height: 1.0;}
#books {width: 300px;display: inline;}
#bookleft {float: left;display: inline; margin-left: 10px;}
#bookright {display: inline;}


#verticalscroll {
	background: #b4d1fe;
	}
#topimage {
		display: block;
		}
		
.address {list-style: none outside}

.borderbox {text-align: center;border: 1px solid black; width:120px; padding: 10px; background: white;}


#listall a {background: #F6B43A url(../images/orangetab.jpg) top left repeat-x;}
	
.ultrafit {
	margin-right: 10px;
	}