body  { background: #eaf6ff; text-align: center; color: #333; font-family: georgia, times, serif; font-size: 0.8em; }

#container { background: #fff; overflow: hidden;text-align: left; margin: 0 auto; width: 960px; border-top: 4px solid #36698c; }
#footer {  background: #36698c; margin: 0 auto; width: 920px; clear: left; overflow: hidden; padding: 10px; }

#sub { width: 240px; float: left; }
#main { width: 720px; float: left; line-height: 1.8em; }
#main .content { padding: 20px 20px 60px 20px; width: 450px; float: left; }

#main .sub_content { float: left; width: 220px; padding-top: 20px; }
#main .sub_content div { background: #f7f7f7; padding: 10px; margin-bottom: 1.5em;}

p, h3 { margin-bottom: 1.5em; clear: left; }
#main .content h3, #main .content h4 { color: #36698c; font-size: 1.3em; }
strong { font-weight: bold; }
a, a:link, a:visited, a:hover, a:active { color: #8c6328; }
a:active { background: #ccc; }
a:hover { color: #36698c; }
em { color: #36698c; font-style: normal; }

.logo { background: #fff url(../images/coe_logo.jpg) no-repeat; width: 240px; height: 186px; text-indent: -9999px;  }
	.logo a, .logo a:active, .logo a:visited, .logo a:hover, .logo a:active { display: block; width: 240px; height: 186px; }

#nav { background: #eaeaea url(../images/bg_nav.jpg) repeat-x; text-align: center; margin-bottom: 1.5em; }

#nav ul { padding-bottom: 80px; border-bottom: 2px solid #8c6328; }
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active 
{ color: #333; text-transform: uppercase; text-decoration: none; 
background: #eaeaea url(../images/bg_nav_li.jpg) repeat-x; display: block; padding: 8px 0; margin: 0 10px; border-bottom: 1px solid #ccc; }


.home #nav .home a ,
.business #nav .business a,
.course #nav .course a,
.social #nav .social a,
.about #nav .about a,
.contact #nav .contact a,
.testimonials #nav .testimonials a,
.enrol #nav .enrol a,
.accommodation #nav .accomodation a
{ color: #8c6328; }

.business #nav .business a.normal, .business #nav .business a.normal:link, 
.business #nav .business a.normal:visited, .business #nav .business a.normal:hover, .business #nav .business a.normal:active
{ background: none; border: none; }
.business #nav .business a.sub, .business #nav .business a.sub:link, 
.business #nav .business a.sub:visited, .business #nav .business a.sub:hover, .business #nav .business a.sub:active
{ color: #333; }
.business #nav .business a.sub2, .business #nav .business a.sub2:link, 
.business #nav .business a.sub2:visited, .business #nav .business a.sub2:hover, .business #nav .business a.sub2:active
{ padding-top: 0 }

.home .title { background: #fff url(../images/title_home.jpg) repeat-x; height: 340px; text-indent: -9999px; }
.business .title { background: #fff url(../images/title_business.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.further .title { background: #fff url(../images/title_morebusiness.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.course .title { background: #fff url(../images/title_course.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.accommodation .title { background: #fff url(../images/title_acc.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.social .title { background: #fff url(../images/title_social.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.about .title { background: #fff url(../images/title_about.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.testimonials .title { background: #fff url(../images/title_testimonials.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.contact .title { background: #fff url(../images/title_contact.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.enrol .title { background: #fff url(../images/title_enrol.jpg) repeat-x; height: 200px; text-indent: -9999px; }
.ts_cs .title { background: #fff url(../images/title_terms.jpg) repeat-x; height: 200px; text-indent: -9999px; }


.content ul li { background: url(../images/bg_bullet.jpg) no-repeat 0 4px; padding-left: 15px; margin-bottom: 1em; }
.content ul.double { margin-bottom: 1.5em; overflow: hidden; }
.content ul.double li { margin-bottom: 0.2em; width: 45%; float: left; }

.sub_content h4 { background: #69abd9; color: #fff; font-size: 1.3em; text-transform: uppercase; padding: 10px; }
a.main-link, a.main-link:link, a.main-link:visited, a.main-link:hover, a.main-link:active { text-decoration: none; background: #8c6328 url(../images/bg_main_link.jpg) no-repeat 5px 6px;  padding: 6px 15px 6px 23px; color: #fff; text-transform: uppercase; font-weight: bold; }
a.main-link:hover { background: #36698c url(../images/bg_main_link_over.jpg) no-repeat 5px 6px; text-decoration: underline; }

.contact_details {  padding: 10px; background: #36698c; color: #fff; text-align: center; line-height: 1.5em; }
.contact_details p { margin-bottom: 0; font-size: 1em; text-transform: uppercase; }
.contact_details p .tel { font-size: 1.6em; }

#footer ul { margin: 0 auto; width: 550px; text-align: center; }
#footer ul li { display: inline; padding-right: 5px; white-space: nowrap; margin-right: 5px; text-align: center; border-right: 1px solid #688fa9; text-align: center; margin-top: 10px; line-height: 1.6em; }
#footer ul li.last { border: none; }
#footer a { color: #fff; font-size: 0.8em; text-transform: uppercase; text-decoration: none; }
#footer a:hover { text-decoration: none; }

#footer ul li { _display: block; _text-align: center; _float: left; }

.terms { font-size: .8em; margin-top: 20px; color: #999; }
.terms a { color: #8c6328 }

ol { list-style-type: decimal; padding-left: 20px; margin-bottom: 1.5em; }
ol li 	{ margin-bottom: 1.5em;}
.ts_cs ol li { margin-bottom: 0; }
.ts_cs ol li ol { margin-left: 15px; margin-bottom: 0; }
.ts_cs ol li ol li { list-style-type: lower-alpha; }

.content form { font-size: 1.1em; margin-bottom: 4em; }
.content form ul li { padding: 0; background: none; margin-bottom: 1.5em; clear: left; overflow: hidden; }
.content form ul li label { width: 150px; float: left; }
.content form ul li div { width: 280px; float: left; }
.content form ul li .text { width: 280px; border: 1px solid #cccccc; background: #fdfbfc; padding: 4px; }

.content form ul li .radio { margin-left: 20px; }
.content form ul li .first { margin: 0; }

.content dt { color: #36698c; font-weight: bold; width: 150px; float: left; clear: left; margin-bottom: 1.5em; }
.content dd { width: 250px; float: left; margin-bottom: 1.5em; }

form .specify { margin-top: 7px; }

.error { color: #990000; }
textarea, input { font-family: inherit; font-size: inherit; }

strong.highlight { color: #000; font-size: 0.9em; }
strong.highlight2 { font-size: 0.9em; }

blockquote p.first { padding-left: 55px; background: url(../images/bg-quote.gif) no-repeat 0px 10px; min-height: 50px; height: auto !important; height: 50px; }
blockquote cite { font-size: 1.3em; color: #36698c; }

blockquote cite em { font-style: italic; }