/* COLORS

green: #339900;
purple: #330066;
gold: #CC9933;

logo gray: #666666;
text gray: #333333;

*/

img, div { behavior: url(iepngfix.htc) }

a div, a span {
	cursor: pointer;
}

body {
	background:#ffffff;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

body,tr,td,th,p {
	color: #222;
	margin:0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
}

a,a:link,a:visited,a:active {
	color: #330066;
	text-decoration: none;
}
a:hover {
	color: #339900;
	text-decoration: underline;
}
p {
	padding: 0px 0 10px 0;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Myriad", Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0px;
	color:#330066;
}

h1 { font-size: 26px; line-height: 26px; }
h2 { font-size: 20px; line-height: 20px; }
h3 { font-size: 14px; line-height: 16px; }
h4 { font-size: 12px; line-height: 13px; }
h5 { font-size: 10px; line-height: 11px; }
h6 { font-size: 10px; line-height: 11px; }

h1,h3,h5 {
	color:#330066;
}
h2,h4,h6 {
	color:#339900;
}
h2 a, h2 a:link, h2 a:visited, h2 a:active,
h4 a, h4 a:link, h4 a:visited, h4 a:active,
h6 a, h6 a:link, h6 a:visited, h6 a:active {
	color:#339900;
}
blockquote {
	color:#666;
	margin: 0 0px 15px 0px;
	padding: 5px;
	border-left: 5px solid #ddd;
	border-right: 5px solid #ddd;
	background-color: #f5f5f5;
}

ol {
	list-style-type:decimal;
	padding: 0 0 5px 20px;
	color: #339900;
}
ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 10px 15px;
	color: #339900;
}
li {
	margin: 0;
	padding: 0px;
	color: #333333;
	font-weight: normal;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */	
}
code {
	font-size: 100%;
}
hr {
	border: 0px;
	border-bottom: 1px dotted #cccc99;
	text-align:center;
	height: 0px;
	margin: 0px 0 10px 0;
}
img {border:0 }

/* Forms ----------------------------------------------- */

label { font-weight: bold; }
input, textarea, button, select,input[type="checkbox"] {
	background-color:#fff;
	color: #666;
	border: 1px solid #999;
	font-weight: normal;
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: 3px;
}
button, input[type="button"], input[type="submit"], input[type="reset"]   {
	background-color: #efefef;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover   {
	background-color: #339900;
	color: #fff;
}
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active  {
	background-color: #fff;
	color: #333;
	border: 1px solid #339900;
}

input[type="text"], input[type="password"], textarea, select { 
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus	{ 
	border: 1px solid #339900;
}
fieldset {
	border: 1px solid #ddd;
	padding: 3px;
}

legend {
	font-weight: bold;
	font-size: 110%;
	padding: 3px;
}

.required {
	color: #FF3330;
}

textarea {
	height: 100px;
}


/* Layout ----------------------------------------------- */
#main {
	width:100%; 
	height:100%;
	margin: 0 auto;
	padding: 0;
	background:#f8f8f8;
	background-image: url(img/bkg.gif);
	background-repeat: repeat-x;
}

.block {
	width:950px;
	text-align:left;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.300 { width: 300px; }
.250 { width: 250px; }
.200 { width: 200px; }
.150 { width: 150px; }

/* Header ----------------------------------------------- */

#header {
	height: 145px;
	padding-top: 15px;
}
#logo {
	float: left;
	width: 300px;
	padding: 10px 0 0 0;
}
#headerNest {
	float: right;
	width: 550px;
}

#makeartyourbusiness {
	float: left;
	position: relative; 
	top: 17px;
}


#authentication, #authentication a {
	text-align: right;
	padding: 5px;
	color: #666;
	font-size: 10px;
	font-weight: bold;
}

#authentication a {
	display: none;
	visibility:hidden;
}

#search {
	text-align: right;
	padding: 10px 5px 0px 5px;
	color: #666;
	font-size: 10px;
}

/* Menu ----------------------------------------------- */
#menu {
	float: right;
}
#menu ul {
	margin:0;
	padding: 25px 5px 0 0px;
	list-style:none;
}
#menu li {
	display:inline;
	margin: 0;
	padding: 0;
}
#menu a {
	float:left;
	background:url("img/menu-left.gif") no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0 0 0 4px;
	text-decoration:none;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
#menu a span {
	float:left;
	display:block;
	background:url("img/menu-right.gif") no-repeat right top;
	padding:5px 11px 4px 6px;
	color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
	color:#330066;
}
#menu a:hover, #menu .menu-current a:hover {
	background-position:0% -42px;
}
#menu a:hover span, #menu .menu-current a:hover span {
	background-position:100% -42px;
}



/* sub menu  ----------------------------------------------- */
#submenu {
	border-top: 1px dotted #cccc99;
	border-bottom: 1px dotted #cccc99;
	padding: 5px 0 5px 0 ;
	list-style: none;
	margin: 0 0 10px 0;
}

#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
}



/* Content ----------------------------------------------- */

#content {
	margin:0;
	padding: 0px;
	min-height: 450px;
}

/* Sidebar ----------------------------------------------- */

#sidebar {
	float: right;
	width: 320px;
	margin: 0;
	padding: 0;
}

#sbTop {
	height: 10px;
	font-size:1px;
   	background: url(img/sbTop.gif) no-repeat;
}
  		
#sbTop[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/sbTop.gif) no-repeat;
}

#sbBody {
	width: 280px;
	padding: 0px 10px 0 10px;
	min-height: 200px;
   	background: url(img/sbBody.gif) repeat-y;
}
#sbBody .space[class] {
	height: 1px;
	min-height:1px;
	max-height: 1px;
	size: 1px;

}

#sbBody[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/sbBody.gif) repeat-y;
}

#sbBottom {
	height: 10px;
	font-size:1px;
   	background: url(img/sbBottom.gif) no-repeat;
}
#sbBottom[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/sbBottom.gif) no-repeat;
}


/* Main Content ----------------------------------------------- */

#mainContent {
	float: left;
	width: 615px;
	margin: 0;
	padding: 0px 0 10px 0;
}


#mcTop {
	font-size:1px;
	height: 10px;
	width: 615px;
   	background: url(img/mcTop.gif) no-repeat;
}
  		
#mcTop[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/mcTop.gif) no-repeat;
}

#mcBody {
	padding: 0px 10px 0 10px;
	min-height: 420px;
   	background: url(img/mcBody.gif) repeat-y;
}
#mcBody[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/mcBody.gif) repeat-y;
}

#mcBottom {
	font-size:1px;
	height: 10px;
	width: 615px;
   	background: url(img/mcBottom.gif) no-repeat;
}
#mcBottom[id] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background: url(img/mcBottom.gif) no-repeat;
}


/* Footer ----------------------------------------------- */

#footer {
	margin: 10px 0 0 0;
	padding: 15px;
   	background: url(img/footer-bkg.gif) repeat-x;
	background-color: #580088;
}
#footerMenu {
	padding: 0px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited, #footerMenu a:active {
	color: #FFF;
}
#footerMenu a:hover {
	color: #9966cc;
}
#copyright {
	padding: 0px 0 0 0;
	color: #9966cc;
	font-size: 10px;
}
#copyright_phone, #copyright_phone a {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

/* Buttons ----------------------------------------------- */

.button, .button span {
	height:28px;
	color: #FFF;
	background: transparent url(img/button-green.gif) no-repeat;
}

.purple, .purple span {
	background: transparent url(img/button-purple.gif) no-repeat;
}
.blue, .blue span {
	background: transparent url(img/button-blue.gif) no-repeat;
}
.cyan, .cyan span {
	background: transparent url(img/button-cyan.gif) no-repeat;
}
.teal, .teal span {
	background: transparent url(img/button-teal.gif) no-repeat;
}
.green, .green span {
	background: transparent url(img/button-green.gif) no-repeat;
}
.gold, .gold span {
	background: transparent url(img/button-gold.gif) no-repeat;
}
.register {
	width: 105px;
}

.button {
	padding: 5px 0px 0px 30px;
	background-position: left 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 5px 0;
}

.button span {
	float: right;
	position: relative;
	top: -5px;
	background-color: #FFFFFF;
	background-position: right top;
	width:5px;
	cursor:pointer; /* mostly needed for internet explorer */
}

/* show/hide text on sidebar ----------------------------------------------- */
.expandBlock {
}

.expandButton {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 20px;
	/* float: left; */
}

.expandTitle {
	/* display: block; */
	font-weight: bold;
}

.expandDescription {
	/* padding-left: 20px; */
}

.eventBlock {
}

.eventDate {
	width: 70px;
	font-weight: bold;
	color: #666666;
}

.eventText {
	padding-bottom: 5px;
}


/* page elements ----------------------------------------------- */
.readMore, .readmore {
/*	background: transparent url(img/bullet-gold.gif) top left no-repeat;
	padding-left: 18px;*/
	text-transform:capitalize;
	display:block;
}

.readmore, .readmore a,.readmore a:link,.readmore a:visited,.readmore a:active,
.readMore, .readMore a,.readMore a:link,.readMore a:visited,.readMore a:active {
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
.readmore a:hover, .readMore a:hover {
	text-decoration: underline;
}

/* .pageAudience a:after, .pageProgram a:after {
	margin-right: 5px;
	content: ",";
} */
.pageAudience {
	display: block;
	font-weight: bold;
}
.pageProgram {
	display: block;
	font-weight: bold;
}
.pageGroup {
	display: block;
	font-weight: bold;
}
.pageDate {
	display: block;
	font-weight: bold;
}

.pageCost {
	display: block;
	font-weight: bold;
}

.pageLocation {
	display: block;
	font-weight: bold;
}

#pixBorder  { 
	border: solid 1px #ddd;
	padding: 10px; 
}

.homeSubs { 
	float: left;
	width: 288px;
	margin-right: 9px; 
	padding-top: 10px; 
	border-top: 1px dotted #cccc99;
}

.insideSubs {
	border-top: 1px dotted #cccc99;
	margin-top: 10px;
	padding-top: 10px; 
}



.tools-email {
	font-weight: bold;
}

/* pagination ----------------------------------------------- */

#pagination {
	width: 400px;
	font-weight: bold;
}

#pagination a {
	padding: 5px;
	font-weight: bold;
}

.pageTitle {
	padding-bottom: 10px;
}