body {width: 100%; height: 100%; margin: 0; background: #ededed url(../images/design/bg_grey.jpg) repeat-y fixed center; text-align: center; font-family: "Myriad Pro", "Lucida Grande", Helvetica, Arial, sans-serif;}
img {border: none;}

/* Center Class to center sections horizontally */
.center {clear: both; position: relative; width: 880px; margin: auto;}
#content {text-align: left; width: 860px; padding-left: 10px;}/*font-size: 0.9em;*/

.spacer {clear: both; width: 100%; height: 1px; background: transparent;}

/* Global Elements */ 
h1 {font-size: 1.3em; font-weight: normal; color: #3c7f2d;} 
h2 {font-size: 1.1em; color: #3c7f2d;}
ol {list-style: upper-roman; font-weight: bold;}
ol ol {list-style: upper-alpha; font-weight: normal; padding-left: 18px;}
ol ol ol {list-style: lower-roman; font-weight: normal;}
ol ol ol ol{list-style: lower-alpha; font-weight: normal;}
.standardlist {font-weight: normal; list-style: decimal;}
ol li {margin-top: 15px;}
ol ol li {margin-top: 0 !important;}
.standardlist li {margin-bottom: 20px;}

a {color: #006699; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: none;}

p, form {color: #555;}

/* Header = id header, live chat */
#livechat {position: absolute; z-index: 2; left: 660px; top: 0; }

#header p {position: absolute; top: 0px; left: 150px; z-index: 2; color: #fff; font-size: 24px; text-align: right; text-shadow: -1px -1px 1px #407e26;}
.formerly {top: 37px !important; left: 152px !important; font-size: 0.8em !important;}
#header em {font-size: 60%; letter-spacing: 1px; text-shadow: none;}

#header {height: 82px;}

/* Main Navigation */
#mainNav {position: relative; width: 880px; height: 38px; background: url(../images/design/nav_background.gif) repeat-x; margin: auto; padding-top: 5px;}
#mainNav ul {padding: 0; margin: 0; list-style: none;}
#mainNav li {float: left; margin-left: 17px;}
#mainNav a {font-size: 0.9em; color: #333; margin-left: 5px; display: block; height: 35px; padding: 10px 10px 0px 3px; text-decoration: none;}
#mainNav a:Hover {color: #006699;}

#mainNav .active {background: url(../images/design/nav-tab-left.gif) no-repeat top left;}
#mainNav .active a {background: url(../images/design/nav-tab-right.gif) no-repeat top right; color: #006699;}

#chat a{padding: 5px 0 0 0;}

#home {margin-left: 10px !important;}
#home a {padding: 10px 20px 0px 13px;}
#search {float: right !important; padding: 5px 10px 0 0;}
#search form {margin: 0; padding: 0;}
#search input {position: relative; width: 150px; height: 20px; border: none; background: url(../images/design/search.gif) no-repeat; padding-left: 5px; vertical-align: top;}
#search input:focus {outline: none;}
#gosearch {position: relative; left: -4px; background: url(../images/design/gobutton.gif) no-repeat !important; border: none; width: 21px !important; cursor: pointer;}

/* Columns */
#rightcolumn {float: right; width: 217px; margin: 0 4px 0px 10px;}

/* Homepage Content */
#introtext {float: left; width: 555px; height: 185px; background: url(../images/design/home_blue.jpg) repeat-x left bottom; text-align: left; color: #006699; font-size: 13px;}
/*#introtext {float: left; width: 555px; height: 160px; background: url(../images/design/home_blue.jpg) repeat-x; text-align: left; color: #006699; font-size: 13px;}*/
#introtext h1, #introtext p {padding: 0 5px;}
#introtext h1 {margin-top: 5px; color: #006699; font-family: "Arial Narrow", sans-serif; font-size: 16px; font-weight: bold;}
#introtext p {line-height: 140%; color: #006699;}
.learnmore {text-align: right;}
.learnmore a {color: #fff; font-weight: bold; background: #006699; padding: 5px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.learnmore a:hover {text-decoration: none; background: #438027; color: #fff;}

#hometext {margin: 0 0 0 8px; background: url(../images/design/banner_bg.jpg) no-repeat; height: 185px;}

/* Rotating Banner */
.scrollContainer {}
.scroll {width: 555px; height: 160px; overflow: hidden;}
.panel {position: relative; width: 555px; height: 160px;}
.panel p {display: block; color: #fff; text-align: center; width: 360px; margin: 50px 0 0 20px; font-size: 18px;}
#newlook {background: url(../images/banner/look_image.jpg) no-repeat;}
#learn {background: url(../images/banner/learn_image.jpg) no-repeat;}
#launch {background: url(../images/banner/launch_image.jpg) no-repeat;}
		
ul.bannernav a.selected {font-weight: bold; color: #000; text-shadow: 2px 2px 6px #666 !important; font-size: 30px; line-height: 1em;}
.bannernav {position: absolute; z-index: 2; top: 10px; left: 5px; list-style: none;}
.bannernav li {float: left; margin: 5px;}
.bannernav a {color: #333; text-decoration: none; font-size: 26px; text-shadow: 0 1px 0 #999, 0 -1px 0 #000;}
.bannernav a:hover {text-decoration: none;}
	
#banner {margin: 7px 0 0 8px;}

.section {background: url(../images/banner/banner_bg.jpg) no-repeat; width: 555px; height: 160px; padding: 8px 9px 10px 9px; float: left; }

/* Browse Catalog */
#browse {float: right; width: 292px; height: 389px; background: url(../images/design/browsecourses.gif) no-repeat;}
#browse h3 {color: #fff; font-weight: normal; font-size: 17px; padding-top: 5px; margin-bottom: 3px; text-align: center;}
#browse a {color: #006699; text-decoration: none; display: block; width: 250px; height: 22px; border-bottom: solid 1px #eee; text-align: left; margin-left: 20px; padding: 8px 0 0 5px; font-size: 13px;}
#browse a:hover {color: #555;}

#browsebutton {background: url(../images/design/browsebutton.jpg) no-repeat center; border-bottom: none !important; position: relative; left: 0px; top: 15px; color: #fff !important; font-size: 0.9em; text-align: center !important; text-shadow: 1px 1px 2px #2c5e20; font-weight: bold;}


/* Bottom Three button on home page */
#threebuttons a:hover{text-decoration: none;}
.bottom {display: block; float: left; width: 270px; height: 57px; font-size: 0.6em; color: #555; text-align: left; padding: 15px 0 0 20px; margin: 10px 0 0 3px; text-decoration: none;}
.bottom h2 {font-size: 1.8em; font-weight: normal; margin: 0;}
.button1 {background: url(../images/design/bottombutton1.jpg) no-repeat;}
.button2 {background: url(../images/design/bottombutton2.jpg) no-repeat;}
.button3 {background: url(../images/design/bottombutton3.jpg) no-repeat;}
.button1 h2 {color: #de5f3b;}
.button2 h2 {color: #438027;}
.button3 h2 {color: #0a5186;}

/* Dropdown button 1 on forms */
#dropbutton a:hover{text-decoration: none;}
.dbutton {display: block; float: right; width: 191px; height: 54px; font-size: 1.1em; color: #333; text-align: right; padding: 5px 0 0 10px; margin: 4px 0 0 3px; text-decoration: none;}
.dbutton h2 {font-size: 0.9em; font-weight: normal; margin: 0;}
.button4 {background: url(../images/dropbutton4.jpg) no-repeat;}
.button4 h2 {color: #de5f3b;}


/* Dropdown button 2 on forms */
#dropbutton a:hover{text-decoration: none;}
.dpbutton {float: left; width: 85px; height: 24px; align: left; padding: 0px 0 0 0 px; margin: 0px 0 0 0px;}
.button5 {background: url(../images/button5.jpg) no-repeat;}

/* Dropdown button 3 on forms */
.dpbutton3 { float: left; width: 134px; height: 38px; font-size: 0.1em; align: left; padding: 0px 0 0 0 px; margin: 0px 0 0 0px; }
.button6 {background: url(../careerschools/images/button6.jpg) no-repeat;}

/* Footer */
#footer {top: 20px;}
#footer p {color: #006699; font-size: 12px; text-align: left; padding: 0 20px;}
#footer small {color: #555; text-align: left;}
#footnav {text-align: center !important;}
#footnav a {color: #006699; text-decoration: none; margin: 0 5px;}
#footnav a:hover {color: #438027;}

/* Cengage Footer */
#cengage_logo {float: right; margin-top: -5px;}
#cengage {border-top: solid 1px #ccc; padding-top: 20px !important;}
#cengage a {color: #555; font-size: 0.9em;} 
#cengage a:hover {text-decoration: none;}
#cengage a strong {color: #006699; text-decoration: none; font-size: 15px;}

/* Financial Aide */


/* About Page */
#browse p a {display: inline !important; border-bottom: none !important; margin-left: inherit !important;}
#browse p {text-align: left; padding: 0 20px; line-height: 160%;}
#browse hr {width: 250px; font-size: 0px; background: #ccc; height: 1px; border: 0; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef;}
#aboutpage, #searchpage {position: relative; width: 630px; text-align: left; padding: 2px 10px 2px 2px; color: #333; font-size: 0.9em;}
#aboutpage h3 {color: #006699;}

.locations {color: #555 !important; text-align: center !important; width: 100%;}
.locations em {margin: 0 20px; font-style: normal;}
.locations strong {color: #006699;}

#programsupport i {float: right; font-style: normal;}
/* Military Page */
#militarylinks {float: left; width: 292px; background: url(../images/design/sidebox.gif) repeat-y;}
#militarylinks a {color: #006699; text-decoration: none; display: block; width: 250px; height: 22px; border-bottom: solid 1px #eee; text-align: left; margin-left: 20px; padding: 8px 0 0 5px;}
#militarylinks a:hover {color: #555;}

#vetlinks a {line-height: 160%;}

#askmilitary {display: block; width: 213px; height: 57px; background: url(../images/military/askmilitary4.jpg) no-repeat; padding: 15px 0px 0 0px; text-align: center; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #000; font-size: 1em;}
#askmilitary:hover {text-decoration: none;}

#importantlinks {text-align: center;}
#importantlinks a{display: block; text-align: left; margin-top: 5px;}
#importantlinks strong {font-size: 1.1em; color: #5da43b;}

/* 7/05/11 changes to Military */
.hidden {display: none;}
.hidden li {margin: 5px 0;}

/* Program Catalog (using Gatlin code) */
.contentBox2 {float: left; width: 270px; text-align: left; margin: 0 15px 30px 1px; font-size: 0.8em;}
.contentBox2 select {width: 270px;}
.contentBox2 h3 {margin: 0px; padding: 0px;}
.contentBox2 h3 a {color: #006699; text-decoration: none;}
.contentBox2 h3 a:hover {color: #555;}
.picLeft {float: left; margin-right: 5px;}

/* Program Catalog (my code) pre 8-8-11 
.coursecatalog {float: left; width: 410px; text-align: left; margin: 0 15px 40px 1px; font-size: 0.8em;} 
.coursecatalog form {position: relative; top: 15px;}
#goinggreen form {position: relative; top: 0px;} 
.coursecatalog img {float: left; margin-right: 10px;}
.coursecatalog select {width: 320px;} 
.coursecatalog .spacer {margin-bottom: 10px;}
.courseheading {font-weight: bold; font-size: 1.2em;}
.courseheading:hover {text-decoration: none; color: #555;}
*/

.coursecatalog {float: left; width: 250px; text-align: left; margin: 5px 0 45px 0; font-size: 0.8em;}
.middle {margin: 5px 50px 45px 50px;}
.coursecatalog select {width: 250px;} 
.coursecatalog img {border: none; vertical-align: bottom; margin-right: 3px;}
.courseheading {font-weight: bold; font-size: 1.1em;}
.courseheading:hover {text-decoration: none; color: #555;}
#goinggreen img {margin-right: 0px;}
#categoryform7, #categoryform9 {position: relative; margin-top: 2.2em;}

/* Course Catalog - Level 1 */
.courseoverview {padding: 8px 10px 7px 10px; background: #e4e4e4 url(../images/design/course_bg.jpg) repeat-x; border-bottom: solid 1px #ddd; margin-right: 9px; font-size: 0.8em;}
.courseoverview a {float: left; width: 280px; margin-right: 10px;}
.courseoverview p {float: right; width: 540px; margin: 0; padding: 0; }
.courseoverview p a {float: none !important; display: inline !important; width: inherit !important; margin-right: inherit !important; }
.courseoverview a {color: #006699; text-decoration: none;}
.courseoverview a:hover {text-decoration: underline;}

.zebra {background: #fff !important; border-bottom-color: #eee !important;}

/* Individual Course Page */
h1 small {font-size: 0.6em; color: #006699; margin-left: 10px;}

#coursenav {float: left; background: url(../images/design/coursenav_bg.jpg) repeat-y; width: 217px; padding: 0 5px; margin-left: -4px;}
#coursenav a {display: block; color: #555; text-decoration: none; padding: 5px 10px 5px 15px; border-bottom: solid 1px #ddd; font-size: 0.9em; width: 183px;}
#coursenav a:hover {color: #006699;}
#lastnav, .lastnav {border-bottom: solid 1px transparent !important;}

#coursenav .active {background: url(../images/design/coursenav.jpg) no-repeat; color: #fff; width: 200px; border-bottom: solid 1px transparent !important; padding-bottom: 6px;}
#coursenav .active:hover {color: #fff;}

.endcap {position: relative; width: 217px; height: 10px; margin-left: -5px;}
.green .north {background: #fff url(../images/design/coursenav_n_green.jpg) no-repeat !important;}
.blue .north {background: #fff url(../images/design/coursenav_n_blue.jpg) no-repeat !important;}
.north {background: #fff url(../images/design/coursenav_n.jpg) no-repeat;}
.south {background: #fff url(../images/design/coursenav_s.jpg) no-repeat;}

.sidebox{position: relative; background: url(../images/design/coursenav_bg.jpg) repeat-y; width: 217px; padding: 0 5px; font-size: 0.8em;}
.sidebox h3 {padding: 0; color: #5da43b; font-size: 1.2em; margin: 0; font-weight: normal;}
.green h3 {display: block; width: 202px; background: #5da43b; color: #fff !important; text-align: center; margin: 0 0 5px 3px !important;}
.blue h3 {display: block; width: 202px; background: #006699; color: #fff !important; text-align: center; margin: 0 0 5px 2px !important;}
#courseactions label {display: block; margin-left: 10px; color: #555;}
#courseactions small {font-size: 11px; color: #555; margin-left: 10px;}
#courseactions input {width: 188px; height: 20px; margin-left: 10px; border: solid 1px #aaa; color: #555;}

#ctplist h3 {font-weight: normal; font-size: 1.0em;}
#ctplist .submit {text-align: center; margin: 5px 0;}
.sidebox ul {margin: 0; padding: 0 15px 0 20px; font-size: 0.9em; color: #5da43b;}
.sidebox li {margin: 5px 0; font-weight: bold;}
.sidebox li i {font-style: normal; color: #555; font-weight: normal;}

.sidebox p{margin: 4px 15px 4px 5px; color: #333;}

#relatedcourses a {display: block; width: 197px; padding: 5px; font-size: 0.9em; color: #555; border-bottom: solid 1px #ddd;}
#relatedcourses a:hover {text-decoration: none; color: #006699;}

.centered, .centered label, .centered small, .centered input {text-align: center; margin-left: 0 !important; margin-right: 10px;}
#submit {background: url(../images/design/submit.jpg) no-repeat; color: #fff !important; width: 193px !important; height: 24px !important; text-align: center; border: none !important; cursor: pointer; font-size: 1.0em; margin-top: 5px; font-weight: bold; text-shadow: -1px -1px 1px #c77413, 1px 1px 1px #f2c87d;}

.submit {background: url(../images/design/submit_left.jpg) no-repeat top left; padding: 0 0 0 8px; height: 24px;}
.submit input {color: #fff; background: url(../images/design/submit_right.jpg) no-repeat top right !important; border: none !important; height: 24px !important; padding: 0 10px 0 0; cursor: pointer; width: inherit !important;}

.submit2 input {color: #fff; background: url(../images/design/submitbttn.jpg) no-repeat top center !important; border: none !important; height: 24px !important; padding: 0 0 0 0; cursor: pointer; width: inherit !important;}


#coursecontent {float: left; font-size: 0.9em; width: 405px; margin-left: 1px; color: #333;}
.large {margin-left: 10px !important; width: 620px !important;}
.student {font-size: 0.8em; padding: 10px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #efefef; color: #000;}

#coursecontent2 {float: left; font-size: 0.9em; width: 405px; margin-left: 1px; color: #333;}
.large {margin-left: 10px !important; width: 564px !important;}
.student {font-size: 0.8em; padding: 10px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #efefef; color: #000;}

#livechatbody {display: block; margin: 10px 0 0 2px;}
#leftnav {float: left;}
#leftnav #livechatbody {margin: 20px 0 0 -2px !important;}

#loaninfo label {clear: both; display: block; float: left; width: 120px; margin: 0 20px 10px 0;}
#loaninfo input {width: 250px; margin: 0 0 10px 0; background: #eee; border: solid 1px #aaa; height: 18px;}
#loaninfo select {width: 480px; margin-bottom: 10px;}
#loaninfo .submit {width: 80px; margin-left: 140px;}

#notifyme {display: block; width: 213px; height: 52px; background: url(../images/design/notifyme.jpg) no-repeat; color: white; text-align: center; padding-top: 20px; font-size: 25px; font-weight: bold; line-height: 15px;}
#notifyme small {font-weight: normal; font-size: 11px;}
#notifyme:hover {text-decoration: none;}

#notifyform {width: 300px; padding: 0 5px 15px 5px;}
#notifyform form {text-align: left; margin-left: 50px;}
#notifyform input {border: solid 1px #aaa; background: #ddd; width: 200px; height: 20px;}
#notifyform .submit {margin-top: 5px;}
#notifyform p {text-align: left; font-size: 90%;}
#rightcolumn #notifyform {display: none;}

/* Loan Application */
.loanapp {display: block; width: 213px; height: 40px; background: url(../images/design/loanapp.jpg) no-repeat; position: relative; margin: auto; color: #fff; text-decoration: none; font-size: 1.5em; padding-top: 15px; text-shadow: -1px -1px 1px #407e26;}

/* Program List */
#programlinks {clear: both; position: relative; width: 860px; margin: auto; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #efefef;}
#programlinks a {display: block; float: left; width: 400px; height: 30px; text-align: left; padding: 5px 15px; font-size: 0.8em; color: #333; border-bottom: solid 1px #ddd;}
#programlinks a:hover {text-decoration: none; color: #006699;}
.morefrom {clear: both; margin: auto; width: 860px; text-align: left; font-weight: normal; color: #555; font-size: 1.2em; padding-top: 20px;}

.noborder {border-bottom: none !important;}

/* Newsletter */
#newsletter label {display: block; float: left; width: 70px;}
#newsletter .textinput {width: 150px; border: solid 1px #555; padding: 3px; height: 10px; margin-bottom: 15px;}
#newsletter .textinput:focus {outline: none; border: solid 1px #5da43b;}
#newsletter .left, #newsletter .right {float: left; width: 300px;}
#newsletter .left {padding: 20px 0 0 0;}

/* Current Students Sign In */
#signin form {margin-left: 7px;}
#signin input {width: 180px; border: solid 1px #ccc; padding: 3px 5px;}
.support {float: left; box-shadow: 0px 0px 4px #888; color: #555; font-size: 0.8em; padding: 10px; margin-top: 20px;}
.support h4 {margin: 0; font-size: 1.3em;}
.support h4 img {margin-left: 10px;}
.enroll {width: 185px;}
.career {width: 400px; margin: 20px 10px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.tech {width: 185px;}
.enroll h4 {color: #ff8600;}
.career h4 {color: #006699;}
.tech h4 {color: #5da43b;}
#welcome p {font-size: 0.9em;}
.loginerror {background: url(../images/design/error.jpg) no-repeat; padding: 0 10px 0 25px; font-size: 85%;}

.half {float: left; width: 300px; color: #555;}
.half h4 {text-align: center; width: 100%; background: #5da43b; color: #fff; padding: 2px 0 0 0; font-size: 1.1em; margin-bottom: 0;}
.half p, .half ul {font-size: 0.9em;}
.half ul {padding: 0 0 0 20px;}

.marginleft {margin-left: 20px;}

.forgot {font-size: 0.8em; margin-left: 12px;}

.loginerror {background: url(../images/design/error.jpg) no-repeat; padding: 0 10px 0 25px; font-size: 85%;}

/* Search Results */
#searchpage p, .answer {padding-bottom: 20px; margin-bottom: 20px; border-bottom: dashed 1px #ddd;}
#searchpage em {color: #5da43b; font-weight: bold;}
#searchpage a {font-size: 0.8em;}
#searchpage h1 a {font-size: 1.0em;}
.title {font-size: 1.3em !important;}

/* Teach with us and Partner form */
#teach {width: 845px;}
#teach label, #partner label {display: block; float: left; width: 300px; margin: 0 20px 10px 0;}
#teach textarea {width: 515px; height: 100px; margin: 0 0 10px 0;}
#teach input, #partner input {width: 250px; margin: 0 0 10px 0; background: #eee; border: solid 1px #aaa; height: 20px;}
#teach select {margin: 0 0 10px 0;}
#teach hr {margin: 20px 0;} 

#teach ol {font-weight: normal; list-style: decimal;}

#teach .checkbox input, #teach .radio input {width: inherit !important; background: transparent !important; border: none !important;}

.request {display: block; width: 213px; height: 72px; background: url(../images/design/bg_requestinfo.jpg) no-repeat; }
.request:hover {text-decoration: none;}

#partner label {font-weight: bold;}
#partner textarea {width: 250px; height: 100px; border: solid 1px #aaa; background: #eee; margin-bottom: 10px;}



/* Email Form */
#emailform label {clear: both; float: left; width: 200px;}
#emailform input {width: 200px; height: 18px; border: solid 1px #aaa; margin-bottom: 10px; background: #eee;}
#emailform select {margin-bottom: 10px;}
#emailform textarea {width: 500px; height: 100px;}

#emailform table {color: #555; margin-bottom: 20px; }
#emailform td, #emailform th {padding: 0 20px;}

#emailform .radio input, #teach ol input {width: inherit !important; height: inherit !important;}

.formdivide {border: none; border-top: dashed 1px #ccc; background: #fff; width: 100%; height: 1px; margin: 20px 0;}

/* Military Form */
#militaryform label {clear: both; float: left; width: 200px;}
#militaryform input {width: 410px; height: 18px; border: solid 1px #aaa; margin-bottom: 10px; background: #eee;}
#militaryform textarea {width: 410px; height: 100px;}
#militaryform select {width: 410px; margin-bottom: 10px;}

#message {position: relative; width: 100%; padding: 5px 0; background: #444; color: #fff; text-align: center; border-bottom: solid 1px #000; vertical-align: text-top;}
#message strong {color: #fbb700;}
#message img {vertical-align: bottom;}

textarea {background: #eee;}

/* Search Zip */
#searchzip {margin: auto; width: 580px; background: #eee; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #ddd;}
#searchzip .submit {margin: auto; width: 100px; margin-top: 10px;}
#searchzip small {font-size: 0.7em;}
#searchzip input {width: 200px; height: 18px; margin-bottom: 10px; border: solid 1px #aaa; background: #fff;}
#searchzip select {margin-bottom: 10px;}

/* Search Zip Results */
dt {font-weight: bold; font-size: 1.1em;}
dd {margin: 0 0 10px 100px;}
dd strong {display: block; float: left; margin-left: -100px; color: #555;}

#message {position: relative; width: 100%; padding: 5px 0; background: #444; color: #fff; text-align: center; border-bottom: solid 1px #000; vertical-align: text-top;}
#message strong {color: #fbb700;}
#message img {vertical-align: bottom;}

.bigdropdown {width: inherit !important;}