.center {
  text-align: center;
  font-size: inherit;
}

.right {
  text-align: right;
  font-size: 90%;
}

.uparrow {
  border: 0;
	 }
	 
.downloadbox {
 width:160px;
 padding:10px;
 border: 1px solid silver;
 text-align: justify;
 font-size: 85%;
}

.floatr { 
  float: right;
  margin: 4px 4px 10px 10px;
}

.floatl { 
  float: left;
  margin: 4px 10px 10px 10px;
}

.stroke { border: 1px solid #c4d3e3; }

.grayed { background-color: #ddd; }

.insert {
  color: black;
  background: #d9e9ff;
  width: 40%;
	 font-size: 90%;
}

.insert h2 {
  font-size: 80%;
  margin-top: 0;
  text-align: center;
}

.serifside {
  font-size: 90% !important;
  font-family: Georgia, serif;
  color: inherit;
  background: #e6ebff;
  padding: 12px;
  border: dotted 2px #fff;
}

.serifside p {
  font: inherit;
}
.box {
  border: 1px solid black;
  padding: 6px;
}

.brilliant, .brilliant a, .brilliant a:link, .brilliant a:visited {
  font-size: 115%;
  font-weight: 600 !important;
  font-style: italic !important;
  color: #e27100 !important; /*#b06 #ed5800 #cc3300 */
  background: inherit;
}

.normal {
	font-weight: normal !important;
	}

dl {
  margin-top: 3px;
  margin-bottom: 12px;
}

dt {
	font-weight:bold;
	font-size: 13px;
	margin-left: 10px;
	}

dt span {
	font-weight:normal;
	}


dl.descriptions dt:before {
	content: url("/distance/images/bullet_orng_navi.gif");
	display: inline;
	padding-right: 6px;
}
dl.descriptions dt {
 font:normal normal 15px/1.3em Arial,Helvetica,sans-serif;
	}

dl.descriptions dt span {
 font-family:inherit;
 color: #111 !important;
	}

/* dl.descriptions dt a {
	color:#335588 !important;
	background-color: inherit;
	}

dl.descriptions dt a:link {
	font-weight: normal !important;
color:#335588 !important;
	background-color: inherit;
	}
*/

dl.descriptions dt a:hover {
	font-weight: normal !important;
	color:#cc4400 !important;
	background-color: inherit;
	}

dd {
  font-size: 13px;
  margin: 4px 0 8px 20px;
}

dd + dd { margin-top: -3px; }

.elements dd {
  font-size: 13px;
  margin: 0 0 12px 20px;
}

ul#pagetoc {
  font-size: 102%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 0.8em;
	 }

h2#navbar {
	position:absolute;
	top:-10em;
	left:-10em;
	}
/* was loud color #d35 */
.loud {
  color: #dd6a00;
  font-weight: 600;
	 font-size: inherit;
  background: inherit;
}

.loud a, .loud a:link, .loud a:visited {
  color: #ff8c00;
  font-weight: 600;
	 font-size: inherit;
  background: inherit;
}

/* expanding menu styling */
#udm ul {
	margin-left:0 !important;
	margin-top:1px !important;
	width:165px !important;
	w\idth:157px !important;
	}

#udm ul ul {
	width:157px !important;
	w\idth:150px !important;
/*	border-style:dotted;
	background-color:#ffe;
	font-color:#000; */
	}
#udm ul ul ul {
	width:150px !important;
	w\idth:145px !important;
	/*border-style:dotted;*/
	background-color:#e6eaf3;
	}	

@media print { /*makes udm javascript navigation area invisible for printing*/
  #udm {
  display: none;
	 color: inherit;
	 background-color: transparent;
	 }
}
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, 
content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer 
because each browser has a different top margin default value. By resetting these values to 0, the elements will 
initially be rendered in an identical fashion and their properties can be easily defined by the designer in any 
subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-size: 100%;
	background-color: #d3d9e6;
}
#global_header {
	width: 100%;
	height: 70px;
	background-image: url(/distance/images/global_hdr_bkgrnd.gif);
	background-repeat: repeat-x;
	background-color: #0b1966;
}
#global_header_wrap {
	min-width: 760px;
	max-width: 1200px;
/*	width: 805px; */
	background-color: #0b1966;
	margin: 0 auto 0 auto;
}

/* WRAPPER This is a holder of all of the page's visible elements, including the shadow behind the container div. */
#wrapper {
	background-repeat: repeat-x;
	background-image: url(/distance/images/de_wrapbkgrnd.gif);
	clear: both;
}

/* CONTAINER This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#container {
	position:relative; /* should establish a positioning for child elements */
	min-width: 740px;
	max-width: 1200px;
	margin: 0 auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 0;
	border-bottom: 21px solid #0b1966;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#container .clearFloat {
  clear: both;
  display: block;
}

.clearme {
 clear: both;
 height: 0%;
 overflow: hidden;
}

.widewrap {
 margin: 0 auto;
 width: 800px;
}

/* #container_shadow {
	background: url(images/content_dropshad_rep.gif) repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} */
.es-graytype {
   color: #999; 
}
/****************************************/
/* Header Begins */ 
#estop-header {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 10px;
	height: 82px;
	margin: 0px auto -10px auto;
}
#bsu_es-logos {
	height: 58px;
	border-width: 0px;
	margin-top: 6px;
	width: 135px;
}
.bsulogo {
	padding-left: 2px;
	}
#es-spacer {
   margin-left:10px;
   font-weight:bold;
   position:relative;
   top: -5px; 
}
#bsu-globalnav {
   float:right;
		width: 360px;
   text-align:right;
   white-space:nowrap;
   padding-top:5px; 
}

@media print {
#bsu-globalnav { visibility:hidden; }
}
.searchbox {
	background: #c7d7e7;
	border: 1px solid #ccc;
}
.fence {
	color: #993300;
	margin:0 5px;
}
#estop-header a:link, #bsu-globalnav a:link, #bsu-globalnav a:visited, #estop-header a:visited {
	color: #d8e8f8;
	text-decoration: none;
}
#estop-header #bsu-globalnav a:hover  {
	text-decoration: underline !important;
}
#header {
	margin-top: -15px;
}
#header-title { 
   color: #fff;
}
/*.eshometype {
	font-size:18px;
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
#header-eshome {
	height:20px;
}
#header-es1 {
	vertical-align: top;
}
#header-eshome, #header-es1, .eshometype {
	font-size:18px;
	color: #003366;
	padding-bottom: 10px;
} */
#header-search {
	padding-right:10px;
	font-size:11px;
	white-space:nowrap;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: -5px;
	padding-top: 2px;
}
.header-searchtype {
	font-size:11px;
	color: #c7d7e7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 8px;
}
/* Header Ends */ 
/****************************************/
/* Extended Studies Global Links BEGINS */
#es-globalnavigation {
	height:30px;
	min-width: 760px;
/*	width: 100%; */
	background-image: url(/distance/images/es_global_hdrblue.gif);
	padding-left: 165px;
	background-repeat: repeat-x;
	position: relative;
}

@media print {
#es-globalnavigation { display: none; }
}
#es-globalnavigation a:link, #es-globalnavtype a:link, #es-globalnavtype a:visited {
	text-decoration: none;
	color: #e5ecf4;
	}
#es-globalnavtype a:hover  {
	text-decoration: underline !important;
	}

#es-globalnavtype {
	font-size:11px;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	width: 640px; */
 margin: 0px auto;
	padding-top: 8px;
	color: #c7d7e7;
	padding-right: 4px;
}
/* Extended Studies Global Links ENDS */
/****************************************/

/****************************************/
/* Left nav styling for Sub pages BEGINS */
#incontent {
background-position: 14em;
}
#contentwrapper {
	margin: 0;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #fff;
	height: 100%;
}

#leftnav {
	float: left;
	background-color: #0b1966;
	background-image: url(/distance/images/navleft-fade-bkg.png);
	background-repeat: repeat-x;
	width: 165px;
	height: 700px;	
	margin: 0;
	padding: 0;
	border: 0;
}

@media print {
  #leftnav {
  display: none;
	 color: inherit;
	 background-color: transparent;}
}

#navfade {
	width: 165px;
	height: 128px;
	margin: 0;
	background-color: #0b1966;
	background-image: url(/distance/images/navleft-fade.gif);
 background-repeat: repeat-x;
}

.navigation {
	font-size: 11px;
 border-bottom: 1px dotted #fff;
	margin: 0;
	padding: 0;
}
.navigation ul { 
	background-color: #0b1966;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
}
.navigation li {
	border-bottom: 1px dotted #ECF5DB;
	margin: 0px;
	overflow: hidden;
	padding-left: 5px;
}
.navigation li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.navigation li a.active span {
font-weight: bold;
}

.navigation li a span {
	display: block;
	background-image: url(/distance/udm-resources/navor.gif);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	padding: 4px 3px  6px 14px;
	font-size: 50%;
}

@media print { /*makes orange navigation arrows invisible*/
  .navigation li a span {
  display: none;
	 background-image: none;
	 background-position: -10px;
	 padding: 0;
	 }
}

.navigation li a:hover {
	color: #fff;
	text-decoration: underline;
}

.navigation ul ul {
	background-color: #e6eaf3;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #fff;
	padding: 5px 0;
}
.navigation ul ul li {
border-bottom: 0px;
}
.navigation  ul ul li a {
	display: block;
	color: #333;
	padding: 0px;
	text-decoration: none;
}
.navigation ul ul li a:hover {
	color: #333;
	text-decoration: underline;
}
.navigation ul ul li a span {
padding: 4px 0.3em 4px 2.25em;
background-position: 1.3em 0.6em;
}

/*** Left nav styling for Sub pages ENDS **/
/****************************************/

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#subcontent {
	color: #113;
	margin: 0 0 0 160px;
	padding: 10px 0 20px 22px;
}
#subcontent a:link, #subcontent a:visited {
	text-decoration:none;
	color: #15b;
}

#subcontent p { /*controls paragraph spacing and line-height inside the Main Content area */
	font-size: 80%;
	line-height: 130%;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 0.8em;
	}
#subcontent table { /*controls paragraph spacing and line-height inside the Main Content area */
	font-size: 88%;
	}

#subcontent table li {font-size: inherit;}
	
#subcontent h1 { /*controls H1 inside the Main Content area */
	color: #003366;
	font-size: 110%;
	margin: 22px 0 0.5em 0px;
	padding: 0px;
	}
#subcontent h1 span {
 color: #78a;
	font-size: 90% !important;
	font-variant: small-caps;
 }


#subcontent h2 { /*controls H2 inside the Main Content area */
	color:#cc5722; /*was #0066bb then #6a7089 then #b95b39 */
	font-size: 104%;
	font-family: Georgia, "Times New Roman", serif;
	padding: 0 0 5px 0;
	margin: 0em;
	}

#subcontent #deckhed {
	color:#38d;
	font-size: 104%;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	padding: 0 0 5px 0;
	margin: 0em;
	}

#subcontent h3 { /*controls H3 inside the Main Content area */
	color: #004488;
	font-size: 90%;
	font-weight: 900;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	padding: 0;
	margin: 0.75em 0 0.2em 0;
	}
#subcontent h2 + h3 { margin-top: -0.1em; }

#subcontent h4 { /*controls H4 inside the Main Content area */
	color:#7a7d7f;
	font-size: 80%;
	padding: 0;
	margin: 0 0 0.8em 0;
	}
#subcontent strong { color: #333; }

#subcontent ul {
	padding: 2px;
	list-style-type: square;
	margin: 0.2em 0 0.3em 1em;
	}

#subcontent ul ul {
	padding: 3px;
	list-style-type: circle;
	margin: 0.2em 0 0.2em 1em;
	}

#subcontent ol {
	padding: 0;
	margin: .5em 0 1em 2em;
	}
#subcontent ul li {
	font-size: 80%;
	padding: 0;
	margin: 0 0 .5em 0;
	}
#subcontent ol li {
	font-size: 80%;
	padding: 0;
	margin: 0 0 .75em 0;
	}
#subcontent ol li ol {
	list-style-type:lower-alpha;
	}
#subcontent ol ol li{
	font-size: inherit;
	}
	
#subcontent ul ul li{
	font-size: inherit;
	}
	
#subcontent ol ul li{
	font-size: inherit;
	}
	
#subcontent ul ol li{
	font-size: inherit;
	}
	
#subcontent ol.steps li {
	font-weight: bold;
	font-size: 120%;
	}
	
#subcontent ol.steps li span {
	font-weight: normal;
	font-size: 80%;
	}
	
#subcontent li a {
	text-decoration:none;
	color: #000080;
	}
#subcontent li a:hover {
	text-decoration: underline !important;
	color: #000080;
	}
	
#subcontent li p {
	font-size: inherit;
	}
	
	/*BREADCRUMB STYLING */
/****************************************/
#subcontent #crumbs {
	min-width: 15em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1F60A9;
	text-decoration:none;
	padding: 0;
	display:inline;
	border-bottom: 1px solid #e7e8e3;
	margin: 0;
}
#subcontent #crumbs a {
	text-decoration:none;
	color:#1F60A9;
}
#subcontent #crumbs a:link, #subcontent #crumbs a:visited {
	color:#1F60A9;
}

#subcontent #crumbs a:hover {
	color:#4095df;
	text-decoration:underline;
}
#subcontent #crumbs a:active {
	color:#1F60A9;
	text-decoration:none;
}
/*** Right nav styling for 3-column pages **/
#cbmmcontent {
	margin-right: 200px;
	padding-right: 6px;
	border-right: 1px dotted #d3d9e6;
}
.altcontent {
	margin-right: 200px;
	padding-right: 6px;
	border-right: 1px dotted #d3d9e6;
}
#subcontent p a {
	text-decoration:none;
	color: #000080;
	}
#subcontent p a:hover {
	text-decoration: underline !important;
	color: #000080;
	}


#rightnav {
 width: 180px;
	float: right;
	padding-right: 10px;
}
#rightnav ul li {
 display: list-item;
	list-style-image: url("/distance/images/bullet_orng_navi.gif");
	}

#rightnav ul li ul {
 margin-bottom: 2px;
 margin-top: 0;
	}

#rightnav ul ul li {
 display: list-item;
	list-style-image: url("/distance/images/bluedot.gif");
	margin: 0;
	}

#rightnav h2 {
 margin-top: 30px;
	font-size: 85%;
}
/* cbmm notice box on cbmm home page */
#sidebox {
  font-size: 88%;
	 color: #364475;
	 border: 2px solid #ff8c00;
  padding: 10px 10px 14px 10px;
	 margin-top: 10px;
}

#sidebox h2 {
  color: #0066bb;
  }

/* The MAIN Content BEGINS */	
.content {
}
#main {
	margin-left: 160px;
}

a:link.showLink {
text-decoration:underline; 
}

.horzlinks {
	display: inline-block;
	font-weight: bold;
	padding-left: 20px;
	background-color: #c4d3e3;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
}
a:link.backtotop {
	font-size: 10px;
	color: #996600;
	text-decoration: none;
}
hr {
	margin-bottom: 20px;
	margin-top: 20px;
	color: #c4d3e3;
	background-color: #c4d3e3;
	height: 1px;
	border: 0;
}

hr.minor {
 color: #c4d3e3;
	background-color: #c4d3e3;
	height: 1px;
	width: 50%;
	text-align: center;
	border: 0;
}

blockquote {
 margin-top: 16px;
	margin-bottom: 16px;
	}

blockquote p {
 margin-left:10px;
 font-size: 90%;
	margin-top: 7px;
	margin-bottom: 7px;
 }

#subcontent p.cutline {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

#subcontent p.sidenote {
	font-family: Verdana, Trebuchet, sans-serif;
	color: gray;
	font-size: 11px;
	margin-bottom: 20px;
}
#subcontent p.reviewnote {
	font-family: Arial, Helvetica, sans-serif;
	color: gray;
	font-size: 11px;
	font-style: italic;
	padding-top: 30px;
}
#subcontent p.reviewdate {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
#subcontent a:link.prgmlink, #subcontent a:visited.prgmlink {
	color: #003366;
	font-size: 100%;
	font-weight: bold;
	display: block;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CC6600;
	margin-top: 30px;
	padding-top: 5px;
	text-decoration: underline;
}
#subcontent a:hover.prgmlink {
text-decoration:underline; 
}
.specialnote {
	font-weight: bold;
	color: #CC3300;
	font-size: 75%;
}

.notice {
  border: 2px solid #ff8c00;
  padding: 10px 10px 14px 10px;
  margin: 6px 0;
}

div.footnote {
  font-size: 70%;
	 color: gray;
	 background-color: inherit;
	 border-top: 1px solid gray;
	 padding-top: 10px;
}

.footnote ul li {
  margin-left: 10px !important;
	 margin-bottom: 1px !important;
}  

.footnote ul {
  margin-top: -6px !important;
}  

.footnote p {
  margin-left: 10px;
}  

.hanging {
  margin-left: 10px;
	 text-indent: -10px;
}

#cbmmcontent p.notice + h2 {
  margin-top: 20px;
}

#cbmmcontent p.notice + h3 {
  margin-top: 20px;
}

table.schedule {
  width: 100%;
	 border-collapse: collapse;
	/* border-spacing: 1px; */
  padding: 4px;
  border: 1px solid #0b1966;
	 margin: 6px 0px;
}

.fixedwidth { width: 760px; }

table.schedule tr th a {
  color: #ffffff;
  background: inherit;
}

table.schedule tr th a:hover {
  color: #f44;
  background: inherit;
}

table.schedule tr td {
  border: 1px solid #3547ab;
  margin: 2px 0 2px 0;
  text-align: center;
  vertical-align: middle;
  color: black;
  font-size: 13px;
  border-collapse: collapse;
}

table.schedule p {
  text-align: left;
	 font-size: inherit;
}

table.schedule tr th.column {
  text-align: right;
	 color: white;
}

th.column a, th.column a:link, th.column a:visited {
 color:white !important; 
	}

table.schedule tr th {
  text-align: center;
  background: #0b1966;
  font-size: 13px;
  color: #fff;
  border-collapse: collapse;
}
table.schedule tr th.left {text-align:left; }
table.schedule tr td.left { text-align:left; }
table.schedule tr td.left p { 
  font-size: 90% !important;
	 font-family: Verdana, Arial, sans-serif;
	  }

table.plain {
  border: none;
  width: 100%;
  margin: 10px 6px 10px 0;
  border-collapse: collapse;
  }
  
table.plain tr {
  border-bottom: 1px solid black;
	 font-size: inherit;
  }

table.plain th {
  background: #d3d9e6;
  border: 1px solid #d3d9e6;
  color: inherit;
	 font-size: inherit;
  }
  
table.plain td {
  text-align: center;
  border: 1px dotted #d3d9e6;
	 font-size: inherit;
  }

.grid {
  border: 2px solid silver;
  margin: 10px auto 10px auto;
  border-collapse: collapse;
  font-size: inherit;
  margin-bottom: 20px;
}

.grid tr td {
  margin: 0;
  padding: 2px;
  border: 1px solid gray;
}

.grid td { font-size: inherit; }

.grid tbody.centered { text-align: center; }
.grid tbody.centered tr > td:first-child { text-align: left }

.grid tr th {
  margin: 0;
  padding: 2px;
  border: 1px solid gray;
  color: #fff;
  background: #647EA8;
}

.grid th.subth {
  color: black;
  background-color: white;
}

.grid th.subthmelon {
  color: black;
  background-color: #fceae1;
}

.grid tr.gray {
  margin: 0;
  padding: 2px;
  text-align: center;
  font-weight: 600;
  font-size: inherit;
  background: silver;
  color: inherit;
}

.melon {
  background: #fceae1;
}

table.invisi {
  border: none;
	 padding: 0;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  }

#contentwrapper ul.nobullet {
  list-style: none;
}

#contentwrapper ul.indent {
  margin-left: 30px;
}

ul.linklist {
  margin: 1px 10px !important;
	 padding: 0;
	}

ul.linklist li {
 display: list-item;
	list-style-image: url("/distance/images/bullet_orng_navi.gif");
	line-height: 1.3em !important;
	}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.clearfloat {
  clear: both;
  display: block;
}
/* Misc styles (floats, etc.) BEGIN */
/* Optional Floated Right Box BEGINS */
#rightbox {
	float: right;
	width: 165px;
	background: #f5f5f5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	margin: 25px -9px 0.5em 0.5em;
	padding: 2px 8px 2px 10px;
	}
#rightbox p {
	font-size: 65%;
	line-height: 130%;
	color: #000;
	margin-top: -2px;
	padding-bottom: 2px;
	}
#rightbox h1 {
	color: #2a2d2e;
	font-size: 100%;
	margin-top: 5px;
	}
#rightbox h2 {
	font-size: 75%;
	line-height: 100%;
	color: #003399;
	margin-bottom: -4px;
	}
/* Floated Box ENDS */

/* Misc styles (floats, etc.) BEGIN */
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	width: inherit;
	margin-right: 10px;
	margin-top: 6px;
	margin-left: 0px;
	}
.floatleftboxed { /* this class floats an item and places a gray border with 4px of padding */
	float: left;
	width: inherit;
	margin-right: 8px;
	padding: 4px;
	border: 1px solid #ccc;
	}
.nofloatboxed { /* This class just boxes an image, no floats */
	padding: 4px;
	margin: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.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;
	}

/* Misc styles END */

.clear {
clear:both;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0; }

.nowrap {
white-space:nowrap; 
}

#btmband {
	position:relative; /* should establish positioning context for child elements */
	min-width: 760px;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #0b1966;
	height: 15px;
}
/****************************************/
/* Footer BEGINS */	
#footer {
	font-size:11px;
	padding: 0 0 5px 0;
	height: 60px;
	width: 800px;
	margin: 0px auto;
	}
.footer {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 5px;
}
.footer p {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #0b1966;
	padding-left: 12px;
}
.footer a:link {
	color: #0b1966;
}	
.footer a:hover {        
	text-decoration: underline;
}
/* Footer ENDS */
/****************************************/	

/* @media print */
.noprint {
   display:none; 
}

.onepage {
  display:block;
	 page-break-before: always;
	 page-break-after: always;
}