/*
	GRAPA, Master LAYOUT Stylesheet for screen media
*/


/* -------------------------------- Global -------------------------------- */
body {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

	

/* ------------------------------- Header ------------------------------- */
#header {
	width: 1100px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header h1 {
	text-indent: -9999px;
	border: 0;
	float: left;
}

#header h1 a {
	display: block;
	width: 75px;
	height: 50px;
	margin: 30px 0 0 10px;
	border: 0;
	text-decoration : none;
	float: left;
}

#header h2#banner {
	text-indent: -9999px;
	margin-left: 11px;
}

#header h3#title {
	/*text-indent: -9999px;*/
	margin: 45px 0 0 10px;
	margin-left: 11px;
	float: left;
	width: 700px;
	font-size: 18px;
	color: #ffffff;
}

/* ----------------------------------- Navigation ----------------------------------- */
#navigation {
	float: left;
	clear: both;
	width: 100%;
}

#primary-nav {
	float: left;
	width: 905px;
	display: inline;
	height: 30px;
	background: url('../Masters/Images/tabs-blue.png');
	margin: 23px 0 0 7px;
	position: relative;
}

#primary-nav li {
	list-style: none; 
	position: absolute; 
	top: -5px;
	height: 30px; 
	display: block; 
	text-indent: -9999px;
}

#primary-nav li.current {
	border-bottom: 1px solid; 
}

#primary-nav a {
	margin-top: 10px;  
	height: 25px; 
	display: block; 
	text-indent: -9999px;
}

#nav-home {left: 1px; width: 88px;}
#nav-forums {left: 92px; width: 123px;}
#nav-training {left: 217px; width: 111px;}
#nav-events {left: 331px; width: 98px;}
#nav-standards {left: 431px; width: 116px;}
#nav-practices {left: 550px; width: 106px;}
#nav-ourcommunity {left: 658px; width: 133px;}
#nav-locations{left:793px; width: 101px;}


#nav-home a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -1px -39px;
}
#nav-forums a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -92px -39px;
}
#nav-training a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -217px -39px;
}
#nav-events a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -331px -39px;
}
#nav-standards a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -431px -39px;
}
#nav-practices a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -549px -39px;
}
#nav-ourcommunity a:hover {background: url('../Masters/Images/tabs-blue.png') no-repeat -658px -39px;
}
#nav-locations a:hover{background:url('../Masters/Images/tabs-blue.png') no-repeat -793px -39px;
}

#nav-home.current { background: url('../Masters/Images/tab-home.gif') no-repeat left bottom;
}
#nav-forums.current { background: url('../Masters/Images/tab-certification.gif') no-repeat left bottom;
}
#nav-training.current { background: url('../Masters/Images/tab-community.gif') no-repeat left bottom;
}
#nav-events.current { background: url('../Masters/Images/tab-events.gif') no-repeat left bottom;
}
#nav-standards.current { background: url('../Masters/Images/tab-standards.gif') no-repeat left bottom;
}
#nav-practices.current { background: url('../Masters/Images/tab-jobsite.gif') no-repeat left bottom;
}
#nav-ourcommunity.current { background: url('../Masters/Images/tab-library.gif') no-repeat left bottom;
}
#nav-locations.current {background: url('../Masters/Images/tab-commercial.gif') no-repeat left bottom;
}


#nav-home.current a:hover {background: none; }
#nav-forums.current a:hover {background: none; }
#nav-training.current a:hover {background: none; }
#nav-events.current a:hover {background: none; }
#nav-standards.current a:hover {background: none; }
#nav-practices.current a:hover {background: none; }
#nav-ourcommunity.current a:hover {background: none; }
#nav-locations.current a:hover{background: none;}

#secondary-nav {
	float: left;
	margin-top: -10px;
	margin-left:-12px;
	width:200;
}

#secondary-nav li {
	list-style: none; 
	/*float: left;*/
	padding: 0 5px;
	/*background: url(../Masters/Images/divider_new.gif) 0 3px no-repeat;*/
	font-size: 10px;
}

#secondary-nav li.first {
	background: none;
}

#tertiary-nav {
	float: left;
}

#tertiary-nav li {
	list-style: none; 
	float: left;
	padding: 0 8px;
	background: url('../Masters/Images/divider_new.gif') no-repeat 0 5px;
	font-size: 10px;	
}

#tertiary-nav li.first {
	padding-left: 0;
	background: none;
}

#sub-nav {
	width: 900px;
	list-style: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}

#sub-nav li {
	position: relative; 
	left: 0; 
	float: left;
	padding: 0 10px;
	background: url('../Masters/Images/divider_new.gif') no-repeat 0 13px;
	height: 25px;
	text-indent: 0; 
}

#sub-nav li a {
	text-indent: 0; 
	float: left; 
	padding: 0; 
	margin: 10px 0 0 0; 
	height: 16px;
}

#sub-nav li a.external {
	padding-right: 12px;
	background: url('../A-GRAPA/images/external-link.gif') no-repeat right top;
}

#sub-nav li a.external:hover {
	background: url('../A-GRAPA/images/external-link.gif') no-repeat right top;
}

#sub-nav li.first {
	background: none;
	padding-left: 0;
}

#sub-nav li.first2 {
	background: none;
	padding-left: 0;
}

#sub-nav li.active a {
	font-weight: bold; 
	text-decoration: none;
}


#nav-forums.current #sub-nav {
	margin-left: -92px;
}
#nav-training.current #sub-nav {
	margin-left: -217px;
}
#nav-events.current #sub-nav {
	margin-left: -331px;
}
#nav-standards.current #sub-nav {
	margin-left: -431px;
}
#nav-practices.current #sub-nav {
	margin-left: -549px;
}
#nav-ourcommunity.current #sub-nav {
	margin-left: -658px;
}
#nav-locations.current #sub-nav {
	margin-left: -793px;
}

body.notabs #primary-nav { /* Helpful Note: this CSS is used on pages (typically static) that we do not want to show the main navigation tabs.  Ex: http://smweb.prmia.org. */
	float: left;
	width: 788px;
	display: inline;
	height: 30px;
	background: none;
	margin: 48px 0 0 7px;
	position: relative;
}

	float: left;
	width: 788px;
	display: inline;
	height: 30px;
	background: none;
	margin: 48px 0 0 7px;
	position: relative;
}

body.notabs #primary-nav li { /* Helpful Note: this CSS is used on pages (typically static) that we do not want to show the main navigation tabs.  Ex: http://smweb.prmia.org. */
	list-style: none; 
}



/* -------------------------------------- Search ------------------------------------- */
FORM.search-form { 
	float: right; 
	margin-top: -115px; 
	width: 280px;
	height: 35px;
}

FORM.search-form fieldset { 
	margin: 3px 6px 0 6px;
	border: none;
}

FORM.search-form label {
	display: none;
}

FORM.search-form h2 {
	display: none;
}

FORM.search-form input {
	vertical-align: middle;
}

FORM.search-form input.searchbox  { 
	font-size: 13px; 
	color: #333; 
	vertical-align: middle; 
	width: 180px; 
	height: 18px;
	background: #FFF url('../Masters/Images/google-custom_search.gif') no-repeat 2px 4px;
}

FORM.search-form input.searchbox_focus { 
	font-size: 13px; 
	color: #333; 
	vertical-align: middle; 
	width: 180px; 
	height: 18px;
}

FORM.search-form select { 
	font-size: 13px; 
	width: 100px; 
	vertical-align: middle; 
	margin-right: 2px;
}

FORM.search-form .button { 
	margin: 0px;
	padding: 0px;
	border: solid 1px #FFF;
	background-color: #9bbde6;
	color: #354f6a;
	height: 20px;
}


/* ------------------------------- Featured Content ------------------------------- */
#featured-content {
	float: left;
	width: 100%;
	background-color: #eee;
	color: #000;
	min-width: 960px;
	border-bottom: 2px solid #69C;
	padding-top: 20px;
	margin-top: 1px;
}

#featured-content div.wrapper {
	width: 980px;
	w\idth: 970px;
	margin: 0 auto;
	padding-left: 10px;
	text-align: left;
}



/* --------------------------------- Main Content --------------------------------- */
#main-content {
	float: left;
	width: 100%;
	background-color: #fff;
	color: #000;
	min-width: 900px;
	padding-top: 15px;
	margin-top: 36px;
	margin-left: 0px;
	text-align: center;
	
}






body.notabs #main-content { /* Helpful Note: this CSS is used on pages (typically static) that we do not want to show the main navigation tabs.  Ex: http://smweb.prmia.org. */
	margin-top: 2px;
}

#main-content h2 {
	font-size: 18px;
	letter-spacing: -.05em;
}

#main-content h3 {
	font-size: 12px;
}

#main-content h3 span {
	padding: 1px 3px;
}

#main-content div.wrapper {
	width: 980px;
	w\idth: 970px;
	margin: 0px auto 0 auto;
	padding-left: 0px;
	text-align: left;
}

body.home #main-content {
	margin-top: 0;
	float: left;
}

body.home #main-content div.wrapper {
	margin: 0 auto;
	/*float: left;*/
}



/* --------------------------------- Popup Content --------------------------------- */
#popup-content {
	float: left;
	width: 100%;
	background-color: #fff;
	color: #000;
	min-width: 660px;
	padding-top: 15px;
	margin-top: 36px;
}

#popup-content div.wrapper {
	width: 660px;
	w\idth: 650px;
	margin: 10px auto 0 auto;
	padding-left: 10px;
	text-align: left;
}



/* ------------------------------ Home Page / Intro ------------------------------ */
#intro {
	float: left;
	width: 300px;
	margin-right: 25px;
}

#intro h2 {
	font-size: 18px;
	letter-spacing: -.05em;	
}

#intro h3 {
	clear: both;
	letter-spacing: -.05em;
	padding-top: 15px;
	font-size: 15px;
}

#intro h3 span {
	font-size: 11px;
}

#membership {
	margin-left: 25px;
}

#quick-links {	
	list-style-type: none;
	list-style-position: outside;
}

#quick-links li {
	font-size: 12px;
	padding-left: 8px;
	background: url('../Masters/Images/bullet.gif') no-repeat 0 4px;
}

#quick-links li.callout {
	margin-top: 15px;
	margin-bottom: 15px;
}

#quick-links li.link-hidden {
	display: none;
}

#sublogin {
	clear: left;
	margin-top: 30px;
}

#sublogin a {
	font-size: 11px;
}



/* ------------------------------ Home Page / News ------------------------------ */
#news {
	float: left;
	width: 300px;
	margin-right: 25px;
}

#news hr {
	border: none;
	border-top: 1px solid #ccc;
	height: 1px;
	margin-bottom: 15px;
}

.featured-item {
	clear: both;
	padding-left: 75px;
	padding-right: 5px;
	margin-bottom: 15px;
}


.featured-item h3 {
	text-transform: uppercase;
	font-size: 12px;
}

.featured-item h4 {
	font-size: 17px;
	line-height: 1em;
	letter-spacing: -.04em;
}

.featured-item h4 a {
	text-decoration: none;
}

.featured-item h4 a:hover {
	text-decoration: underline;
}

.featured-item h5 {
	font-size: 12px;
}

.featured-item h5 em {
	font-weight: normal;
}

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

.featured-item a.all {
	font-size: 10px;
	margin-top: 5px;
}
	
.featured-item img {
	float: left;
	margin-left: -75px;
	margin-top: -13px;
}



/* ---------------------------- Home Page / Callouts ----------------------------- */
#callouts {
	float: left;
	width: 300px;
}

#exclusive {
	background: url('../A-GRAPA/images/exclusive-background.gif') no-repeat;
	width: 300px;
	height: 154px;
	padding-top: 10px;
	text-align: center;
	position: relative;
}

#exclusive h2 {
	text-indent: -9999px;
	width: 300px;
	position: relative;
	float: left;
	background: url('../A-GRAPA/images/exclusive-header.gif') no-repeat center;
	height: 35px;
}

#exclusive h3 {
	text-align: left;
	margin: 5px auto 0 auto;
	width: 195px;
	w\idth: 160px;
	padding-left: 35px;
	font-family: Georgia;
	font-size: 13px;
	clear: left;
}

#exclusive h3 a {
	text-decoration: none;
	color: #000;
}

#exclusive h3 a:hover {
	text-decoration: underline;
}

#exclusive h3.interview {
	background: url('../A-GRAPA/images/icon-interview.gif') no-repeat 0 2px;
}

#exclusive h3.default {
	text-align: center;
	width: 220px;
	padding: 0;
}

#exclusive h3.message {
	text-align: center;
	width: 240px;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
}

#exclusive h3.message a {
	text-decoration: underline;
}

#exclusive p {
	background: url('../A-GRAPA/images/exclusive-hr.gif') no-repeat center top;
	padding-top: 15px;
	width: 220px;
	margin: 5px auto 0 auto;
	font-style: italic;
}

#exclusive a.prev {
	display: block;
	float: left;
	font-size: 11px;
	height: 12px;
	left: 6px;
	position: absolute;
	top: 130px;
	width: 35px;
}

#exclusive a.next {
	display: block;
	float: left;
	font-size: 11px;
	height: 12px;
	left: 258px;
	position: absolute;
	top: 130px;
	width: 35px;
}


/* ----------------------- Inside Page / Primary Content ----------------------- */

#primary {
	float: left;
	width: 630px;
	padding-right: 20px;
	text-align: justify;
}

#primary h2 {
	font-size: 15px;
}

#primary h3 {
	font-size: 15px;
	letter-spacing: -.05em;
	margin-top: 30px;
}

#primary h4 {
	font-size: 13px;
	margin-top: 20px;
}

#primary ul {
	margin-left: 30px;
}

#primary ul li {
	padding-top: 3px;
}

#primary ul.plusminus {
	list-style: none;
	margin-left: 0;
}

#primary ul.plusminus li div.expanded {
	padding-left: 20px;
}

#primary ul.plusminus li a.plus {
	background: url('../A-GRAPA/images/icon-plus.gif') no-repeat 0 2px;
	padding-left: 20px;
}

#primary ul.plusminus li a.minus {
	background: url('../A-GRAPA/images/icon-minus.gif') no-repeat 0 2px;
	padding-left: 20px;
}

#primary p { 
	margin: 0 0 10px 0;
	border: solid 0px #e3e3e5; 
	padding: 5px;
}

#primary p.institute {
	padding-top: 15px;
	height: 75px;
}

#primary span.subtle {
	font-size: 11px;
}

#primary select option {
	padding-right: 6px;
}

#primary table {
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
	height: auto;
	padding-bottom: inherit;
}

#bordertable {
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
	height: auto;
	padding-bottom: inherit;
}

#noborder {
	margin: 0 0 10px 0;
	height: auto;
	padding-bottom: inherit;
}

th { 
	padding: 2px 4px; 
}

#primary td { 
	padding: 2px 4px; 
}

#primary td { 
	background: #F6F6F7; 
}

#primary th { 
	color: #fff; 
	background-color: #487FAB; 
	font-weight: bold; 
}

#primary th a { 
	color: #fff; 
	font-weight: bold;
}

#primary th a:hover { 
	text-decoration: underline; 
	color: #fff; 
}

#primary #no-login {
	border: 1px solid #ccc;
	background: #F6F6F7 url('../A-GRAPA/images/icon-nologin.gif') no-repeat 10px 6px;
	width: 555px;
	padding: 11px 10px 10px 40px;
	font-weight: bold;
}

#primary #no-login a.subtle {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}

#primary #error {
	border: 1px solid #c00;
	background: #fcc url('../A-GRAPA/images/icon-error.gif') no-repeat 10px 6px;
	width: 555px;
	padding: 11px 10px 2px 40px;
	font-weight: bold;
	color: #c00;
}

#primary #notice {
	border: 1px solid #ccc;
	background: #F6F6F7 url('../A-GRAPA/images/icon-notice.gif') no-repeat 10px 6px;
	width: 555px;
	padding: 11px 10px 2px 40px;
	font-weight: bold;
}

#primary #institute-logo {
	margin: 5px 10px 0 0; 
	float: left;
}

#primary #event-list {
	float: left;
	width: 100%;
}

#primary #event-list ul {
	list-style-type: none;
	list-style-position: outside;
	letter-spacing: -.01em;
	margin-left: 5px;
}

#primary #event-list ul li {
	background: url('../A-GRAPA/images/bullet-blue.gif') no-repeat 0 3px;	
	font-size: 11px;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left: 18px;
}

#primary #event-list ul li em {
	font-weight: bold;
}

#primary #event-list ul li a {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}

#primary #event-list ul li a:hover {
	text-decoration: underline;
}

#primary #event-list ul li span  {
	display: block;
	padding: 2px;
	width: 555px;
}

#primary #event-list ul li span a {
	font-size: 11px;
	text-decoration: underline;
}
	
#primary #column-logo { /* Helpful Note: this classes is used on the ICMA "Lectures, Worked Examples and Diagnostic Exams" page. */
	width: 205px;
	float: left;
	margin-bottom: 20px;
}

#primary #column-logo .quote { /* Helpful Note: this classes is used on the ICMA "Lectures, Worked Examples and Diagnostic Exams" page. */
	margin-top: 20px;
	width: 190px;
	color: #aaa;
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#primary #column-content { /* Helpful Note: this CSS is used on the ICMA "Lectures, Worked Examples and Diagnostic Exams" page. */
	width: 425px;
	float: left;
	margin-bottom: 20px;
}

#primary fieldset.filter {
	padding: 5px;
	width: 580px;
	border: 1px solid #ccc;
	margin-top: 10px;
}

#primary fieldset.filter p {
	margin: 5px 0 0 0;
	padding: 0;
}

#primary fieldset.institute {
	width: 480px;
}

#primary .fill { /* Helpful Note: used on Inside pages for <form> and <p> and <h*> to fill in gray background */
	border: 1px solid;
	padding: 5px;
}

#primary .featured-item { /* Helpful Note: one place these classes are used is on the member weblogs that are highlighted under Networking -> Weblogs */
	clear: both;
	padding-left: 80px;
	padding-right: 5px;
	margin-bottom: 35px;
	margin-top: 20px;
}

#primary .featured-item h4 {
	font-size: 17px;
	line-height: 1em;
	letter-spacing: -.04em;
}

#primary .featured-item h4 a {
	text-decoration: none;
}

#primary .featured-item h4 a:hover {
	text-decoration: underline;
}

#primary .featured-item h5 {
	font-size: 12px;
}

#primary .featured-item h5 em {
	font-weight: normal;
}

#primary .featured-item  ul {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 10px;
}

#primary .featured-item  ul li {
	margin-top: 3px;
	font-size: 12px;
	padding-left: 18px;
	background: url('../A-GRAPA/images/bullet-blue.gif') no-repeat 0 2px;
}

#primary .featured-item p {
	font-size: 12px;	
}

#primary .featured-item img {
	float: left;
	margin-left: -80px;
	margin-top: 0;
	border: 1px solid;
}

#primary .two-column { /* Helpful Note: this CSS is used on the Individual Membership page. */
	width: 275px;	/*  this was 300px  */
	float: left; 
	margin-right: 10px;
}

#primary #globalseries { /* Helpful Note: these classes are used for the Global Event Series pages */
	width: 480px;
	float: left;
}

#primary #globalseries a {
	float: left;
	width: 190px;
	height: 25px;
	padding: 8px 0 0 45px;
}

#primary #globalseries a.pdf { background: url('../A-GRAPA/images/bg-pdf.jpg') no-repeat left top;
}
#primary #globalseries a.pdf-long { background: url('../A-GRAPA/images/bg-pdf-long.jpg') no-repeat left top; 
height: 33px; width: 396px; }
#primary #globalseries a.exclamation { background: url('../A-GRAPA/images/bg-exclamation.jpg') no-repeat left top; 
margin-left: 10px; }

#primary #themetable { /* Helpful Note: these classes are used for the Global Event Series pages */
	width: 617px;
	clear: both;
	border: none;
	margin-top: 30px;
	border-collapse: separate;
	border-spacing: 0;
}

#primary #themetable tr {
	height: 50px;
	background: #eee url('../A-GRAPA/images/bg-globalthemes-tr.gif') no-repeat 11px 0;
}

#primary #themetable tr.top {
	background: none;
}

#primary #themetable tr.first {
	height: 50px;
	background: #eee url('../A-GRAPA/images/bg-globalthemes-tr-first.gif') no-repeat left top;
}

#primary #themetable td {
	background: none;
	font-size: 14px;
}

#primary #themetable td.roman {
	font-family: georgia;
	font-size: 30px;
	padding-left: 20px;
}

#primary #themetable td.date {
	font-size: 11px;
	text-transform: uppercase;
}

#primary #themetable th {
	text-transform: uppercase;
	font-size: 16px;
	height: 42px;
	padding-left: 10px;
	padding-top: 8px;
}

#primary #themetable th span {
	font-size: 12px;
	font-style: italic;
	text-transform: none;
}

#primary .review { /* Helpful Note: these classes are used for the Event Registration Process (final review page) pages */
	clear: both;
	float: left;
	width: 630px;
	margin: 0 0 20px 0;
}

#primary .review h3 {
	width: 620px;
	height: 16px;
	padding: 5px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;
}

#primary .review .review-info {
	float: left;
	width: 215px;
}

#primary .review .review-info h4 {
	margin-top: 8px;
	font-size: 18px;
}

#primary .review .review-info p {
	margin: 2px 0 2px 0;
}

#primary .review .review-banner {
	float: left;
	display: inline;
	width: 385px;
}

#primary .review .review-banner img {
	margin-top: 15px;
}

/* --------------------- Inside Page / Secondary Content --------------------- */
#secondary {
	float: left;
	width: 210px;
	padding-right: 30px;
}
#secondary div.default {
	width: 100%; /*background: url(../images/bg-secondarygradient.gif) top left no-repeat;
	margin-bottom: 10px;*/;
	padding-bottom: 20px;
	padding-top: 15px;
	border: 1px solid #336699;
	background: repeat-x left
top;
	background-color: #CCFFCC;
}

#secondary div.default h2 {
	font-size: 13px;
	text-transform: uppercase;
	height: 20px;
	text-align: left;
	padding: 5px 0 0 4px;
}

#secondary div.default ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 3px;
}

#secondary div.default a {
	margin-left: 2px;
	margin-top: 2px;
	color: #003366;
	
}

#secondary div.default ul {
	margin-left: 5px;
	margin-top: 5px;
	color: #003366;
}

#tutorials {
	width: 280px;
	padding: 9px 10px 0 10px;
	float: left;
	margin-top: 20px;
	height: 29px;
}

#tutorials h2 {
	text-indent: 0;
	font-size: 14px;
	float: left;	
	margin-top: 2px;
}

#tutorials select {
	font-size: 12px;
	float: left;
	width: 120px;
	margin-left: 5px;
}

#tutorials select option {
	padding-right: 6px;
}

#tutorials input {
	margin: -1px 0 0 5px;
}

#guide {
	width: 300px;
	padding: 0 0 30px 0;
	float: left;
	margin-top: 20px;
}

#guide h2 {
	text-indent: 0;
	font-size: 14px;
	float: left;
	margin: 10px 0 0 10px;
	display: inline;
}

#guide ul {
	list-style: none;
}

#guide ul li {
	clear: both;
	display: inline;
	float: left;
	margin: 20px 0 0 9px;
	width: 291px;
}

#guide ul li span {
	font-size: 30px;
	float: left;
	width: 40px;
}

#guide ul li p {
	font-size: 11px;
	float: left;
	width: 242px;
	margin-top: 2px;
}

#guide ul li p a {
	font-size: 12px;	
}
	
#guide p {
	font-size: 11px;
	float: left;
	width: 242px;
	margin-top: 2px;
}
#guide p a {
	font-size: 12px;
	color: white;
	text-decoration: underline;	
}


#guide ul li p em {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

#ges-sponsors {
	text-align: center;
	width: 300px;
	background: url('../Masters/Images/bg-secondarygradient.gif') no-repeat left top;
	margin-bottom: 30px;
}

#ges-sponsors h2 {
	font-size: 13px;
	text-transform: uppercase;
	height: 20px;
	text-align: left;
	padding: 5px 0 0 4px;
}

#ges-sponsors img {
	margin-top: 20px;
}

/* -------------------------------------- Footer -------------------------------------- */
#footer {
	border-top: 4px solid;	
	float: left;
	width: 100%;
	background-color: #eee;
	color: #000;
    min-width: 980px;
	padding-top: 20px;
	margin-top: 20px;
	height: 100px;	
}

#footer p {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding-left: 10px;
	font-size: 11px;
}

#footer ul {
	width: 980px;
	margin: 0 auto;
}

#footer ul li {
	list-style: none; 
	float: left;
	padding: 0 10px;
	background: url('../Masters/Images/divider_new.gif') no-repeat 0 3px;
	font-size: 10px;
}

#footer ul li.first {
	background: none;
}




/*
	GRAPA, Master COLOR Stylesheet for screen media
*/


/* -------------------------------- Global -------------------------------- */
body { color: #000; }



/* ------------------------------- Header ------------------------------- */
body.blue					{ background: #fff url('../Masters/Images/bg-blue.gif') repeat-x left top;
}
body.blue h1 a 				{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.blue h1#sealed-media a 	{ background: url('../A-GRAPA/images/logo-sealed-media.gif') no-repeat left top;
}
body.blue h1#support a 		{ background: url('../A-GRAPA/images/logo-support.gif') no-repeat left top;
}
body.blue h2#banner			{ background: url('../Masters/Images/banner-blue.png') no-repeat left top;
}
body.green				{ background: #fff url('../Masters/Images/bg-green.gif') repeat-x left top;
}
body.green h1 a 				{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.green h2#banner			{ background: url('../Masters/Images/banner-green.png') no-repeat left top;
}
body.brown				{ background: #D7D7DC url('../Masters/Images/bg-brown.gif') repeat-x left top;
}
body.brown h1 a 				{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.brown h2#banner			{ background: url('../Masters/Images/banner-brown.png') no-repeat left top;
}
body.orange				{ background: #fff url('../Masters/Images/bg-orange.gif') repeat-x left top;
}
body.orange h1 a				{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.orange h2#banner 		{ background: url('../Masters/Images/banner-orange.png') no-repeat left top;
}
body.red					{ background: #fff url('../Masters/Images/bg-red.gif') repeat-x left top;
}
body.red h1 a 				{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.red h2#banner			{ background: url('../Masters/Images/banner-red.png') no-repeat left top;
}
body.purple				{ background: #fff url('../Masters/Images/bg-purple.gif') repeat-x left top;
}
body.purple h1 a 			{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.purple h2#banner 		{ background: url('../Masters/Images/banner-purple.png') no-repeat left top;
}
body.gray					{ background: #fff url('../Masters/Images/bg-gray.gif') repeat-x left top;
}
body.gray h1 a	 			{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.gray h2#banner			{ background: url('../Masters/Images/banner-gray.png') no-repeat left top;
}
body.burgundy				{ background: #fff url('../Masters/Images/bg-burgundy.gif') repeat-x left top;
}
body.burgundy h1 a	 		{ background: url('../Masters/Images/logo-blue.png') no-repeat left top;
}
body.burgundy h2#banner		{ background: url('../Masters/Images/banner-burgundy.png') no-repeat left top;
}



/* ----------------------------------- Navigation ----------------------------------- */
#primary-nav li.current { border-color: #eee; }
#secondary-nav li a { color: #ACCBDB; }
#secondary-nav li a:hover { color: #fff; }
#tertiary-nav li a { color: #6699CC; }
#tertiary-nav li a:hover { color: #523862; }
#sub-nav { background-color: #eee; }
body.blue #sub-nav li a { color: #69C; }
body.blue #sub-nav li a:hover { color: #036; }
body.blue #sub-nav li.active a { color: #036; }
body.blue #sub-nav li.active a:hover { color: #036; }
body.green #sub-nav li a { color: #45AB1B; }
body.green #sub-nav li a:hover { color: #398E16; }
body.green #sub-nav li.active a { color: #398E16; }
body.green #sub-nav li.active a:hover { color: #398E16; }
body.brown #sub-nav li a { color: #006699; }
body.brown #sub-nav li a:hover { color: #000033; }
body.brown #sub-nav li.active a { color: #000033; }
body.brown #sub-nav li.active a:hover { color: #502800; }
body.orange #sub-nav li a { color: #D56E0F; }
body.orange #sub-nav li a:hover { color: #B15723; }
body.orange #sub-nav li.active a { color: #B15723; }
body.orange #sub-nav li.active a:hover { color: #B15723; }
body.red #sub-nav li a { color: #A9100E; }
body.red #sub-nav li a:hover { color: #A9100E; }
body.red #sub-nav li.active a { color: #A9100E; }
body.red #sub-nav li.active a:hover { color: #A9100E; }
body.purple #sub-nav li a { color: #523862; }
body.purple #sub-nav li a:hover { color: #412D4E; }
body.purple #sub-nav li.active a { color: #412D4E; }
body.purple #sub-nav li.active a:hover { color: #412D4E; }
body.gray #sub-nav li a { color: #606B80; }
body.gray #sub-nav li a:hover { color: #2B445F; }
body.gray #sub-nav li.active a { color: #2B445F; }
body.gray #sub-nav li.active a:hover { color: #2B445F; }
body.burgundy #sub-nav li a { color: #cc3366; }
body.burgundy #sub-nav li a:hover { color: #660033; }
body.burgundy #sub-nav li.active a { color: #660033; }
body.burgundy #sub-nav li.active a:hover { color: #660033; }


/* -------------------------------------- Search ------------------------------------- */
body.blue FORM.search-form { background-color: #4578AB; }
body.green FORM.search-form { background-color: #398E16; }
body.brown FORM.search-form { background-color: #502800; }
body.orange FORM.search-form { background-color: #C35615; }
body.red FORM.search-form { background-color: #8A0D0B; }
body.purple FORM.search-form { background-color: #412D4E; }
body.gray FORM.search-form { background-color: #2B445F; }
body.burgundy FORM.search-form { background-color: #660033; }

body.blue FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #9bbde6; color: #354f6a; height: 20px; }
body.green FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #a4e49a; color: #354f6a; height: 20px; }
body.brown FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #c29f7d; color: #354f6a; height: 20px; }
body.orange FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #fbad7e; color: #354f6a; height: 20px; }
body.red FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #e19897; color: #354f6a; height: 20px; }
body.purple FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #c0a6c5; color: #354f6a; height: 20px; }
body.gray FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #abb3c4; color: #354f6a; height: 20px; }
body.burgundy FORM.search-form .button { margin: 0px; padding: 0px; border: solid 1px #FFF; background-color: #c696a6; color: #c696a6; height: 20px; }


/* --------------------------------- Main Content --------------------------------- */
body.blue #main-content h2 { color: #523862; }
body.blue #main-content h3 { color: #45AB1B; }
body.blue #main-content h3 span { color: #fff; background-color: #45AB1B; }



/* ------------------------------ Home Page / Intro ------------------------------ */
body.blue #intro h2 { color: #523862; }
body.blue #intro h3 { color: #45AB1B; }
body.blue #intro h3 span { color: #666; }
body.blue #intro h3 span a { color: #666; }
body.blue #intro h3 span a:hover { color: #999; }
body.blue #quick-links li a { color: #666; }
body.blue #quick-links li a:hover { color: #999; }
body.blue #sublogin a { color: #69C; }
body.blue #sublogin a:hover { color: #523862; }



/* ------------------------------ Home Page / News ------------------------------ */
body.blue .featured-item h3 { color: #393; }
body.blue .featured-item h4 { color: #000; }
body.blue .featured-item h4 a { color: #000; }
body.blue .featured-item h5 { color: #69C; }
body.blue .featured-item p { color: #666; }
body.blue .featured-item p a { color: #666; }



/* ---------------------------- Home Page / Callouts ----------------------------- */
body.blue #exclusive p { color: #3D5C7A; }
body.blue #exclusive p a { color: #3D5C7A; }
body.blue #exclusive p a:hover { color: #000; }
body.blue #exclusive a.prev { color: #000; }
body.blue #exclusive a.next { color: #000; }
/*body.blue #todo p a { color: #A593B0; }*/
body.blue #todo p a { color: #E9E5EC; }
body.blue #todo p a:hover { color: #fff; }



/* ------------------------- Home Page / My Resources ------------------------- */
body.blue #my-resources ul { border-color: #CCC; }
body.blue #my-resources ul li { color: #666; }
body.blue #my-resources ul li a { color: #69C; }
body.blue #my-resources ul#switch li { border-color: #CCC; }
body.blue #my-resources ul#switch li.active { background-color: #45AB1B; }
body.blue #my-resources ul#switch li.active a { color: #FFF; }
body.blue #my-resources ul#switch li a { color: #45AB1B; }



/* --------------------------- Home Page / My Events --------------------------- */
body.blue #my-events ul li { color: #666; }
body.blue #my-events ul li a { color: #636; }
body.blue #my-events ul li span { color: #69C; }
body.blue #my-events ul li span a { color: #69C; }



/* -------------------------- Home Page / My Contacts -------------------------- */
body.blue #my-contacts ul li { color: #666; }
body.blue #my-contacts ul li.emphasis { color: #000; }
body.blue #my-contacts ul li a { color: #636; }
body.blue #my-contacts ul li span { color: #69C; }
body.blue #my-contacts ul li span a { color: #69C; }



/* ------------------------------------- Sponsor ------------------------------------ */
body.blue #sponsor { color: #666; background-color: #F6F6F7; border-color: #E3E3E5; }



/* -------------------------------------- Footer -------------------------------------- */
#footer p { color: #94B0C1; }
#footer ul li a { color: #ACCBDB; }
#footer ul li a:hover { color: #fff; }
body.blue #footer { background-color: #6699CC; border-color: #4578AB; }
body.green #footer { background-color: #45AB1B; border-color: #398E16; }
body.brown #footer { background-color: #00124b; border-color: #000033; }
body.orange #footer { background-color: #D56E0F; border-color: #C35615; }
body.red #footer { background-color: #A9100E; border-color: #8A0D0B; }
body.purple #footer { background-color: #523862; border-color: #412D4E; }
body.gray #footer { background-color: #606B80; border-color: #2B445F; }
body.burgundy #footer { background-color: #c64470; border-color: #660033; }


/* ----------------------- Inside Page / Primary Content ----------------------- */
#primary a { color: #036; }
#primary a:hover { color: #69c; }
body.blue #primary h2 { color: #6699CC; }
body.green #primary h2 { color: #45AB1B; }
body.brown #primary h2 { color: #000033; }
body.orange #primary h2 { color: #D56E0F; }
body.red #primary h2 { color: #A9100E; }
body.purple #primary h2 { color: #523862; }
body.gray #primary h2 { color: #606B80; }
body.burgundy #primary h2 { color: #c64470; }

body.blue #primary h3 { color: #6699CC; }
body.green #primary h3 { color: #45AB1B; }
body.brown #primary h3 { color: #000033; }
body.orange #primary h3 { color: #D56E0F; }
body.red #primary h3 { color: #A9100E; }
body.purple #primary h3 { color: #523862; }
body.gray #primary h3 { color: #606B80; }
body.burgundy #primary h3 { color: #c64470; }

#primary #event-list ul li { color: #6699CC; }
#primary #event-list ul li a { color: #000; }
#primary #event-list ul li em { color: #4578AB; }
#primary #event-list ul li span { background-color: #F6F6F7; }
body.blue #primary #event-list ul li span a { color: #6699CC; }
body.green #primary #event-list ul li span a { color: #45AB1B; }
body.brown #primary #event-list ul li span a { color: #000033; }
body.orange #primary #event-list ul li span a { color: #D56E0F; }
body.red #primary #event-list ul li span a { color: #A9100E; }
body.purple #primary #event-list ul li span a { color: #523862; }
body.gray #primary #event-list ul li span a { color: #606B80; }
body.burgundy #primary #event-list ul li span a { color: #c64470; }

#primary .fill { background-color: #F6F6F7; border-color: #ddd; }
#primary fieldset.filter { background-color: #F6F6F7; }


body.blue #primary .review h3 { background-color: #6699CC; color: #fff; }
body.green #primary .review h3 { background-color: #45AB1B; color: #fff; }
body.brown #primary .review h3 { background-color: #000033; color: #fff; }
body.orange #primary .review h3 { background-color: #D56E0F; color: #fff; }
body.red #primary .review h3 { background-color: #A9100E; color: #fff; }
body.purple #primary .review h3 { background-color: #523862; color: #fff; }
body.gray #primary .review h3 { background-color: #606B80; color: #fff; }
body.burgundy #primary .review h3 { background-color: #c64470; color: #fff; }


/* --------------------- Inside Page / Secondary Content --------------------- */
body.blue #tutorials { background: #6699CC url('../A-GRAPA/images/gradient-blue.gif') no-repeat right top;
}
	body.blue #tutorials h2 { color: #fff; }
body.green #tutorials { background: #45AB1B url('../A-GRAPA/images/gradient-green.gif') no-repeat right top;
}
	body.green #tutorials h2 { color: #fff; }
body.brown #tutorials { background: #000033 url('../A-GRAPA/images/gradient-brown.gif') no-repeat right top;
}
	body.brown #tutorials h2 { color: #fff; }
body.orange #tutorials { background: #D56E0F url('../A-GRAPA/images/gradient-orange.gif') no-repeat right top;
}
	body.orange #tutorials h2 { color: #fff; }
body.red #tutorials { background: #A9100E url('../A-GRAPA/images/gradient-red.gif') no-repeat right top;
}
	body.red #tutorials h2 { color: #fff; }
body.purple #tutorials { background: #523862 url('../A-GRAPA/images/gradient-purple.gif') no-repeat right top;
}
	body.purple #tutorials h2 { color: #fff; }
body.gray #tutorials { background: #606B80 url('../A-GRAPA/images/gradient-gray.gif') no-repeat right top;
}
	body.gray #tutorials h2 { color: #fff; }
body.burgundy #tutorials { background: #606B80 url('../A-GRAPA/images/gradient-burgundy.gif') no-repeat right top;
}
	body.burgundy #tutorials h2 { color: #fff; }

body.blue #guide { background: #6699CC url('../A-GRAPA/images/gradient-blue.gif') no-repeat right top;
}
	body.blue #guide ul li span { color: #85ADD6; }
	body.blue #guide ul li p { color: #aaa; }
	body.blue #guide ul li p em { color: #CCC; }
	body.blue #guide ul li p a { color: #FFF; }
	body.blue #guide h2 { color: #fff; }
body.green #guide { background: #45AB1B url('../A-GRAPA/images/gradient-green.gif') no-repeat right top;
}
	body.green #guide ul li span { color: #87C767; }
	body.green #guide ul li p { color: #9FD183; }
	body.green #guide ul li p em { color: #CCC; }
	body.green #guide ul li p a { color: #FFF; }
	body.green #guide h2 { color: #fff; }
body.brown #guide { background: #000033 url('../A-GRAPA/images/gradient-brown.gif') no-repeat right top;
}
	body.brown #guide ul li span { color: #80552B; }
	body.brown #guide ul li p { color: #aaa; }
	body.brown #guide ul li p em { color: #CCC; }
	body.brown #guide ul li p a { color: #FFF; }
	body.brown #guide h2 { color: #fff; }
body.orange #guide { background: #D56E0F url('../A-GRAPA/images/gradient-orange.gif') no-repeat right top;
}
	body.orange #guide ul li span { color: #DC8637; }
	body.orange #guide ul li p { color: #663300; }
	body.orange #guide ul li p em { color: #CCC; }
	body.orange #guide ul li p a { color: #FFF; }
	body.orange #guide h2 { color: #fff; }
body.red #guide { background: #A9100E url('../A-GRAPA/images/gradient-red.gif') no-repeat right top;
}
	body.red #guide ul li span { color: #B83837; }
	body.red #guide ul li p { color: #aaa; }
	body.red #guide ul li p em { color: #CCC; }
	body.red #guide ul li p a { color: #FFF; }
	body.red #guide h2 { color: #fff; }
body.purple #guide { background: #523862 url('../A-GRAPA/images/gradient-purple.gif') no-repeat right top;
}
	body.purple #guide ul li span { color: #756081; }
	body.purple #guide ul li p { color: #aaa; }
	body.purple #guide ul li p em { color: #CCC; }
	body.purple #guide ul li p a { color: #FFF; }
	body.purple #guide h2 { color: #fff; }
body.gray #guide { background: #606B80 url('../A-GRAPA/images/gradient-gray.gif') no-repeat right top;
}
	body.gray #guide ul li span { color: #7E8CA8; }
	body.gray #guide ul li p { color: #aaa; }
	body.gray #guide ul li p em { color: #CCC; }
	body.gray #guide ul li p a { color: #FFF; }
	body.gray #guide h2 { color: #fff; }
body.burgundy #guide { background: #606B80 url('../A-GRAPA/images/gradient-burgundy.gif') no-repeat right top;
}
	body.burgundy #guide ul li span { color: #c64470; }
	body.burgundy #guide ul li p { color: #aaa; }
	body.burgundy #guide ul li p em { color: #CCC; }
	body.burgundy #guide ul li p a { color: #FFF; }
	body.burgundy #guide h2 { color: #fff; }
	
	
/*
	GRAPA, Internet Explorer Fixes
*/



/* ------------------------------- Header ------------------------------- */
#header h1 a { margin: 30px 0 0 5px; }



/* --------------------------------- Main Content --------------------------------- */
#main-content div.wrapper { margin-top: 30px; }


/* ------------------------------ Home Page / News ------------------------------ */
.featured-item h5 { /* fixes IE italics bug, as described http://www.positioniseverything.net/explorer/italicbug-ie.html */
	overflow: hidden;
	overflow: visible;
	width: 100%;
	width: auto;
	height: 1%;
}


/* after re-design */

div.contact-left
{
	width: 50%; 
	float:left; 
	background-color:#dee5ef; 
	border:thin solid #143e6c;
	padding: 4px
}
div.contact-right
{
	width: 47%; 
	float:right; 
	border:thin solid #143e6c; 
	padding: 4px; 
}

.required
{
	color: Red;
}
p {
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

#cert-content {
	width: 100%;
	background-color: #fff;
	color: #000;
	margin-top: 4px;
	list-style-position: inside;
}

#cert-content .imgbox{
	padding: 3px;
}



.cnnclass{
width: 205px;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid #4578AB;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

p.RSSboxTitle { 
  background: #4578AB; 
  color: #fff; 
  font-weight: 800; 
  padding: 5px;
  margin-right: 0px; 
  margin-bottom: -1px; 
} 

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

.blogroll{
width: 96%;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid #398E16;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

p.BlogRollTitle { 
  background: #398E16; 
  color: #fff; 
  font-weight: 800; 
  padding: 5px; 
  margin-bottom: -1px; 

} 

#BlogRollTbl {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

#BlogRollTbl a {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

#BlogRollTbl a:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

a.BlogRollTbl {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15, #box16, #box17{
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

img.spaced{
	padding: 8px;
}

#attention_box{
	background: #FA8072;
	border-width: 1px;
	border-style: solid;
	border-color: Red;
}

div.leftbox{
	float: left;
	margin-left: 15px;
}

div.rightbox{
	float: right;
	margin-right: 15px;
}