* { /* removes defaults from all elements */ margin: 0; padding: 0;}
body { background: #808183 url(http://info.collegeofdirectsupport.com//images/body_bkg.gif) repeat-x center top; margin: 10px auto 0; }
#container { background-image: url(http://info.collegeofdirectsupport.com//images/container_bkg.gif); background-repeat: repeat-y; background-attachment: scroll; width: 814px; margin: 25px auto 0; }
#header { width: 814px; height: 127px; }
.horz_space { height: 30px; clear: both; }
.horz_space_half { height: 15px; clear: both; }
.right_horz_space { height: 20px; }
/*Navigation
==================================================*/
#topnav { background-color: #162e55; background-image: url(http://info.collegeofdirectsupport.com//images/nav_bkg.gif); background-repeat: repeat-x; background-attachment: scroll; position: relative; width: 800px; height: 33px; z-index: 1; clear: both; margin: 0 7px; padding: 0; }
#nav, #nav ul { margin: 0; padding: 0; list-style: none; }
#nav a { display: block; }
#nav li { float: left; }
#nav li a { color: #e4e5e6; font-size: 12px; font-family: "Lucida Grande", Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12px; text-decoration: none; text-align: left; margin: 0; padding: 11px 18px 10px; }
#nav li a.current { color: #bbbdbf; background-repeat: repeat-x; background-position: 0 center; margin: 0; }
#nav li a:hover { color: #e4e5e6; background: #162e55 url(http://info.collegeofdirectsupport.com//images/nav_bkg_hov.gif) repeat-x 0 center; margin: 0; }
#nav li ul { background-color: #555; position: absolute; left: -999em; width: 10em; margin: 0; }
#nav li ul a { color: #e4e5e6; background-color: #162e55; background-image: none; width: 10em; margin: 0; padding: 8px 20px; border-top: 1px solid #374f75; }
#nav li ul a:hover { color: #162e55; background-color: #aab3c1; background-image: none; width: 10em; margin: 0; }
#nav li ul a.first { border-top-style: none; }
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
/*Typography
==================================================*/
h1{ color: #162e55; font-size: 28pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 28px; text-align: left; letter-spacing: -2px; }
p { color: #808183; font-size: 13px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 18px; text-decoration: none; text-align: left; margin-bottom: 20px; }
p.small { color: #808183; font-size: 11px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 16px; text-decoration: none; text-align: left; margin-bottom: 15px; }
p a { color: #626366; font-size: 13px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; }
p a:hover { color: #f2f5d8; background-color: #626366; }
i { color: #626366; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 18px; }
h2 { color: #996; font-size: 14pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; padding-top: 15px; }
h2 span.lowercase { text-transform: lowercase; }
h3 { color: #9c9ea0; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; text-transform: uppercase; word-spacing: 3px; letter-spacing: 2px; margin-bottom: 5px; }
h4 { color: #495c7a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; text-transform: uppercase; margin-bottom: 7px; }
strong { color: #162e55; font-weight: bold; }
.quote { color: #555; font-size: 11pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: right; margin: 0; padding: 0; }
.callout { color: #f2f5d8; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 16px; background-color: #a29d79; margin-top: 20px; margin-bottom: 20px; padding: 10px; }
.news { color: #808183; font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 25px; text-align: left; letter-spacing: -1px; }
.news a { color: #808183; font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 25px; text-align: left; letter-spacing: -1px; }
.news a:hover { color: #626366; font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 25px; background-color: #f2f5d8; text-align: left; letter-spacing: -1px; }
.randomquote { color: #495c7a; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 18px; background-color: #ecf2c9; text-align: center; margin-top: 30px; padding: 10px; border-top: 1px solid #9c9ea0; border-bottom: 1px solid #9c9ea0; }
p.download { background-color: #a29d79; display: block; }
p.download .pdf { background: #a29d79 url(http://info.collegeofdirectsupport.com//images/secondary_download_pdf.gif) no-repeat 0 center; padding-top: 11px; padding-bottom: 8px; padding-left: 45px; display: block; }
p.download .word { background: #a29d79 url(http://info.collegeofdirectsupport.com//images/secondary_download_doc.gif) no-repeat 0 center; padding-top: 11px; padding-bottom: 8px; padding-left: 45px; display: block; }
p.download a { color: #d9e1b0; border-bottom-style: none; }
p.download a:hover { color: #fff; background-color: transparent; }
p.divider { height: 1px; margin-bottom: 30px; border-bottom: 1px solid #996; }
/*Homepage
==================================================*/
#home_welcome { width: 335px; float: left; margin-right: 10px; margin-left: 50px; display: inline; }
#home_welcome p { font-size: 13px; line-height: 22px; margin-bottom: 0; padding-top: 10px; }
#home_welcome_image { width: 340px; float: right; margin-right: 50px; display: inline; }
#home_welcome_image .border { border: solid 5px #d9e1b0; }
#call_out { margin-right: 50px; margin-left: 50px; }
#call_out .button { background-image: url(http://info.collegeofdirectsupport.com//images/home_callout_bkg.gif); background-repeat: no-repeat; background-attachment: scroll; width: 192px; height: 124px; float: left; margin-right: 24px; padding: 15px; display: inline; }
#call_out a img { border: solid 1px #aab3c1; }
#call_out a:hover img { border: solid 1px #808183; }
#call_out a:hover { color: #495c7a; /* irrelevant definition to overcome IE bug */ }
#call_out .button_last { background-image: url(http://info.collegeofdirectsupport.com//images/home_callout_bkg.gif); background-repeat: no-repeat; background-attachment: scroll; width: 192px; height: 124px; float: left; padding: 15px; display: inline; }
#call_out h1 { font-size: 23px; line-height: 20px; letter-spacing: -1px; margin-bottom: 7px; }
#call_out h1 a { color: #162e55; font-size: 23px; line-height: 20px; text-decoration: none; letter-spacing: -1px; margin-bottom: 7px; }
#call_out h1 a:hover { color: #474747; }
#call_out p { line-height: 16px; margin-top: 3px; margin-bottom: 0; }
#home_bottom { margin-right: 50px; margin-left: 50px; }
#home_bottom .quote_picture { background-image: url(http://info.collegeofdirectsupport.com//images/home_quoteframe_bkg.jpg); background-repeat: no-repeat; background-attachment: scroll; width: 147px; height: 137px; float: left; margin-right: 10px; padding-top: 15px; padding-left: 18px; display: inline; }
#home_bottom .quote_text { background-image: url(http://info.collegeofdirectsupport.com//images/home_quote_bkg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 315px; float: left; padding-top: 10px; padding-left: 7px; display: inline; }
#home_bottom p.quote { color: #808183; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 21px; text-align: left; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #bbbdbf; }
#home_bottom p.quote_name { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 11px; margin-bottom: 0; }
#home_bottom .subscribe { background-image: url(http://info.collegeofdirectsupport.com//images/home_enews_bkg.gif); background-repeat: no-repeat; background-attachment: scroll; width: 177px; height: 112px; float: right; padding: 11px; display: inline; }
#home_bottom .subscribe h1 { color: #b32724; font-size: 22px; letter-spacing: -1px; margin-bottom: 5px; }
#home_bottom .subscribe p { color: #626366; font-size: 12px; line-height: 15px; margin-bottom: 0; }
#home_bottom .subscribe p.signup { text-align: right; margin-top: 3px; margin-bottom: 0; }
input.enews { color: #bbbdbf; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 10px; margin-top: 5px; padding: 3px; border: solid 1px #a29d79; }
/*Secondary Page
==================================================*/
#green_bar { background: #d9e1b0 url(http://info.collegeofdirectsupport.com//images/secondary_bar_shadow.gif) repeat-x 0 bottom; width: 800px; height: 127px; margin-right: auto; margin-left: auto; }
#green_bar .right { width: 400px; height: 120px; float: right; display: inline; }
#green_bar .left { float: left; padding-top: 40px; padding-left: 50px; display: inline; }
#green_bar p { color: #808183; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 26px; margin-bottom: 0; }
/*Left side
==================================================*/
#left { width: 206px; float: left; margin-right: 25px; margin-bottom: 30px; margin-left: 32px; display: inline; }
#nav2 { position: relative; top: -7px; width: 191px; z-index: 0; margin-bottom: 20px; margin-left: 3px; }
#nav2_top { background-image: url(http://info.collegeofdirectsupport.com//images/secondary_nav_top.gif); background-repeat: no-repeat; background-attachment: scroll; width: 191px; height: 7px; }
#nav2 ul { color: #9c9ea0; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 13px; background-image: url(http://info.collegeofdirectsupport.com//images/secondary_nav_bkg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: center 0; width: 191px; list-style-type: none; }
#nav2 li { list-style-type: none; }
#nav2 li a { color: #9c9ea0; text-decoration: none; width: 157px; margin-right: 2px; margin-left: 2px; padding: 8px 15px; display: block; }
#nav2 li a:hover { color: #e4e5e6; background-color: #091b38; }
#nav2 li a.current { color: #e4e5e6; background-color: #495c7a; }
#nav2_bottom { background-image: url(http://info.collegeofdirectsupport.com//images/secondary_nav_bottom.gif); background-repeat: no-repeat; background-attachment: scroll; width: 191px; height: 10px; }
#left .subscribe { background-image: url(http://info.collegeofdirectsupport.com//images/home_enews_bkg.gif); background-repeat: no-repeat; background-attachment: scroll; width: 177px; height: 112px; padding: 11px; }
#left .subscribe h1 { color: #b32724; font-size: 22px; letter-spacing: -1px; margin-bottom: 5px; }
#left .subscribe p { color: #626366; font-size: 12px; line-height: 15px; margin-bottom: 0; }
#left .subscribe p.signup { text-align: right; margin-top: 3px; margin-bottom: 0; }
input.enews { color: #bbbdbf; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 10px; margin-top: 5px; padding: 3px; border: solid 1px #a29d79; }
#left .buttonhole { width: 177px; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
/*Right side
==================================================*/
#right { width: 501px; float: right; margin-top: 15px; margin-right: 50px; margin-bottom: 30px; padding: 0; display: inline; }
#right .content_quote { background: #ecf2c9 url(http://info.collegeofdirectsupport.com//images/secondary_quote_bkg.gif) no-repeat 15px 15px; float: left; padding: 15px; border-top: 1px solid #9c9ea0; border-bottom: 1px solid #9c9ea0; }
#right .content_quote_pic { background-image: none; width: 62px; height: 58px; float: left; margin-top: 8px; margin-right: 15px; margin-left: 10px; display: inline; }
#right .content_quote_text { background-image: none; width: 365px; float: left; margin-top: 10px; display: inline; }
#right .content_quote_text p { color: #808183; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 20px; margin-bottom: 0; }
#right .content_quote_text p.quote_name { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; line-height: 11px; text-align: right; }
.image_left { float: left; clear: left; margin-right: 5px; margin-bottom: 2px; padding: 2px; border: solid 1px #bbbdbf; }
#right ul { color: #626366; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: #ecf2c9; margin-bottom: 25px; margin-left: 10px; padding: 5px; list-style-type: none; }
#right ol { color: #626366; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 24px; background-color: #ecf2c9; margin-bottom: 25px; margin-left: 10px; padding: 5px; }
#right ul li { line-height: 14px; background-image: url(http://info.collegeofdirectsupport.com//images/arrow-minipurple.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 12px; margin-left: 5px; padding-top: 7px; padding-bottom: 7px; padding-left: 14px; }
#right ul li a { color: #162e55; font-weight: bold; line-height: 14px; text-decoration: none; }
#right ul li a:hover { color: #f2f5d8; background-color: #162e55; }
/*Links
==================================================*/
p.links_description { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
p.links_description a { font-family: Georgia, "Times New Roman", Times, serif; }
p.links { margin-bottom: 5px; }
/*Calendar
==================================================*/
p.calendar_description { padding-left: 5px; }
p.calendar_date { color: #a29d79; font-size: 12px; font-weight: bold; margin-bottom: 0; }
h3.calendar { color: #162e55; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: none; text-align: left; letter-spacing: normal; margin-top: 30px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #162e55; }
/*Skill Standards
==================================================*/
p.skill_competency { color: #b32724; font-size: 11px; margin-bottom: 0; }
p.skill_standards { color: #a29d79; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; margin-bottom: 0; margin-left: 10px; }
/*Sitemap
==================================================*/
#sitemap { }
#sitemap ul { color: #626366; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: transparent; margin-bottom: 0; margin-left: 0; list-style-type: none; }
#sitemap ul li { line-height: 14px; background-image: none; background-position: 0 12px; margin-left: 5px; padding-top: 7px; padding-bottom: 7px; padding-left: 0; }
#sitemap ul li a { color: #162e55; font-weight: bold; line-height: 14px; text-decoration: none; }
#sitemap ul li li a { color: #a29d79; font-weight: normal; background-image: url(http://info.collegeofdirectsupport.com//images/arrow-minipurple.gif); background-repeat: no-repeat; background-position: 0 5px; margin-left: 0; padding-left: 10px; }
#sitemap ul li a:hover { color: #f2f5d8; background-color: #162e55; }
/*Contact Form
========================*/
table#contact_form { color: #162e55; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 10px; border-top: 1px solid #a29d79; border-bottom: 1px solid #a29d79; }
table#contact_form td { padding: 5px; }
table#contact_form .right { text-align: right; }
table#contact_form tr .divider { padding-top: 10px; padding-bottom: 5px; border-bottom: 1px dotted #a29d79; border-top-style: none; }
input.text { color: #6c5635; font-size: 11px; line-height: 11px; padding: 2px; border: solid 1px #d9e1b0; }
input.required { color: #626366; font-size: 11px; line-height: 11px; background-color: #e4e5e6; padding: 2px; border: solid 1px #d9e1b0; }
textarea.text { color: #808183; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e4e5e6; padding: 2px; border: solid 1px #d9e1b0; }
/*Flash Video
========================*/
#flashcontent { width: 501px; height: 380px; float: left; margin: 0; padding: 0; }
#flashcontent_map { width: 500px; height: 290px; float: left; margin: 0; padding: 0; }
/*Footer
==================================================*/
#footer { background-image: url(http://info.collegeofdirectsupport.com//images/footer.gif); background-repeat: no-repeat; background-attachment: scroll; width: 814px; height: 60px; clear: both; }
#footer p { color: #a29d79; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 12px; text-align: center; margin-bottom: 0; padding-top: 15px; }
#footer p a { color: #a29d79; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 12px; background-color: transparent; text-decoration: none; border-bottom-style: none; }
#footer p a:hover { color: #555; background-color: transparent; }
/*Footer Nav
==================================================*/
#footer_nav { text-align: center; margin-top: 10px; }
#footer_nav p { color: #e4e5e6; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; margin-bottom: 0; }
#footer_nav p a { color: #e4e5e6; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background-color: transparent; text-decoration: none; border-bottom-style: none; }
#footer_nav p a:hover { color: #fff; background-color: transparent; text-decoration: underline; }
/*Footer Sponsors
==================================================*/
#footer_sponsors { background-color: #949698; text-align: center; position: relative; height: 45px; clear: both; margin-top: 40px; padding: 20px 0; }
#footer_sponsors_container { width: 800px; margin-right: auto; margin-left: auto; }
#footer_sponsors .mc { width: 216px; float: left; display: inline; }
#footer_sponsors .collaboration { width: 368px; float: left; padding-top: 11px; display: inline; }
#footer_sponsors .collaboration p { color: #e4e5e6; font-size: 12px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 12px; text-align: center; }
#footer_sponsors .UofM { width: 216px; float: right; padding-top: 4px; display: inline; }