/* Start of CMSMS style sheet 'Professional Celebrant Styles' */
/***** Body and main container ****^^*/
body {
margin:0 auto;
padding:0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background:#eaeaea url(uploads/images/bg.gif) top center repeat-y;
color:#3a3a3a;
}

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:760px;
}

/***** General tags and styles *****/

p {
margin:0 0 16px 0;
}

.hide {
display:none;
}

.center {
text-align:center;
}

/*** general form styles ***/
input, textarea {
border: 1px solid #CCCCCC;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin-bottom:2px;
padding:3px;
}

input.button, input.signin_button, .buttons input {
   background:#f4f4f4 url(uploads/images/tablebg.gif) bottom left repeat-x;
}


/***** Header *****/

#header {
color:#505050;
background:#ffffff url(uploads/images/pcalogo.gif) bottom left no-repeat;
height:110px;
margin:0 0 10px 0;
padding:0;
}


/***** Left panel *****/

#leftpanel {
float:left;
width:150px;
margin: 0 0 10px;
padding:0;
color:#00375f;
}

#leftpanel ul {
list-style:none;
width:150px;
padding:0;
margin:0;
}

#leftpanel li {
margin-bottom:5px;
}

#leftpanel li a {
color:#00375f;
text-decoration:none;
font-weight:bold;
display:block;
padding:.5em 0 .5em .7em;
margin:0 0 5px 0;
height:100%;
background:#f3f7fe url(uploads/images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d2d5e2;
border-right:1px solid #d2d5e2;
border-bottom:1px solid #d2d5e2;
border-left:4px solid #acb7ce;
}

#leftpanel li a:hover, #leftpanel li a.current {
background:#f3f7fe url(uploads/images/menubg2.gif) bottom left repeat-x;
border-top:1px solid #bdc8f7;
border-right:1px solid #bdc8f7;
border-bottom:1px solid #bdc8f7;
border-left:4px solid #7fa7fb;
}

#leftpanel ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}

#leftpanel ul ul a {
height:100%;
margin:0;
padding:4px 0 4px 8px;
}

#leftpanel h1 {
font-size:1.5em;
font-weight:normal;
}

#leftpanel h2 {
font-size:1.1em;
margin:0;
}

/*** search ***/
#leftpanel .search input {
   width:125px;
   border: 1px solid #acb7ce;
   margin: .5em 0 .1em .5em;
}

#leftpanel .search input.button {
   color:#00375f;
   border: 1px solid #acb7ce;
   background:#f3f7fe url(uploads/images/menubg.gif) bottom left repeat-x;
   width:133px;
}


/*** breadcrumbs ***/
div.breadcrumbs {
   margin: 1em 0 1em 0;
   font-size: 85%;
   border-bottom: 1px dotted #003366;
   color:#303030;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold;
   color:#000033;
}

/*** news announcements ***/
.announce {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:120px;
color:#00375f;
background:#f3f7fe url(uploads/images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d2d5e2;
border-right:1px solid #d2d5e2;
border-bottom:1px solid #d2d5e2;
border-left:4px solid #acb7ce;
line-height:1.3em;
}

.announce p {
font-size:0.9em;
}

.announce h1 {
font-size:1.1em;
margin:0 0 10px 0;
padding:0;
}

.announce a {
font-weight:bold;
}

.announce .NewsSummary {
   font-size: 90%;
} 

.announce .NewsSummaryPostdate {
   font-style: italic;
}


/***** MAIN CONTENT *****/

#content {
margin:10px 0 10px 160px;
padding:0;
line-height:1.5em;
text-align:left;
font-size: 110%;
}

#content h1 {
font-size: 185%;
font-weight: 500;
letter-spacing: -1px;
color:#003366;
}

#content h2 {
font-size:145%;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
color:#003399;
}

#content h3 {
font-size:125%;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;
color:#000000;
}

#content img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content a {
text-decoration: underline;
color:#0033CC;
}

#content a:active, #content a:hover {
color: red;
}

#content ul, #content ol {
margin:0 0 16px 20px;
padding:0;
}

#content ul ul, #content ol ol {
margin:2px 0 2px 20px;
}

#content li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

/***** Form styles *****/
.contact fieldset {
	border: 1px solid #acb7ce;
	background:#f3f7fe url(uploads/images/menubg.gif) bottom left repeat-x;
	padding: 0 10px 10px 10px;
	margin: 15px 0 10px 0;
}
/* IE hack - background color fix */
html .contact fieldset {
	position: relative;
}

.contact fieldset legend {
	font-size: 105%;
	font-weight:bold;
	padding: 0px 5px 1px 5px;
}
/* IE hack - background color fix */
html .contact fieldset legend {
	position: relative;
	left: -7px;
	top: -0.75em;
}

.contact label {
	font-weight:bold;
	#float:left; /* apply to IE only */
}

.contact input, .contact textarea {
	display: block;
}

.contact input.button {
	display:inline;
}


/***** Table styles *****/

table.bordered {
margin:0 0 16px 0;
border:1px solid #d8d8d8;
}

table.bordered th {
padding:7px;
font-weight:bold;
background:#eaeaea url(uploads/images/tablebg2.gif) bottom left repeat-x;
}

table.bordered td {
padding:7px;
border:1px solid #d8d8d8;
}

table.gray {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border:1px solid #d8d8d8;
//border-collapse:collapse;
}

table.gray th {
font-weight:bold;
padding:7px;
background:#eaeaea url(uploads/images/tablebg2.gif) bottom left repeat-x;
}

table.gray td {
padding:7px;
background:#f4f4f4 url(uploads/images/tablebg.gif) bottom left repeat-x;
color:#303030;
}


/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:4px 0;
border-top:2px solid #dadada;
width:760px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.9em;
}

#footer p {
padding:0;
margin:18px 0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

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

#wplogo a,
#wplogo a:visited {
display: block;
background: #fff url(admin/themes/default/images/wp-flogo-bw.gif) no-repeat top center; 
margin:0 0 0 5px;
float:left;
width:70px;
height:40px;
}
#wplogo a:hover {
	background: #fff url(admin/themes/default/images/wp-flogo.gif) no-repeat top center; 
}
#wplogo p {
margin:0;
}

/***** ODFaq *****/
/* Main container */	
#odContainer {
	border: 0px solid #666666;}
	
	
/* Breadcrumb block */	
#odBreadcrumbContainer {
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	padding: 0.3em 3px 0.3em 3px;}


/* Display category name */	
#odPageTitle {
	font-size: 2em;
	margin-bottom: 10px;
	padding: 0.3em 3px 0.3em 3px;}
	
	
/* Category list block */	
#odCatContainer {
	margin-bottom: 10px;}
#odCatHeader {
	font-size: 12px;
	font-weight: bold;
}
#odCatList {
	padding-left: 10px;
}
td.odSubcatCell {
	width: 33%;}

	
/* Category title (viewall) */	
.odCatTitle {
	font-weight: bold;
	padding-top: 0.3em;}
	

/* Answer block */
#odDtlContainer {
	margin-bottom: 20px;
	padding: 0.3em 3px 0.3em 3px;}
#odDtlContent {
	padding: 0.3em 3px 0.3em 3px;}
#odDtlHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em 3px 0.3em 3px;
	background-color: #f0f0f0;}
.odDtlItem {
	margin-bottom: 1em;}
.odDtlItem small {
	line-height: 3em;}
.odDtlQuestion {
        font-size: 105%;
	font-weight: bold;}
.odDtlAnswer{}

#odDtlContent h2 {
        font-size:125%;
}
#odDtlContent h3 {
        font-size:115%;
}


/* List of question block */	
#odQtnContainer {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;}
#odQtnHeader {
	font-weight: bold;
	font-size: 12px;
	padding: 0.3em 3px 0.3em 3px;
	background-color: #f0f0f0;}
#odQtnList {
	padding: 0.3em;}
.odQtnItem {
	margin-bottom: 0.3em;}


/* Search form */	
#odSearchContainer {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
form#odSearchForm table {
	border: 1px solid #666666;}
form#odSearchForm table th {
	background-color: #f0f0f0;
	border-bottom: 1px solid #666666;
	text-align: left;}
input.odCheckbox { 
	vertical-align: top; }

	
/* Search result block */	
#odSearchResult {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
#odResultHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em 3px 0.3em 3px;}
#odResultContent {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Form to jump to other category */	
#odJumpCat {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;
	margin-top: 30px;}
	
	
/* Link: 'View all categories' */	
#odViewallContainer {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Link: 'Search' */		
#odSearchLinkContainer {
	padding: 0.3em 3px 0.3em 3px;}


/* End of 'Professional Celebrant Styles' */

