/* --------------------------------------------------------
Author: Emagine Media
Name: master_css
Last Updated:
- 20100828.1315,adjusted height for new logo
- 20090805.1127,adjustments for lower page design
- 20090723.1506,created
-------------------------------------------------------- */

/* ==================================================== macros ==== */

/* -----------------------------------------------
   structure 
   ----------------------------------------------- */
body {
border:none;
background:#fff;
margin:0;
padding:0;
}

body,p,div,dt,dd,h1,h2,h3,h4,h5,strong,span,a,input,textarea {
font-family:tahoma 0 Verdana;
}

.inner_width {
width:47.5em;
border-left:transparent auto;
border-right:transparent auto;
margin:0 auto;
}

#content_fw {
background:#fff url(/graphics/content_bg.jpg) top left repeat-x;
border-top:.6em solid #003F5E;
}

#content {
margin-top:2.2em;
background:url(/graphics/content_right_bg.jpg) 22.9em 0 repeat-y;
}

#content_left {
float:left;
width:22.7em;
}

#content_right {
width:24.75em;
float:right;
}

/* -----------------------------------------------
   structure - lower
   ----------------------------------------------- */
body.lower #content_fw {
background:#fff url(/graphics/content_short_bg.jpg) top left repeat-x;
}

body.lower #content {
border-bottom:1em solid #fff;
margin-top:6em;
background:#fff;
}

body.lower #content_right {
width:23.4em;
}

/* -----------------------------------------------
   quick links
   - above banner 
   - footer
   ----------------------------------------------- */
#quick_links {
background:#003F5E;
height:2.5em;
}

.quick_links {
float:right;
margin-top:.75em;
}

.quick_links a {
color:#82ABC2;
font-size:.7em;
padding:0 .85em;
}

.quick_links a.last {
padding-right:0;
}

/* -----------------------------------------------
   banner
   ----------------------------------------------- */
#banner {
height:6.9em;
position:relative;
}

#banner h1 {
position:absolute;
top:.25em;
}

#banner h4 {
position:absolute;
top:1.5em;
right:0;
}

#menu a {
display:block;
font-size:.8em;
font-weight:700;
letter-spacing:.025em;
color:#003F5E;
padding:.75em 1.55em .7em 1.6em;
}

#menu .nav_on,#menu .nav_off:hover {
background:url(/graphics/nav_on_left.jpg) top left no-repeat;
}

#menu .nav_on a,#menu .nav_off a:hover {
color:#fff;
background:url(/graphics/nav_on_right.jpg) top right no-repeat;
}

#menu .nav_off {
background:url(/graphics/nav_off_left.jpg) top left no-repeat;
}

#menu .nav_off a {
background:url(/graphics/nav_off_right.jpg) top right no-repeat;
}

/* -----------------------------------------------
   content left / right general, item_listing, two_colum
   - welcome: news, courses
   - news: full listing
   - courses: full listing
   - welcome: content_right read more links
   ----------------------------------------------- */
#content p a,#content li a {
font-weight:200;
text-decoration:underline;
color:#333;
}

#content p + ul {
list-style-type:disc;
margin:0 0 1em 1em;
}

#content p + ul li,#content h2 + ul li {
font-size:.8em;
color:#333;
}

#content h3 {
letter-spacing:.03em;
clear:both;
color:#fff;
background:#003F5E;
margin:1em 0;
padding:.3em .8em;
}

#content p {
color:#333;
font-size:.75em;
line-height:135%;
letter-spacing:.03em;
clear:both;
margin:0 0 1em;
}

#content h2 + p,#content_right + p {
line-height:150%;
font-weight:700;
color:#000;
margin:1em 0;
}

#content h2 + p a {
font-weight:700;
color:#000;
}

/*-----------------------------------*/
#content .item_listing {
list-style-type:none;
margin:0;
}

#content .item_listing li {
position:relative;
margin:.5em 0 1.5em;
}

#content .item_listing h4 {
padding-bottom:.2em;
border-bottom:.14em solid #ccc;
letter-spacing:.025em;
}

#content .item_listing span {
font-size:.7em;
font-weight:700;
position:absolute;
top:.3em;
right:0;
}

#content .item_listing p {
line-height:130%;
font-size:.75em;
color:#333;
padding:.8em 0 .04em;
}

#content .item_listing a.more {
font-size:.7em;
text-decoration:none;
border:.1em solid #8cb54b;
color:#8cb54b;
padding:.01em .5em;
}

#content .item_listing a.more:hover {
background:#8cb54b;
color:#fff;
}

#content .item_listing h4 a {
font-size:.8em;
font-weight:700;
border:none;
color:#003F5E;
text-decoration:none;
padding:0;
}

/*-----------------------------------*/
#content .two_column li {
float:left;
width:23em;
height:7em;
}

#content .two_column li.even {
margin-left:1.4em;
}

#content td {
border:solid .1em #aaa;
font-size:.8em;
vertical-align:top;
padding:.3em;
}

/*-----------------------------------*/
#content a.more {
border:.1em solid #003F5E;
font-size:.7em;
color:#003F5E;
padding:.01em .5em;
}

#content_right a.more {
margin-left:13em;
}

#content a.more:hover {
text-decoration:none;
background:#003F5E;
color:#fff;
}

/*-----------------------------------*/
#content_left #home_course_listing h4 {
height:2.5em;
xbackground:#ccc;
}

#content_left #home_course_listing span.date {
position:absolute;
top:2.4em;
font-weight:200;
font-size:.7em;
}

/* -----------------------------------------------
   content - right
   ----------------------------------------------- */
#content_right .green_box {
background:#8CB54B url(/graphics/content_right_green_box_bg.jpg) -0.3em 0 repeat-y;
padding-left:1.3em;
height:16.55em;
}

#content_right .main {
margin-bottom:.8em;
}

body.lower #content_right .main {
width:100%;
}

#content_right .block {
background:#fff url(/graphics/content_right_bg.jpg) .1em 0 repeat-y;
padding-left:1.25em;
}

#content_right .block h3 {
background:#8CB54B;
letter-spacing:.03em;
color:#fff;
padding:.3em .8em;
}

table#calendar th {
color:#fff;
background:#003F5E;
letter-spacing:.03em;
font-weight:700;
position:relative;
padding:.3em;
}

table#calendar th a {
color:#82ABC2;
font-size:.8em;
}

table#calendar .calendarHeader th {
border:none;
font-size:1em;
padding:.3em 0 .3em .8em;
}

table#calendar .calendarDayHeading {
background:#8CB54B;
color:#fff;
font-size:.8em;
font-weight:700;
text-align:center;
border:none;
padding:.2em 0;
}

table#calendar .calendarCell {
width:2.5em;
font-size:.8em;
background:#F5F5F3;
border:solid .1em #aaa;
text-align:center;
vertical-align:top;
color:#aaa;
padding:.5em;
}

table#calendar .calendarCell a {
color:#fff;
background:#003F5E;
display:block;
padding:.2em 0;
}

table#calendar .calendarToday {
background:#8CB54B;
text-align:center;
font-size:.8em;
color:#fff;
padding:.5em;
}

table#calendar .calendarBlank {
color:#777;
background:#ccc;
border:solid .1em #aaa;
text-align:center;
font-size:.8em;
}

table#calendar .course_date {
color:#fff;
background:#003F5E;
margin:.4em;
padding:.5em 0;
}

/* -----------------------------------------------
   footer
   ----------------------------------------------- */
#footer {
height:15em;
position:relative;
clear:both;
}

/* -----------------------------------------------
   footer - left
   ----------------------------------------------- */
#footer #footer_left {
width:22.8em;
float:left;
}

#footer .quick_links {
float:left;
margin-top:.65em;
margin-bottom:.75em;
}

#footer .quick_links a.first {
padding-left:0;
}

#footer dl {
clear:both;
color:#fff;
font-size:.85em;
font-weight:700;
border-top:.14em solid #235c79;
border-bottom:.14em solid #235c79;
padding:.5em 0;
}

#footer dl a {
color:#fff;
}

#footer #footer_left dt {
display:none;
}

#footer #footer_left dd {
display:block;
clear:both;
font-size:.7em;
letter-spacing:.06em;
word-spacing:.01em;
line-height:126%;
color:#fff;
}

#footer #footer_left p {
font-size:.6em;
color:#82ABC2;
margin-top:.8em;
line-height:120%;
}

/* -----------------------------------------------
   footer - right
   ----------------------------------------------- */
#footer #footer_right {
width:22.8em;
float:right;
text-align:right;
position:relative;
}

#footer #emagine {
font-size:.7em;
letter-spacing:.01em;
word-spacing:.02em;
color:#82ABC2;
float:right;
padding:1.2em 0 1em;
}

#footer .chamber {
position:absolute;
top:2.6em;
right:12.4em;
}

#footer .skillnet {
position:absolute;
top:2.6em;
right:0;
}

/* ==================================================== pages ==== 
 -----------------------------------------------
   welcome - green box
   ----------------------------------------------- */
#content_left .green_box {
height:16.5em;
margin-bottom:1em;
overflow:hidden;
}

#content_left .green_box h2 {
color:#fff;
letter-spacing:.01em;
word-spacing:.05em;
font-size:1.2em;
font-weight:200;
width:100%;
padding:1em 0 .055em;
}

#content_left .green_box p {
font-weight:700;
line-height:150%;
color:#fff;
margin-bottom:1em;
}

#content_left .green_box h4 a {
font-weight:700;
color:#fff;
}

#content_left .green_box > a {
border:1px solid #fff;
font-weight:700;
font-size:.6em;
color:#fff;
padding:.2em .6em;
}

#content_left .green_box a.button {
border:none;
padding-left:0;
}

/* -----------------------------------------------
   welcome courses
   ----------------------------------------------- */
#content_left.courses {
margin-bottom:1em;
}

#content_left.courses p {
font-weight:700;
margin:0 0 2em;
}

#content_left.courses p + p {
font-weight:200;
}

#content_left.courses td {
border:solid .1em #aaa;
font-size:.7em;
vertical-align:top;
padding:.3em;
}

/* -----------------------------------------------
   welcome member profile
   ----------------------------------------------- */
#member_profile {
position:relative;
min-height:11em;
margin:1em 0;
}

#member_profile a.main {
position:absolute;
top:3em;
left:1.75em;
width:auto;
height:7.5em;
}

#member_profile a.main img {
border:.1em solid #ccc;
background:#fff;
width:126px;
height:118px;
text-align:center;
line-height:150%;
}

#member_profile h4 {
color:#003F5E;
margin:1.1em 0 0 9em;
}

#member_profile dl {
margin:.5em 0 0 9em;
}

#member_profile dl dt {
line-height:150%;
font-size:.75em;
font-weight:700;
width:5em;
float:left;
clear:both;
display:block;
color:#003F5E;
}

#member_profile dl dd {
line-height:150%;
font-size:.75em;
display:block;
width:14em;
float:right;
}

#member_profile dl dd a {
color:#000;
}

#member_profile p {
float:right;
font-size:.75em;
color:#555;
margin:1em 0 .5em 12em;
}

/* -----------------------------------------------
   welcome gallery
   ----------------------------------------------- */
#content .gallery_listing.homepage li {
margin:0 .45em 1em 1.1em;
}

/* -----------------------------------------------
   news images
   ----------------------------------------------- */
body.news #content #news_images li {
float:none;
text-align:center;
margin-bottom:1em;
overflow:hidden;
}

body.news #news_images a.lightbox {
height:9em;
display:block;
overflow:hidden;
}

body.news #news_images img {
width:16em;
border:.1em solid #ccc;
}

body.news #news_images p {
font-size:.75em;
line-height:100%;
margin:0;
padding:0;
}

body.news #news_images li i {
font-size:.75em;
font-style:normal;
}

/* -----------------------------------------------
   courses list
   ----------------------------------------------- */
#content #course_listing h4 {
font-size:.9em;
height:2.5em;
}

#content #course_listing h4 span {
bottom:2.1em;
color:#8cb54b;
}

#content ul#course_listing li span {
font-size:.7em;
font-weight:200;
position:absolute;
top:2em;
right:0;
}

/* -----------------------------------------------
   courses calendar
   ----------------------------------------------- */
body.lower #content_left {
width:28em;
}

body.lower #content #content_right {
width:18em;
}

body.lower #content_right table#calendar td {
width:2.7em;
}

/* -----------------------------------------------
   member login
   - welcome page
   - membership page
   ----------------------------------------------- */
#member_login,#lower_member_login {
margin-top:1em;
position:relative;
}

#member_login form,#lower_member_login form {
margin:1em 0;
}

#member_login label,#lower_member_login label {
width:5em;
clear:left;
float:left;
color:#003F5E;
font-size:.9em;
font-weight:700;
display:block;
margin:.4em 0 .5em .8em;
}

#member_login input[type='text'],#member_login input[type='password'],#lower_member_login input[type='text'],#lower_member_login input[type='password'] {
width:21em;
float:right;
border:1px solid #ccc;
height:1.5em;
vertical-align:middle;
margin:.2em 0 0;
}

#member_login input[type='image'],#lower_member_login input[type='image'] {
display:block;
float:left;
clear:both;
margin:.4em 0 0 7.2em;
}

#member_login .forgot,#lower_member_login .forgot {
font-size:.5em;
font-weight:700;
color:#003F5E;
position:absolute;
top:10.5em;
right:1em;
}

/* ----------------------------------------------- 
   membership login
   ----------------------------------------------- */
#content_right #lower_member_login {
background:#fff;
padding:0;
}

#lower_member_login label {
margin:.4em 0 .5em .00em;
}

#lower_member_login input[type='text'],#lower_member_login input[type='password'] {
width:15.5em;
}

#lower_member_login input[type='image'] {
clear:both;
margin:.4em 0 0 6.1em;
}

#lower_member_login .forgot {
right:0;
}

#membership_single li {
list-style-type:none;
margin:2em 0;
}

#membership_single img {
border:1px solid #ccc;
width:126px;
height:118px;
text-align:center;
line-height:150%;
float:left;
}

#membership_single dl {
float:left;
width:20em;
margin-left:1em;
}

#membership_single dt {
line-height:150%;
font-weight:700;
color:#000;
width:5em;
float:left;
clear:both;
}

#membership_single dd {
line-height:150%;
width:15em;
float:right;
color:#777;
}

/* -----------------------------------------------
   membership list
   ----------------------------------------------- */
#membership_list {
list-style-type:none;
border-top:1em solid #fff;
clear:both;
margin:2em 0 0;
}

#membership_list li {
margin-bottom:1em;
width:50%;
height:12em;
float:left;
}

#membership_list h2 {
margin-bottom:.3em;
margin-right:1em;
font-size:.9em;
float:right;
width:15.8em;
}

#membership_list h2 a {
font-size:1em;
font-weight:700;
text-decoration:none;
}

#membership_list h2 a:hover {
text-decoration:underline;
}

#membership_list img {
border:1px solid #ccc;
width:126px;
height:118px;
font-size:.8em;
text-align:center;
line-height:150%;
float:left;
}

#membership_list dl {
float:right;
width:15em;
}

#membership_list dt {
line-height:150%;
font-size:.75em;
font-weight:700;
width:5em;
float:left;
clear:both;
}

#membership_list dd {
line-height:150%;
font-size:.75em;
width:15em;
float:right;
color:#777;
}

/* -----------------------------------------------
   gallery list
   ----------------------------------------------- */
#content .gallery_listing {
float:left;
margin-bottom:1em;
}

#content .gallery_listing li {
width:10em;
height:12em;
overflow:hidden;
float:left;
margin:0 2.45em 1em 0;
}

#content .gallery_listing li.fourth {
margin-right:0;
}

#content .gallery_listing a.main {
display:block;
height:7em;
overflow:hidden;
}

#content .gallery_listing a.main img {
border:.1em solid #ccc;
width:100%;
}

#content .gallery_listing li p {
font-size:.75em;
font-weight:700;
text-align:left;
color:#003F5E;
margin:.5em 0;
}

#content .gallery_listing span {
font-size:.7em;
font-weight:200;
padding-left:1em;
}

#content .gallery_listing a.more {
margin-left:0;
text-decoration:none;
}

/* -----------------------------------------------
   sitemap
   ----------------------------------------------- */
#sitemap_list {
margin-top:1em;
}

#sitemap_list li li {
margin-left:2em;
}

#sitemap_list li span {
line-height:180%;
font-size:1em;
font-weight:700;
}

#sitemap_list li li span {
line-height:180%;
font-size:1.2em;
font-weight:200;
}

#sitemap_list a:hover span {
font-weight:700;
}

/* -----------------------------------------------
   faq
   ----------------------------------------------- */
#faq {
clear:both;
margin-top:1em;
}

#faq dt,#faq dd {
display:block;
}

#faq dt {
margin-bottom:.15em;
font-weight:700;
font-size:.9em;
}

#faq dd {
font-size:.8em;
margin-bottom:1em;
color:#333;
}

/* -----------------------------------------------
   links
   ----------------------------------------------- */
#content.links {
float:none;
}

dl.links {
float:left;
overflow:hidden;
margin:1em 0;
}

dl.links + .links {
margin:0 0 2em;
}

.links dt {
float:left;
width:9em;
}

.links dd {
width:47em;
float:left;
font-size:.8em;
color:#333;
line-height:150%;
}

.links dd a {
font-size:.9em;
font-weight:700;
color:#003F5E;
}

/* -----------------------------------------------
   contact
   ----------------------------------------------- */
#google_map {
height:20em;
border:.07em solid #003F5E;
}

#employees {
display:block;
margin:1em 0 0;
}

#employees img {
float:left;
margin:0 2em 0 0;
}

#employees p {
float:left;
width:23em;
}

#member_profile dd,#member_profile dt {
float:left;
font-size:.8em;
line-height:150%;
}

#member_profile dt {
width:5em;
clear:both;
font-weight:700;
}

#member_profile dd,#member_profile a {
width:15em;
color:#333;
}

a.members {
font-size:.8em;
font-weight:700;
padding-right:1em;
color:#003F5E;
}

/* -----------------------------------------------
   member profile edit
   ----------------------------------------------- */
#entryform label,#entryform input,#entryform textarea {
display:block;
width:99%;
margin-bottom:.5em;
}

#entryform input[type='text'],#entryform textarea {
border:.2em solid #ccc;
line-height:200%;
color:#777;
padding:0 0 0 .3em;
}

#entryform input[type='text'] {
padding:.3em;
}

#entryform input[type='submit'] {
width:auto;
}

#entryform label {
font-weight:700;
font-size:.9em;
margin:.95em 0 .2em;
}

#entryform textarea {
height:7em;
}

html,#quick_links_fw,#footer_fw {
background:#003F5E;
}

.quick_links li,#menu li {
float:left;
}

#content table,table#calendar,#content_left.courses table {
border:solid #aaa .07em;
border-top:none;
width:100%;
margin:0 0 1.5em;
}

#content caption,#content_left.courses caption {
color:#fff;
background:#003F5E;
border:solid .1em #003F5E;
font-size:.8em;
font-weight:700;
padding:.3em;
}

#content th,#content_left.courses th {
border:solid .1em #aaa;
background:#F5F5F3;
color:#003F5E;
font-size:.8em;
font-weight:700;
padding:.3em;
}

#content td a,#content_left.courses td a {
color:#003F5E;
font-weight:700;
}

#content_left.courses h2,#content #membership_single {
margin:0 0 1em;
}

#membership_single dd a,#membership_list dd a {
color:#777;
}

.links dt img,body.members #content_left img {
border:.1em solid #ccc;
}