/* Reset */
/* * * * * * * * * * * * * * * * * * * * * * */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
body { background-color:#fff; color:#000; }
legend { color:#000 }
ul, ol { margin:10px; padding:0 0 0 15px; }

img {
	border:0;
	vertical-align:baseline;
	color: #FDEBB3;
}
/* * * * * * * * * * * * * * * * * * * * * * */ 

/* Generic Styling */
/* * * * * * * * * * * * * * * * * * * * * * */ 
/* Forms */
/*form { float:left; clear:left; padding:5px; }
form label { display:block; float:left; clear:left; width:150px; padding:1px; }*/

/* Formatting shortcuts */
.bold { font-weight:bold; }
.italic { font-style:italic }
p.center,div.center { text-align:center }
p.right{ text-align:right } 
p.left { text-align:left }
div.right { float:right; }
div.left { float:left; }
img.right { float:right; margin:0 0    10px 10px; }
#text img.right { margin-right:18px; }
#text img.left { margin-left:18px; }
img.left  { float:left;  margin:0 10px 10px 0; }
.hide { display:none }
.debug { border:1px solid #f00; }

hr.spacer { clear:left; height:1px; border:none; background-color:transparent; color:inherit; margin:0; padding:0; }
/* * * * * * * * * * * * * * * * * * * * * * */ 

/* Site Specific Styling */
/* * * * * * * * * * * * * * * * * * * * * * */ 

body { background:#fb9f45; font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form { margin: 0; padding: 0; }
form label { 
	float: left; width: 150px; display: block; clear: both; }
form p { clear: both; } 

#text ul.ul-spaced li { margin-bottom:5px; }
#text .divider { clear:both; display:block; height:1px; padding:10px 0; margin:0 15px; background:#fff url(../images/gray.gif) center left repeat-x;  }

input.style1 { border:1px solid #5f5f5f; border-bottom-color:#d1d1d1; border-right-color:#d1d1d1; background:#fff url(../images/input-bg.gif) top left no-repeat; padding:2px 3px;}
input.small { width:120px; font:11px/14px Arial, Helvetica, sans-serif; }

a:link    { color:#008299; text-decoration:underline }
a:visited { color:#008299; text-decoration:underline }
a:hover   { color:#930; text-decoration:underline }
a:active  { color:#930; text-decoration:underline }

#container { width:740px; margin:0 auto; }
#header, #content, #footer, #nav, #bottom-corners { clear:left; float:left; width:740px; }

#homecontainer { width:740px; margin:0 auto; }
#header, #top-home-content, #home-content, #footer, #nav, #bottom-cornersw { clear:left; float:left; width:740px; }

/* Header */
#searchbar { background:url(../images/searchbar1-bg.gif) bottom left no-repeat; text-align:right; padding:10px; width:720px; margin-top: 10px; }
#searchbar input, #searchbar select { vertical-align:bottom; }
#quicklinks { font:11px/11px Arial, Helvetica, sans-serif; }

#banner { float:left; }
#fnav { float:left; background:#fff url(../images/fnav-bg.gif) top left no-repeat; height:105px; }
#fnav ul { margin:20px 19px 0 0; padding:0; list-style-type:none; }
#fnav li { margin:0; padding:0; line-height:0; font-size:0; }


/* Main Navigation */
#nav { text-align:right; background:#fff url(../images/nav1-bg.gif) top left no-repeat; }
#nav ul { margin:0; padding:0; list-style-type:none; }
#nav li { margin:0; padding:0; display:inline; }

#content { background:#f6d266 url(../images/content-bg.gif) top left no-repeat; padding:20px 20px 2px 20px; width:700px; }
#top-home-content { background:#f6d266; padding:0px 0px 10px 0px; width:740px; }
#home-content { background:#f6d266 url(../images/content-bg.gif) top left no-repeat; padding:20px 20px 2px 20px; width:700px; }
#home-content2 { background:#ffffff; padding:20px 20px 2px 20px; width:700px; }
#bottom-corners { display:block; height:18px; background:url(../images/footer-bg.gif) top left no-repeat; }
#bottom-cornersw { display:block; height:18px; background:url(../images/footer-bg.gif) top left no-repeat; }

/* Subnav */
#left { float:left; width:200px; border-right:1px solid #fbdf8e; background:#FFEBB1 url(../images/left-bottom-bg2.gif) bottom left repeat-x; padding-bottom:86px; margin-right:1px; }
#left p { clear:left; padding:20px 25px 10px 25px; width:150px; }
#left ul { list-style-image:url(../images/arrow-bullet.gif); margin:5px 15px; }
#left li { margin:15px; margin-right:5px; }
#left li a { color:#000; text-decoration:none; }
#left li a:hover { color:#008299; }
#homepage-left .divider, #left .divider { clear:left; float:left; display:inline; margin:0; margin-left:16px; width:168px; background:url(../images/dashed-divider-bg.gif) center left repeat-x; font-size:0; line-height:0; padding:2px 0;  }
#left .section { clear:left; float:left; font:11px/13px Verdana, Arial, Helvetica, sans-serif; width:200px; }
#left-top2 { float:left; width:200px; height:20px; line-height:0; background:url(../images/left-top-bg3.gif) bottom left no-repeat; }
/*#left .bottom { background:url(../images/left-bottom-bg2.gif) bottom left repeat-x; padding-bottom:86px; }*/
#left .top p { padding-top:0; }


/* Main Content */
#text-wrap { float:left; width:495px; }
#text { float:left; background:#fff url(../images/text-corner-top.gif) top right no-repeat; border-left:1px solid #fae7ae; width:494px; padding:15px 0; font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666;  }
#text .breadcrumb { padding: 0 18px 12px 18px; }
#text .breadcrumb, #text .breadcrumb a { font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; text-decoration:none;  }
#text .breadcrumb a:hover { text-decoration:underline; }
#text h1 { font:15px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:12px 0; padding:0 18px; color:#000; }
#text h2 { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0px 0 6px 0; padding:0 18px; color:#008299; }
#text h3 { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:12px 0 0px 0; padding:0 18px; font-style:italic; color:#008299; }
#text h4 { font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin:12px 0 0px 0; padding:0 18px; }
#text p, #text table {
	padding:0 18px 18px 18px;
	font-size: 11px;
}

#text ul, #text ol { margin:0px 30px 18px 30px; }
#text ul { list-style-type:none; padding:0; padding-top:4px; }
#text ul ul, #text ul ol, #text ol ol, #text ol ul { margin-bottom:0; }
#text li p { padding:8px 0 0 0; }
#text ul li { padding:0 0 8px 0; padding-left:15px; background:url(../images/arrow-bullet2.gif) top left no-repeat; }
#text ol li { padding:0 0 8px 0; }
#text .quote_blue { color:#999; }
#text-corners { clear:left; float:left; display:block; width:494px; /*height:16px;*/ border-left:1px solid #fae7ae; background:#fff url(../images/text-corner-bottom.gif) bottom right no-repeat; 
 padding:0pt 18px 10px 18px; width:458px;
}
#text img.border { border: 1px solid rgb(83, 146, 193); }

/* Feature box */
#text .fbx { width:160px; padding:0 20px; margin-top:12px; margin-left:20px; margin-bottom:25px; background:url(/images/blue-dashed-vert-divider-bg.gif) top left repeat-y; }
#text .fbx ul, #text .fbx ol { clear:left; margin:0; padding:0; padding-top:4px; list-style-type:none; list-style-image:none; }
#text .fbx li { padding:0 0 8px 0; padding-left:15px; margin:0 00px; background:url(../images/arrow-bullet2.gif) top left no-repeat;  }
#text .fbx img.left { clear:left; float:left; display:inline; margin:0; margin-left:11px; margin-right:12px; }
#text .fbx p { text-align:left; padding:10px 0 0px 0; }
#text .fbx .divider { clear:left; float:left; display:inline; margin:0; width:160px; background:url(../images/blue-dashed-divider-bg.gif) center left repeat-x; font-size:0; line-height:0; padding:8px 0;  }

/* Footer */
#footer {  font:11px/12px Verdana, Arial, Helvetica, sans-serif; color:#a84b1e; padding:4px 20px 30px 20px; width:700px; }
#footer p { padding:7px 0; }
#footer a { font:11px/12px Verdana, Arial, Helvetica, sans-serif; color:#a84b1e; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* * * /

/* Homepage-only stuff */
#homepage-left { float:left; width:190px; background:#ffebb1 url(../images/left-top-bg.gif) top left no-repeat;  font:11px/20px Verdana, Arial, Helvetica, sans-serif; }
#homepage-left p  { clear:left; margin-left:20px; margin-bottom:0; }
#omepage-left input.style1 { clear:left; float:left; margin-left:20px; font:11px/11px Arial, Helvetica, sans-serif;  }
#homepage-left input { vertical-align:bottom; }
#homepage-left .section { clear:left; float:left; width:190px; padding:12px 0 15px 0; }
#homepage-left .section div p { margin-left: 0; }
#homepage-left .divider { clear:left; float:left; display:inline; margin:0; margin-left:11px; width:168px; background:url(../images/dashed-divider-bg.gif) center left repeat-x; font-size:0; line-height:0; padding:2px 0;  }
#homepage-left .bottom { background:url(../images/left-bottom-bg.gif) bottom left no-repeat; }
#homepage-left label { font:11px/11px Arial, Helvetica, sans-serif; margin-bottom:2px; margin-top:4px; }
#homepage-left form { margin-bottom:5px; }

#homepage-right2 { float:right; width:190px; background:#ffebb1 url(../images/left-top-bg.gif) top right no-repeat;  font:11px/20px Verdana, Arial, Helvetica, sans-serif; }
#homepage-right2 p  { clear:left; margin-left:15px; margin-top:0px; }
#omepage-right2 input.style1 { clear:left; float:right; margin-left:20px; font:11px/11px Arial, Helvetica, sans-serif;  }
#homepage-right2 input { vertical-align:bottom; }
#homepage-right2 img.center { float:center; margin-top:2px;}
#homepage-right2 .section { clear:left; float:right; width:190px; padding:12px 0 15px 0; }
#homepage-right2 .section div p { margin-right: 0; }
#homepage-right2 .divider { clear:left; float:right; display:inline; margin:0; margin-right:11px; margin-bottom:11px; margin-top:5px; width:168px; background:url(../images/dashed-divider-bg.gif) center left repeat-x; font-size:0; line-height:0; padding:2px 0;  }
#homepage-right2 .bottom { background:url(../images/left-bottom-bg.gif) bottom right no-repeat; }
#homepage-right2 label { font:11px/11px Arial, Helvetica, sans-serif; margin-bottom:2px; margin-top:4px; }
#homepage-right2 form { margin-bottom:5px; }
#homepage-right2 li p { padding:5px 5px 5px 5px; margin-right: 2px }
#homepage-right2 ul {list-style-image:url(../images/double_bullet.gif);	padding:0 0 0px 0; padding-left:15px; padding-right:5px;	list-style-position:outside;}
#homepage-right2 li { margin:10px; margin-right:5px; }
#homepage-right2 li a { color:#008299; text-decoration:none; }
#homepage-right2 li a:hover { color:#933000; }

#homepage-text { float:left; width: 492px; }

#homepage-text-wrap { float:left; width:492px; }
#homepage-text2 {float:left; background:#fff url(../images/text-corner-top2.gif) top left no-repeat; border-left:1px solid #fae7ae; width:494px; padding:0px 0px 15px 15px; font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666;  }
#homepage-text3 { float:left; background:#fff; border-left:0px solid; width:492px; padding:15px 0; font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666;  }
#homepage-text2 .breadcrumb { padding: 0 18px 12px 18px; }
#homepage-text2 .breadcrumb, #text .breadcrumb a { font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; text-decoration:none;  }
#homepage-text2 .breadcrumb a:hover { text-decoration:underline; }
#homepage-text2 h1 { font:15px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:12px 0; padding:0 18px; color:#000; }
#homepage-text2 h2 { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0px 0 6px 0; padding:0 18px; color:#008299; }
#homepage-text2 h3 { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:12px 0 0px 0; padding:0 18px; font-style:italic; color:#008299; }
#homepage-text2 h4 { font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin:12px 0 0px 0; padding:0 18px; }
#homepage-text2 p, #text table { padding:0px 18px 10px 0px;}
#homepage-text2 ul, #homepage-text ol { margin:0px 30px 18px; margin-right: 80px;}
#homepage-text2 ul { list-style-type:none; padding:0; padding-top:0px; }
#homepage-text2 ul ul, #text ul ol, #text ol ol, #text ol ul { margin-bottom:0; }
#homepage-text2 li p { padding:0px 0 0 0; }
#homepage-text2 ul li { padding:0 0 2px 0; padding-left:15px; background:url(../images/arrow-bullet2.gif) top left no-repeat; }
#homepage-text2 ol li { padding:0 0 8px 0; }
#homepage-text2 .quote_blue { color:#999; }

#notebook { float:left; width:492px; background:#fff url(../images/notepad-bg.gif) top left repeat-y; background-position:0 34px; line-height:20px; }
#notebook .top{ display:block; width:492px; height:34px; background:url(../images/notepad-top-bg.gif) top left no-repeat; }
#notebook .bottom{ display:block; width:492px; height:23px; background:url(../images/notepad-bottom-bg.gif) bottom left no-repeat; }
#notebook p { margin:0 30px 20px 38px; }

#highlights { clear:left; float:left; background:url(../images/highlights-bg.gif) top left no-repeat; padding-top:30px; width:492px; margin-top:25px; }
#highlights .subhead { margin-left:8px; margin-bottom:20px;  }
#highlights .subtext { margin-left:20px; }
#highlights .left { margin:0 7px 5px 0; }
#highlights .section { float:left; width:149px; padding-right:6px; margin-right:6px; top right repeat-y; }
#highlights a { color:#930; }
#highlights a:hover { color:#008; }

#login { clear:left; float:left; background:url(../images/highlights-bg.gif) top left no-repeat; padding-top:30px; width:492px; margin-top:25px; }
#login .subhead { margin-left:8px; margin-bottom:20px;  }
#login .subtext { margin-left:20px; }
#login .left { margin:0 7px 5px 0; }
#login .section { float:left; width:200px; padding-right:6px; margin-right:6px; background:url(../images/dashed-vert-divider-bg.gif) top right repeat-y; }
#login a { color:#930; }
#login a:hover { color:#008; }

/* Rollover pop-up window for /program_design/connections.php */
/*#tips { display:none; position:absolute; margin-top:-430px; width:435px; height:400px; margin-left:15px; padding:10px; overflow:none; background:#fff; border:1px solid #ccc; background:#fff2cc;}*/

/* * */

/* These are some styles they use on the old site */
.pagetitle_publications {
	color:#008299;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	padding:10px 0pt 0pt;
}
.pagetitle_homepage {
	color:#993300;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	padding:10px 0pt 0pt;
}
.pagetitle_trainings {
	color:#008299;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	padding:10px 0pt 0pt;
}
.quote_publications {
	color:#008299;
}
.style2 {
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}
.style3 {
	color:#666666;
	margin-right: 20px;
	font-weight: bold;
}
.style4 {
	color:#666666;
	font-size:11px;
}
.style5 {
	color:#008299;
	font-style:italic;
	font-weight:bold;
}

a.red, .red { color:#930; }
a.no-u { text-decoration:none; }

.featureSmall {
	float:left;
	clear:left;
	margin-left:12px;
	margin-top:15px;
	padding:4px;
	width:168px;
	border:1px solid #fff;
	color:#A94A12;
	background:#F5EED6 center;
	font-size:10px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.featureSmall .title, .featureSmall .title a {
	color:#008299;
	font-family:"Verdana", Verdana, sans-serif;
	font-size:12px;
	line-height: 18px;
}
.featureSmall a {
	text-decoration:none;
	color:#A94A12;
}