/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* Contact */
body.contact-us section#content p:nth-child(n+9) {
	display: none!important;
}
body.contact-us section#content form {
	display: none!important;
}

/* Masthead */

#masthead
{
	background-color:#33277E;
}

#logo
{
	float:left;
	padding:10px 30px;
}

#login-details
{
	float:right;
	margin:10px 40px 10px 50px;
	color:#FFF;
	text-align:right;
}

#login-details h5
{
	font-weight:bold;
	color:#AEBD3C;
}

#login-details a:link,
#login-details a:visited
{
	color:#AEBD3C;
	text-decoration:none;
	font-weight:bold;
}

#login-details a:hover,
#login-details a:active,
#login-details a:focus
{
	text-decoration:underline;
}

#introduction-open
{
	display:none;
}

/* Primary navigation */

#horizontal-menu
{
	float:left;
	width:100%;
}

#horizontal-menu ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#horizontal-menu ul li
{
	float:left;
	margin:0;
	padding:10px 20px;
	background:url(../uploads/images/siteimages/tab.png) no-repeat right top;
}

#horizontal-menu ul li a:link,
#horizontal-menu ul li a:visited
{
	padding:10px 20px;
	text-decoration:none;
	color:#FFF;
}

#horizontal-menu ul li a:hover,
#horizontal-menu ul li a:active,
#horizontal-menu ul li a:focus
{
	color:#33277E;
}

#horizontal-menu span.button-home
{
	float:right;
	padding:0 40px 0 0;
	line-height:0;
}

#horizontal-menu span.button-home a
{
	margin:0;
	padding:0;
}

/* Vertical navigation */

#vertical-side
{
	padding-bottom:20px;
}

#vertical-menu
{
	float:left;
	margin-top:20px;
}

#vertical-menu ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#vertical-menu ul li
{
	float:left;
	margin:0;
	padding:0;
}

#vertical-menu ul li ul
{
	display:none;
}

#vertical-menu ul li.menu-active ul
{
	display:block;
}

#vertical-menu ul li a
{
	float:left;
	margin:0;
	padding:10px 20px 10px 40px;
	width:200px;
}

#vertical-menu ul li.menu-active ul li a
{
	padding:10px 20px 10px 60px;
	width:180px;
}

#vertical-menu ul li a:link,
#vertical-menu ul li a:visited
{
	text-decoration:none;
	color:#FFF;
	background:url(../uploads/images/siteimages/tab-bkg.png) no-repeat right top;
}

#vertical-menu ul li.menu-parent a.menu-parent:link,
#vertical-menu ul li.menu-parent a.menu-parent:visited
{
	background:url(../uploads/images/siteimages/tab-bkg-parent.png) no-repeat right top;
}

#vertical-menu ul li.first-item a
{
	background:url(../uploads/images/siteimages/tab-bkg-top.png) no-repeat right top;
}

#vertical-menu ul li.first-item a.menu-parent
{
	background:url(../uploads/images/siteimages/tab-bkg-top-parent.png) no-repeat right top!important;
}

#vertical-menu ul li.menu-parent ul li a
{
	background:url(../uploads/images/siteimages/tab-bkg-child.png) no-repeat right top;
}

#vertical-menu ul li a:hover,
#vertical-menu ul li a:active,
#vertical-menu ul li a:focus,
#vertical-menu ul li a.menu-active,
#vertical-menu ul li.menu-parent ul li a:hover,
#vertical-menu ul li.menu-parent ul li a:active,
#vertical-menu ul li.menu-parent ul li a:focus,
#vertical-menu ul li.menu-parent ul li a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-over.png) no-repeat right top;
}

#vertical-menu ul li.menu-parent a.menu-parent:hover,
#vertical-menu ul li.menu-parent a.menu-parent:active,
#vertical-menu ul li.menu-parent a.menu-parent:focus,
#vertical-menu ul li.menu-active a.menu-parent
{
	background:url(../uploads/images/siteimages/tab-bkg-over-parent.png) no-repeat right top!important;
}

#vertical-menu ul li.first-item a:hover,
#vertical-menu ul li.first-item a:active,
#vertical-menu ul li.first-item a:focus,
#vertical-menu ul li.first-item a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-top-over.png) no-repeat right top!important;
}

#vertical-menu ul li.first-item a.menu-parent:hover,
#vertical-menu ul li.first-item a.menu-parent:active,
#vertical-menu ul li.first-item a.menu-parent:focus,
#vertical-menu ul li.first-item.menu-parent a.menu-active
{
	background:url(../uploads/images/siteimages/tab-top-over-parent.png) no-repeat right top!important;
}

#vertical-menu ul li.first-item ul li a:hover,
#vertical-menu ul li.first-item ul li a:active,
#vertical-menu ul li.first-item ul li a:focus,
#vertical-menu ul li.first-item.menu-parent ul li a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-over.png) no-repeat right top!important;
}

#vertical-menu ul li.last-item a
{
	background:url(../uploads/images/siteimages/tab-bkg-bottom.png) no-repeat right bottom;
}

#vertical-menu ul li.last-item a:hover,
#vertical-menu ul li.last-item a:active,
#vertical-menu ul li.last-item a:focus,
#vertical-menu ul li.last-item a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-bottom-over.png) no-repeat right bottom;
}

/*#vertical-menu ul.employer-navigation li.first-item a
{
	background:url(../uploads/images/siteimages/tab-bkg.png) no-repeat right top;
}

#vertical-menu ul.employer-navigation li.menu-parent a:link,
#vertical-menu ul.employer-navigation li.menu-parent a:visited
{
	background:url(../uploads/images/siteimages/tab-bkg-parent.png) no-repeat right top;
}

#vertical-menu ul.employer-navigation li.menu-parent a:hover,
#vertical-menu ul.employer-navigation li.menu-parent a:active,
#vertical-menu ul.employer-navigation li.menu-parent a:focus,
#vertical-menu ul.employer-navigation li.menu-parent a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-over-parent.png) no-repeat right top;
}

#vertical-menu ul.employer-navigation li.menu-parent ul li a:link,
#vertical-menu ul.employer-navigation li.menu-parent ul li a:visited
{
	background:url(../uploads/images/siteimages/tab-bkg-child.png) no-repeat right top;
}

#vertical-menu ul.employer-navigation li a:hover,
#vertical-menu ul.employer-navigation li a:active,
#vertical-menu ul.employer-navigation li a:focus,
#vertical-menu ul.employer-navigation li a.menu-active,
#vertical-menu ul.employer-navigation li.menu-parent ul li a:hover,
#vertical-menu ul.employer-navigation li.menu-parent ul li a:active,
#vertical-menu ul.employer-navigation li.menu-parent ul li a:focus,
#vertical-menu ul.employer-navigation li.menu-parent ul li a.menu-active
{
	background:url(../uploads/images/siteimages/tab-bkg-over.png) no-repeat right top;
}*/

.handle
{
	display:none;
}

/* Home page */

body.home #content-home
{
	color:#FFF;
	background-color:#215B93;
}

body.home #content-home
{
	color:#FFF;
	background-color:#215B93;
}

body.home #content-home h1,
body.home #content-home h2,
body.home #content-home h3,
body.home #content-home h4,
body.home #content-home h5,
body.home #content-home h6
{
	color:#FFF;
}

body.home #introduction
{
	padding:10px 40px;
}

body.home #member,
body.home #non-member
{
	padding:20px 0 10px 0;
	background:#CAD2D6 url(../uploads/images/siteimages/bkg-home.png) repeat-x left top;
}

body.home .member-intro,
body.home .login-form,
body.home .joiner-login-form,
body.home .button-home
{
	padding:10px 40px;
}

/* Content */
.container
{
	/*overflow:hidden;*/
}

#page
{
	float:left;
	width:938px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(../uploads/images/siteimages/bkg-page.png) repeat-x left bottom;
}

body.home #page
{
	border:none;
}

#content
{
	margin-top:20px;
	margin-bottom:20px;
}

#content h1
{
	padding:5px 20px 5px 20px;
	font-size: 26px;
	font-weight:normal;
	line-height: 28px;
	margin-bottom: 20px;
	margin-right:-19px;
	color:#FFF;
	background:url(../uploads/images/siteimages/bkg-header.png) no-repeat left top;
	border-bottom: 3px solid #9C3;
}

body #page section.sixteen h1
{
	margin-left:39px;
	margin-right:1px;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content p,
#content ul,
#content ol,
#content table
{
	padding-left:20px;
}

body #page section.sixteen p
{
	margin-left:40px;
}

#content table
{
	margin:20px 0 20px 20px;
}

#content th
{
	padding:0 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#32393A;
	border-bottom:1px solid #9C3;
}

#content td
{
	padding:10px 5px;
	font-size:12px;
	text-align:left;
	vertical-align:text-top;
	border-bottom:1px solid #9C3;
}

#content td p
{
	margin:0;
	padding:0;
}

#content td ul
{
	margin:10px 0 0 15px;
	padding:0;
	list-style:disc;
}

#content td ul li
{
	margin:0;
	padding:0;
	line-height:auto;
	background:none;
}

#content ul
{
	list-style:none;
	margin-left:10px;
}

#content ul li
{
	padding-left:20px;
	background:url(../uploads/images/siteimages/bullet-arrow.png) no-repeat left top;
}

#content ul.share-this-links
{
	margin-left:0;
}

#content ul.share-this-links li
{
	margin-left:0;
	padding-left:0;
	background:none;
	vertical-align:middle;
}

.link-return
{
	font-weight:bold;
}

#content .menu-active a
{
	color:#9C3;
}

.content-item-left
{
	float:left;
}

.content-item-left-margin
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.content-item-right
{
	float:right;
}

.content-item-right-margin
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* Spotlight content */

.spotlight-content
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:523px;
	background:url(../uploads/images/siteimages/spotlight-bkg-top.png) no-repeat left top;
}

.element-content
{
	float:left;
	width:523px;
	margin-top:17px;
	margin-bottom:20px;
	padding-bottom:50px;
	background:url(../uploads/images/siteimages/spotlight-bkg.png) no-repeat left bottom;
}

#content .spotlight-content h2,
#content .spotlight-content h3,
#content .spotlight-content h4,
#content .spotlight-content h5,
#content .spotlight-content h6,
#content .spotlight-content p
{
	padding-left:20px;
	padding-right:20px;
}

#content .spotlight-content a:link,
#content .spotlight-content a:visited
{
	text-decoration:none;
}

body fieldset.captcha #recaptcha_area,
body fieldset.captcha #recaptcha_table,
body fieldset.captcha #recaptcha_image img,
body fieldset.captcha iframe
{
	width:200px!important;
}

/* Slats */

#content nav.categories ul
{
	margin-left:0;
	padding-left:0;
}

#content nav.categories ul li
{
	font-size:12px;
	font-weight:bold;
	line-height:10px;
	background:none;
}

#content ul.slats
{
	margin-left:20px;
	padding-left:0;
}

#content ul.slats,
#content ul.slats ul
{
	float:left;
	width:95%;
	margin-top:10px;
	margin-bottom:20px;
}

#content ul.slats ul
{
	width:100%;
}

#content ul.slats li ul,
#content ul.slats li ul li h4,
#content ul.slats li ul li p
{
	margin:0;
	padding:0;
}

#content ul.slats li ul li h4
{
	font-weight:bold;
}

#content ul.slats li.group
{
	float:left;
	width:100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
	background:none;
}

#content ul.slats li.group-header
{
	padding-left:0;
	background:none;
}

/*ul.slats li:last-child
{
	margin: 0;
	padding: 0;
	border-bottom: none;
}*/

#content ul.slats li h3
{
	padding-left:0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}

#content ul.slats li h3 a img
{
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
	border: 1px solid #32393A;
}

#content ul.slats li h3 a span
{
	float:left;
	margin-bottom:10px;
	width:120px;
	height:100px;
	min-width:120px;
}

#content ul.slats li a:hover img,
#content ul.slats li a:focus img
{
	background: #9C3;
}

#content ul.slats li p
{
	margin: 0 0 0 100px;
	font-size: 14px;
	line-height: 18px;
}

#content ul.company-slats li p
{
	margin: 0;
	padding-left:0;
}

#content ul.slats li a p span.meta
{
	display: block;
	font-size: 12px;
	color: #32393A;
}

#content nav.page ul
{
	float:left;
	margin-left:0;
	padding:10px 0;
	text-align: left;
}

#content nav.page ul li
{
	display: inline;
	margin: 0 4px 0 0;
	font-weight:bold;
	background:none;
}

#content nav.page ul li a:link,
#content nav.page ul li a:visited
{
	padding: 3px 8px;
	font-size: 12px;
	color:#FFF;
	background-color:#9C3;
	text-decoration:none;
}

nav.page .page-info
{
	font-size: 12px;
}

#content nav.page ul li a:hover,
#content nav.page ul li a:active,
#content nav.page ul li a:focus
{
	color:#FFF;
	background-color:#88B42C;
}

/* Full details */

#content article
{
	margin-bottom:20px;
}

#content article h2,
#content footer
{
	padding-left:20px;
}

#content article h2 a img
{
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
	border: 1px solid #32393A;
}

#content article h2 a:hover img,
#content article h2 a:focus img
{
	background: #CCC;
}

#content article p
{
	font-size: 14px;
	line-height: 18px;
}

body.library-details #content article p
{
	margin: 0 0 0 100px;
}

/* jqglossary */

#content nav.jqglossary ul
{
	float:left;
	margin:0;
	padding:10px 20px 20px 20px;
	list-style:none;
	width:100%;
}

#content nav.jqglossary ul li
{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}

#content nav.jqglossary ul li h3
{
	margin:0;
	padding:0;
}

#content nav.jqglossary ul li h3 a
{
	float:left;
	padding:5px 10px;
	text-decoration:none;
	color:#FFF;
	background-color:#9C3;
}

#content nav.jqglossary ul li a:hover,
#content nav.jqglossary ul li a:active,
#content nav.jqglossary ul li a:focus
{
	text-decoration:underline;
}

body.faq-s #content p.collapse-expand
{
	margin-bottom:20px;
}

body.faq-s #content p.collapse-expand span.expand,
body.faq-s #content p.collapse-expand span.collapse
{
	margin-right:20px;
	padding:5px 6px;
	font-size:12px;
	color:#FFF;
	background:#9C3;
}

body.faq-s #content p.collapse-expand span.expand:hover,
body.faq-s #content p.collapse-expand span.collapse:hover
{
	background:#88B42C;
}

body.faq-s #content h4
{
	margin-top:20px;
	font-weight:bold;
}

body.faq-s #content h4 strong
{
   color:#9C3;
}

body.faq-s #content h4 span
{
	float:left;
	width:600px;
	margin:0 0 20px 0;
	padding:0;
	color:#9C3;
	text-decoration:underline;
}

body.faq-s #content h4 span:hover
{
	text-decoration:underline;
	color:#32393A;
}

body.faq-s #content p,
body.faq-s #content table,
body.faq-s #content ul,
body.faq-s #content ol,
body.faq-s #content h4,
body.faq-s #content h5
{
	clear:left;
}

/* Latest News */

section.latest-news
{
	float:left;
	margin-top:20px;
	width:260px;
	background:url(../uploads/images/siteimages/latest-news-bkg-top.png) no-repeat left top;
}

div.news-wrapper
{
	float:left;
	width:260px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:50px;
	background:url(../uploads/images/siteimages/latest-news-bkg.png) no-repeat left bottom;
}

section.latest-news header
{
	width:257px;
	background-color:#4B4942;
	border-bottom: 3px solid #9C3;
}

section.latest-news header h2
{
	padding:10px 10px 0 40px;
	font-size:16px;
	line-height:16px;
	color:#FFF;
}

div.news-item
{
	padding:10px 10px 0 40px;
	width:200px;
}

div.news-item h3
{
	font-size:14px;
}

div.news-item p
{
	font-size:12px;
}

/* Forms */

body #content .error
{
	font-weight:bold;
	font-style:italic;
	color:#CC0000;
}

body #content form .error
{
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#CC0000;
}

#content form
{
	padding-left:20px;
}

body #page section.sixteen form
{
	margin-left:60px;
	padding-left:0;
}

body #page section.sixteen form p
{
	margin-left:0;
}

body.home #page section.sixteen form
{
	margin:0;
	padding:0;
}

#content form p
{
	padding-left:0;
}

form input[type="text"],
form textarea
{
	margin-bottom:0;
}

.form-actions input[type="submit"]
{
	color:#FFF;
	text-transform:uppercase;
	text-shadow:none;
	border: 1px solid #32393A;
	background-color:#9C3;
}

body.home #member .form-actions input[type="submit"]
{
	background-color:#4AB45C;
}

body.home #non-member .form-actions input[type="submit"]
{
	background-color:#A47BB5;
}

.form-actions input[type="submit"]
{
	float:left;
	margin-right:10px;
}

.form-actions a:link,
.form-actions a:visited
{
	text-decoration:none;
}

.form-actions a:hover,
.form-actions a:active,
.form-actions a:focus
{
	text-decoration:underline;
}

body.home label
{
	text-transform:uppercase;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select
{
	border: 1px solid #32393A;
	padding: 10px 5px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #32393A;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

img.captchapict
{
	border: 1px solid #32393A;
}

/* Footer */

#footer
{
	font-size:12px;
	color:#FFF;
	background-color:#33277E;
}

#footer a:link,
#footer a:visited
{
	text-decoration:none;
	color:#FFF;
}

#footer a:hover,
#footer a:active,
#footer a:focus
{
	text-decoration:underline;
}

#footer-menu
{
	float:left;
	width:100%;
	padding:20px 0;
	text-align:center;
}

#footer-menu ul
{
	list-style:none;
	margin:0;
	padding:0 10px;
}

#footer-menu li
{
	display:inline;
	margin:0;
	padding:0 7px;
	border-left:1px solid #2F9FC1;
}

#footer-menu li.first-li
{
	border-left:none;
}

#footer-information
{
	font-size:10px;
	color:#999999;
}

#footer-information a:link,
#footer-information a:visited
{
	text-decoration:none;
	color:#999999;
}

#footer-information a:hover,
#footer-information a:active,
#footer-information a:focus
{
	text-decoration:underline;
}

#footer-information p.copyright
{
	float:left;
	width:100%;
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 939px) {

h1
{
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 10px;
}

/* Vertical navigation */

#vertical-menu ul li a
{
	width:160px;
}

#vertical-menu ul li.menu-active ul li a
{
	padding:10px 20px 10px 60px;
	width:140px;
}

/* Content */

#page
{
	width:746px;
}

/* Latest News */

section.latest-news
{
	float:left;
	width:220px;
	background:url(../uploads/images/siteimages/latest-news-bkg-top-220.png) no-repeat left top;
}

div.news-wrapper
{
	float:left;
	width:220px;
	margin-top:20px;
	padding-bottom:50px;
	background:url(../uploads/images/siteimages/latest-news-bkg-220.png) no-repeat left bottom;
}

section.latest-news header
{
	width:216px;
	background-color:#4B4942;
	border-bottom: 3px solid #9C3;
}

section.latest-news header h2
{
	padding:10px 10px 0 40px;
	font-size:14px;
	line-height:14px;
	color:#FFF;
}

div.news-item
{
	padding:10px 10px 0 40px;
	width:160px;
}

div.news-item h3
{
	font-size:12px;
}

div.news-item p
{
	font-size:11px;
	line-height:14px;
}

/* Spotlight content */

.spotlight-content
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:420px;
	background:url(../uploads/images/siteimages/spotlight-bkg-top-420.png) no-repeat left top;
}

.element-content
{
	float:left;
	width:420px;
	margin-top:17px;
	margin-bottom:20px;
	padding-bottom:50px;
	background:url(../uploads/images/siteimages/spotlight-bkg-420.png) no-repeat left bottom;
}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#recaptcha_area,
#recaptcha_table,
#recaptcha_image img
{
 	width:200px!important;
}

h1
{
	padding:10px 20px 0 20px;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
}

#content-home h3
{
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	margin-bottom: 10px;
}

/* Masthead */

#logo
{
	padding:10px 10px;
}

#login-details
{
	float:left;
	margin:0 20px 10px 20px;
	text-align:left;
}

/* Primary navigation */

#horizontal-menu ul li
{
	padding:10px 5px;
	font-size:12px;
}

#horizontal-menu ul li a:link,
#horizontal-menu ul li a:visited
{
	padding:10px 10px;
}

/* Vertical navigation */

.handle
{
	display:block;
}

/* Home page */

body.home #introduction
{
	padding:10px 20px;
}

body.home .member-intro,
body.home .login-form,
body.home .joiner-login-form,
body.home .button-home
{
	padding:10px 20px;
}

/* Content */

#page
{
	width:418px;
	background:none;
}

body #content p
{
	font-size:12px!important;
}

/* Slats */

#content nav.jqglossary ul
{
	float:left;
	margin:0;
	padding:5px 10px 10px 20px;
	list-style:none;
	width:100%;
}

#content nav.jqglossary ul li
{
	float:left;
	margin:0 5px 5px 0;
	padding:0;
}

#content nav.jqglossary ul li h3 a
{
	float:left;
	padding:0 5px;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
	background-color:#9C3;
}

#content ul.slats li h3 a img
{
	margin: 0 10px 5px 0;
	max-width: 50px;
	height: auto;
}

#content ul.slats li h3 a span
{
	margin: 0 20px 5px 0;
	max-width: 50px;
	height: auto;
	min-width:50px;
}

#content ul.slats li h3
{
	font-size:14px;
}

#content ul.slats li p
{
	margin: 0 0 0 50px;
}

/* Latest news */

section.latest-news
{
	display:none;
}

/* Spotlight content */

.spotlight-content
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:260px;
	background:url(../uploads/images/siteimages/spotlight-bkg-top-260.png) no-repeat left top;
}

.element-content
{
	float:left;
	width:260px;
	margin-top:17px;
	margin-bottom:20px;
	padding-bottom:50px;
	background:#FFF url(../uploads/images/siteimages/spotlight-bkg-260.png) no-repeat left bottom;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 420px) and (max-width: 767px) {

#introduction-open
{
	display:inline-block;
	height:16px;
	width:16px;
}

span.open
{
	background:url(../uploads/images/siteimages/mobile-open-message.png) no-repeat left top;
}

span.close
{
	background:url(../uploads/images/siteimages/mobile-close-message.png) no-repeat left top;
}

#introduction
{
	display:none;
}

body.home #introduction p
{
	font-size: 12px;
	line-height: 14px;
}

/* Vertical navigation */

#vertical-menu
{
	margin-top:18px;
	float:none;
}

#vertical-menu ul
{
	float:none;
}

#vertical-menu ul li
{
	float:none;
	width:100%;
}

#vertical-menu ul li a
{
	float:left;
	margin:0 0 0 3px;
	padding:10px 20px 10px 20px;
	width:200px;
}

#vertical-menu ul li.menu-active ul li a
{
	padding:10px 20px 10px 40px;
	width:180px;
}

#vertical-side nav.open span.handle
{
	background:url(../uploads/images/siteimages/tab-close.png) no-repeat right 40px!important;
}

/* Content */

#content
{
	padding:0 20px;
	width:380px;
}

#page
{
	width:418px;
}

body #page section.sixteen h1
{
	margin-left:0;
	margin-right:-19px;
}

body #page section.sixteen p
{
	margin-left:0;
}

#content table
{
	margin:20px 0 20px 20px;
	width:361px;
}

#content th
{
	padding:0 2px 2px 2px;
	font-size:80%;
}

#content td
{
	padding:5px 2px;
	font-size:80%;
	line-height:110%;
}

/* Form */

body #page section.sixteen form
{
	margin-left:20px;
}

/* Footer */

body #footer-information p.copyright
{
	margin-top:5px;
	line-height:13px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 419px) {

#introduction-open
{
	display:inline-block;
	height:16px;
	width:16px;
}

span.open
{
	background:url(../uploads/images/siteimages/mobile-open-message.png) no-repeat left top;
}

span.close
{
	background:url(../uploads/images/siteimages/mobile-close-message.png) no-repeat left top;
}

#introduction
{
	display:none;
}

#horizontal-menu ul li
{
	padding:10px 4px;
}

#horizontal-menu ul li a:link,
#horizontal-menu ul li a:visited
{
	padding:10px 5px;
}

#horizontal-menu span.button-home
{
	padding-right:5px;
}

/* Vertical navigation */

#vertical-menu
{
	margin-top:18px;
	float:none;
}

#vertical-menu ul
{
	float:none;
}

#vertical-menu ul li
{
	float:none;
	width:100%;
}

#vertical-menu ul li a
{
	float:left;
	margin:0 0 0 3px;
	padding:10px 20px 10px 20px;
	width:200px;
}

#vertical-menu ul li.menu-active ul li a
{
	padding:10px 20px 10px 40px;
	width:180px;
}

#vertical-side nav.open span.handle
{
	background:url(../uploads/images/siteimages/tab-close.png) no-repeat right 40px!important;
}

#content h1
{
	padding:10px 20px 10px 20px;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
	margin-right:-39px;
}

body #page section.sixteen h1
{
	margin-left:0;
	margin-right:-19px;
}

#content-home h3
{
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	margin-bottom: 10px;
}

/* Masthead */

#logo
{
	padding:10px 10px;
}

#login-details
{
	float:left;
	margin:0 20px 10px 20px;
	text-align:left;
}

/* Home page */

body.home #introduction
{
	padding:10px 20px;
	font-size: 12px;
	line-height: 14px;
}

body.home .member-intro,
body.home .login-form,
body.home .joiner-login-form,
body.home .button-home
{
	padding:10px 20px;
}

/* Content */

#content
{
	padding:0 20px;
	width:260px;
}

#page
{
	width:318px;
}

body #page section.sixteen p
{
	margin-left:0;
}

#content table
{
	margin:20px 0 20px 20px;
	width:245px;
}

#content th
{
	padding:0 2px 2px 2px;
	font-size:60%;
}

#content td
{
	padding:5px 2px;
	font-size:60%;
	line-height:110%;
}

#content td ul li
{
	line-height:10px;
}

/* Form */
body #page section.sixteen form
{
	margin-left:20px;
}

/* Footer */

#footer-information p.copyright
{
	margin-top:5px;
	line-height:13px;
}

}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/