body{
	font-family:Arial;
	font-size:10pt;
	background: #EDCDFF;
	margin:0px !important;
	padding:0px !important;
	background: #EDCDFF url('images/gradient2.jpg') repeat-x scroll left top;
	text-align: center;
	/*background: #fff url(http://localhost:8080/images/layout_grid.gif) top left no-repeat;*/
	color: #464646;
}

.linklabel {
	font-weight: bold;
}

div#socialLinks{
	position: relative;
	text-align: right;
	width: 50%;
	float: right;
	
}
div#newsletter{
	width: 49%;
	float:left;
	text-align: left;
	padding: 0 15px;
}
#facebook{
	display: inline-block;
	margin-top: 6px;
	margin-right: 6px;
	text-decoration:none;
}
#facebook img {
	border: 0;
}
#likeFacebook{

}

section{
	clear:both;
	float: none;
}

#container {
	margin: 0 auto;
	z-index: 50;
	padding:0;
	max-width: 80%;

	}
#homeContainer {
	margin: 0 auto;
	z-index: 50;
	padding:0;
	max-width: 80%;


	}	
#container .content, #homeContainer .homeContent{
	font-size: 1.2em;
	padding: 0px 15px; 
	margin: 0px auto;
	margin-bottom:20px;
	text-align:left;
	float: left;
	position: relative;
	z-index: 50;

}

#container .content th, #container .content td{
	font-size: 0.9em;
}

p, li{
	line-height:1.5em;

}

td {
	text-align:left;
}
#container,#homeContainer {
	background: #EDCDFF;

}
#container .content{
	width: 568px;
	border-left: 2px #B196CD solid;

}

#homeContainer .homeContent{
	width: 100%;
	border: none;
	margin: 0px;
	padding: 0; 

}

ul.news li p.headline {
	font-weight: bold;
	margin-bottom: 0px;
}

ul.news li p.headline + p {
	margin-top: 0px;	
}

footer, #footer{
	width:100%;
	border-top: 1px #B196CD solid;
	clear: both;
	padding: 10px;
	display: block;
}

a,a:hover
{
	color:#483D8B;
	font-family:Arial;
	font-size:1.0em;
}

.CourtLinkName{
	font-size:10pt;
	font-family:Arial;
	color=#000080;
}


a.teaserLink {
	margin-left: 10px;
	font-size: 0.9em;
}

.formsColumn1{
	width: 100%;
	clear: both;
}
.formsColumn2{
	width: 48%;
	float: left;
}

.formsColumn2 ul {
	padding-left: 1em;
	margin: 0px;
}
.formsColumn2 a, .formsColumn1 a{
	font-size: 0.9em;
}
body.jcda h1, body.jcda h2, body.jcda h3, body.jcda h4{
	color: #015EAB;
}
h1, h2, h3, h4, h5, header{
	color: #663399;
	font-family: Georgia, Helvetica, Arial;
}
h1, header h1 {
	font-size: 1.55em;
}
h2, header h2, section header h1 {
	font-size: 1.4em;
	margin: 10px 0 0 0;
}
h1.jcda{
	color: #015EAB;
}


article header h1{
	font-size: 1.2em;
	color: #663399;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px #E3C100 solid;
	width: 100%;
}
h3, h4 {
	font-size:1.3em;
}
 .content h1, .homeContent h1{
	margin-top: 8px;
 }
 .content h3, .homeContent h3, h4{
	color: #663399; 	
	text-align: left;
	font-weight: normal;
}
 .content h3, .homeContent h3{
	border-bottom: 2px #E3C100 solid;

	width: 100%;
}
.jcda .content h3{
	border: none;

	width: 100%;
}

pre{
	font-family:Arial;
}
/*-- Header --*/


.logo,  div.titles {

	float: left;
}
.header {
	width:100%;
	height: 190px;
	margin-left: auto;
	margin-right:auto;
	position: relative;
	z-index: 50;
}

.header img {
	margin:12px 0 0 0;
	padding:0;
}

.logo{
	margin-top:20px;
	width: 130px;
	height:130px;
	border: 0px black solid;
}
.header  div.titles{
	margin-top:10px;
	margin-left:15px;
	width: 500px;
	text-align: left;
	padding-top: 30px;
}
.header  h1, .header  h2 {
	font-family: "Arial","Helvetica";
	color:#663399;
	white-space:nowrap;
}

.header  h1{
	font-size: 2.0em;
	font-weight: bold;
}
.header  h2{
	font-weight: normal;
	font-size:1.8em;
}


/*-- New Navigation --*/


nav {
background: #9B5DB2;
text-align: center;
display: block;
margin:0px 0px 0px 0px;
padding:0px;
clear: both;
width: 100%;

}
nav ul {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto 0px auto;
padding:0pt;
clear: both;
/*width: 602px;*/

}
nav li {
float:left;
margin:0px;
width: 12.5%;
max-width: 12.5%;
min-width: 70px;
white-space: nowrap;
}
nav li a:hover {
background:url(images/button_bg_sel.jpg) repeat-x;
padding:4px 15px 7px 14px;
text-decoration:none;
/*color: #FFD700;*/
color: #FFF;
font-size: 1.2em;

}
body.home nav li a.home, body.events nav li a.events, body.calendar nav li a.calendar, body.about nav li a.about,
body.resources nav li a.resources, body.contact nav li a.contact, body.news nav li a.news, body.jcda nav li a.jcda {
background:url(images/button_bg_sel.jpg) repeat-x;
/*color: #FFD700;*/
color: #fff;
}

nav li a {
/*color: #E3C100;*/
color: #fff;
font-weight: normal;
background:url(images/button_bg.jpg) repeat-x;
padding:4px 15px 7px 14px;
font-size: 1.2em;
text-decoration:none;
opacity:1;
display: block;
}
/*nav li#locator{
	min-width: 120px ! important;
	width: 120px !important;
	max-width: none;
}*/
/*---------------------*/

#leftNav h3.leftNavTitle{
	font-size: 1.4em;
	font-weight: 800;
	color:#663399;
	margin-top: 10px;
	padding: 0px;
	display: block;
	width:100%;
}


#leftNav {
	float: left;
	width: 200px;
	z-index: 50;
	position: relative;
}

div.calendar ul li.calendar a,
div.nationalAwards ul li.nationalAwards a,
div.nationalConvention ul li.nationalConvention a,
div.stateConvention ul li.stateConvention a,
div.convention ul li.convention a,
div.officers ul li.officers a,
div.goals ul li.goals a,
div.projects ul li.projects a,
div.history ul li.history a,
div.awards ul li.awards a,
div.join ul li.join a,
div.links ul li.links a,
div.forms ul li.forms a,
div.dresses ul li.dresses a,
div.robes ul li.robes a,
div.newsletters ul li.newsletters a,
div.qualityTotls ul li.qualityTotls a,
div.member ul li.member a,
div.education ul li.education a,
div.youth ul li.youth a,
div.legislation ul li.legislation a,
div.spiritual ul li.spiritual a,
div.quality ul li.quality a,
div.projects ul li.projects a,
div.scholarship ul li.scholarship a,
div.newsletter ul li.newsletter a,
div.scrapbook ul li.scrapbook a,
div.leadership ul li.leadership a{
	background: url('images/goldArrow2.gif') no-repeat 0 50% ! important;
}


body.calendar #leftNav, body.calendar #leftNav li a {
	width: 150px;
}

#leftNav ul {
	text-align: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin:0pt auto;
	padding:0px 0px 0px 0px;
}

#leftNav li{
	color:#663399;
	margin:0px 0px 0px 0px;
	padding:8px 3px;
	font-size: 1.3em;
	line-height: 1.1em;
	/*border-bottom: 1px #C7B5DB solid;*/
	width:200px;

}

#leftNav li.selected a  {
	background: url('images/goldArrow2.gif') no-repeat 0 50%;
}

#leftNav li img {
	display: none;
	padding-right: 5px;
}

#leftNav li.selected img {
	display: none;
	padding-right: 5px;
}
body.jcda div#container div#leftNav li , body.jcda div#container div#leftNav li a,
body.jcda div#container div#leftNav li a:hover, body.jcda div#container div#leftNav li a:visited{
	color: #015EAB ! important;
}
#leftNav li a{
	text-decoration: none;
	display: block;
	padding-left: 15px;
	background: url() no-repeat 0 50%;
	width:200px;

}

#leftNav li a:hover{
	text-decoration: underline;
	
	
}

/*div.content h1, div.homeContent h1 {
	margin-top:8px;
	text-align:center;
}*/

.homeContent #latestNews p {
	/*margin-bottom: 20px;*/
}
#prayerIntentions, #latestNews{
	width: 42%;
	min-width: 400px;	
}
#prayerIntentions ul{
	list-style: none;
	padding: 0;
}
li.prayerIntention{
	padding: 10px 0;
	background: #F4E1FF;
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 10px;

}
#latestNews {
	float: left;
	margin-right: 100px;
	margin-left: 20px;
}
#latestNews ul{
	padding-left: 15px;
}
#prayerIntentions{
	float: left;
}

photoRight {
	border: 4px #fff solid;
}

.photoFrame {
/*	background-color: #FFF;*/
	border: 4px #fff solid;

	/*	padding: 6px;
	margin: 10px;*/

}
.jcda img.photoFrame{
	width: 100%;
}
.photoFrame img{
	max-width:100%;
	min-width: 0%;
	width: 100%;
}
.photoFrame .caption{
	background: #fff;
	font-size: 0.8em;
}

img.officer {
	
	float:left;
	margin-right: 15px;
	margin-bottom: 8px;
	border: 4px #fff solid;
}

img.left {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;

}

img.right {
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;

}
img.center {
	float: none;
	text-align: center;
	margin: 0 auto;
}
img.third{	
	width: 33.3%;
}
img.quarter{	
	width: 25%;
}
 .clear {
	
	clear:both;	
	height:0;
	float: none;
}

.formRow{
	margin: 7px 0;
}



/*

navigation td a, td a.navLink, #subnav td a{
	font-weight: bold;
	color:#D3B334;
	text-decoration:none;
	letter-spacing: .8px;

}

navigation td a:hover, #subnav td a:hover{
	color:#EDC93B;
	font-weight: bold;
	letter-spacing: .8px;

}
*/


/* ---- News -----*/
.latestNewsletter
{
	font-weight: bold;
}
h4.oldNewsHead
{
	cursor: pointer;
	margin-left: -8px;
}
h4.expanded
{
	padding-left: 30px;
	background: transparent url('images/bullet_toggle_minus.png') no-repeat left center;
}
h4.collapsed
{
	padding-left: 30px;
	background: transparent url('images/bullet_toggle_plus.png') no-repeat left center;
}


/*-------Court Locator----------*/
#messageArea{
	padding: 5px;
	background: #FFFF91;
	display: none;
}
#messageContainer{
	height:30px;
	width: 450px;
}
.searchArea{
	margin: 10px auto;
	text-align: left;
	width: 450px;
}
article#newCourts {
	width: 650px;
}
article#newCourts section{
	text-align: left;
}
article#newCourts{
	margin: 0 auto;
}
.searchArea #address{

}

.searchAreaSeperator{
margin-left: 25px;
}

.buttonArea{
	text-align: center;
	padding: 10 0;
	clear: both;
}

.zipCodeSearchArea, .addressSearchArea{
	margin: 3px 0;
	display: block;
}
.zipCodeSearchArea{
	float: none;
}
.addressSearchArea {
	display: inline;
	float: left;
}

.zipCodeSearchArea input{
	width: 50px;
}
.addressSearchArea input{
	width: 150px;
}

#searchAgainButton{
	display: none;
}
label.fieldLabel {
	display: block;
	width: 150px;
}

#map_canvas{
	width: 450px;
	height: 450px;
	
}
.mapArea {
}
.searchResults{
	display: none;
}
#searchResultArea{
	padding-bottom: 40px;
	width: 100%;
	float: left;
	display: block;
}
.searchResultList{
	margin: 0 20px;
	width: 500px;
	height:50%;
	overflow: hidden;
}
.searchResult {
	text-align: left;
	margin: 10px 0px;
	border-bottom: 1px solid gray;
	cursor: pointer;
	float: none;
	clear: both;
}
.searchResultList{
	float: none;
	clear: both;
}
.searchResult .markerArea {
	height: 40px;
	width: 20px;
	float: left;
	padding: 3px;
}
.searchResultPageControls{
	float: none;
	clear: both;
	display: none;
	text-align: center;
}
.searchResultPageControls input{
	width: 100px;
	margin: 0 5px;
}
.rowContainer, #resultListHead {
	float: left;
}
#resultListHead{
	float: none;
	width: 500px;
	text-align: left;
}
#resultListHead div.courtNameHead, #resultListHead div.courtNumberHead, #resultListHead div.distanceHead{
	float: left;
	text-align: center;
}
#resultListHead  .courtNameHead{
	width: 310px;
}
#resultListHead  .courtNumberHead{
	width: 90px;
}
#resultListHead  .distanceHead{
	width: 100px;
}
.searchResultList .rowContainer{
	padding-left: 0px ! important; 

}
.resultRow {
	width: 100%
}
.courtName{
	width: 280px;
}
.address {
	width: 250px;
}
.distance {
	width: 60px;
}
.courtNumber {
	width: 60px;
}
.courtLabel {
	width: 50px;
}
.courtName, .courtNumber, .address, .distance, .courtLabel {
   	float: left;
	padding-left: 0;
}
.label {
	width: 200px;
	display: block;
	text-align: right;
}
.courtInfo{
	float:none;
	clear:both;
	border-bottom:1px solid gray;
}
.courtInfo div {
	display: block;
	float: none;
}

.contactLink{
}

div#contactCourt{
	width: 600px;
	text-align: left;
	background-color: #FFF;
	padding: 5px;
}
div#contactCourt div.row {
	margin: 10 0;
}
div#contactCourt div div , div#contactCourt div ul{
	float: left;
}
div#contactCourt div input, div#contactCourt div textarea{
	margin-left: 10px;
}
.courtInfo div {
	display: block;
	float: none ! important; 
}

#inquiry {
	text-align: left;
	margin-left: -40;
}
div#contactCourt div li{
	display: block;
}
.contactFormFoot{
	text-align: center;
}
.ui-dialog-titlebar{
	background: #FFF;
	cursor: move;
	height: 30px;
	margin-bottom: -10px;
}

.ui-dialog-titlebar-close{
	display: none;
}