/* 
  ------------------------------------------------------------------------------------------

cc_menu.css

©2005-2010 web design by Marotte Design LLC
www.marottedesign.com

updated: 100708


  ------------------------------------------------------------------------------------------
*/






/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* -------------------------------  ARCHITECTURE  --------------------------------------- */


#pagewrapper {
	/*page background-color: purple 20%*/
	background-color: #e3d5ed;}
	
#layoutwrapper {
	width: 804px;
	/*this margin centers the page*/
	margin: 0 auto;
	background-color: #FFFFFF;
}
	
#masthead {
	padding-top: 20px;}
	
#mastheadtxt {
	width: 804px;
	}

#footer {
	font-size: 0.7em;
	/*font color display, black 55%*/
	color: #595B5C;
	}
	
#footertext {
	margin: 0 auto;
	width: 802px;
	background-image: url(../../images/images/dodad_footer3.png);
	background-repeat: repeat-y;
	background-color: #FFF;
	padding-top: 40px;
	}

.headbanner {
	text-align:center;
	background-color: #E3D5ed;}
	
.search {
	font-size: 50%;
	/* continues the left and right rule lines like the columns have */
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	padding-right: 6px;
	line-height: 50%;
	padding-bottom: 3px;
}	

.searchstyle {
	font-size: 50%;
}

	
.zeromargin {
	margin: 0 !important;
	}

.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
	}
	
	

/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* ----------------------------  PAGE STYLE ELEMENTS  ----------------------------------- */



html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}


body {
	/*background color of footer: teal 25% #BFE5E7*/
	background-color: #BFE5E7;
	/* color of general font: black 55% */
	color: #595B5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 24px 0;
	padding: 0;
	background-repeat: repeat-y;
}


body,td,th {
	/*font color of search text; black 55%*/
	color: #595B5C;}


a:link {
	text-decoration: none;
	color: #595B5C;}
	
a:visited {
	text-decoration: none;
	color: #A377C4;}
	
a:hover {
	text-decoration: underline;color: #0097a1;}
	
a:active {
	text-decoration: none;color: #722ea5;}
	


	
	

/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* -----------------------------  HEADLINE STYLES  -------------------------------------- */



h1 {
	color: #B685B4;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding-bottom: 3px;
	}

h2 {
	color: #663366;
	margin: 0;
	font-size: 1.3em;
	}

h3 {
	color: #663366;
	margin: 0;
	font-size: 1.1em;
	}

h4 {
	color: #663366;
	margin: 0;
	font-size: 1.1em;
	}

h5 {
	color: #663366;	
	margin: 0px;
	font-size: 1.6em;
	}


h6 {
	color: #663366;	
	margin: 0px ;
	font-size: 1.1em;
	}


/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* -------------------------------  TYPE STYLES  ---------------------------------------- */



.pageName{
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-size: 135%;
	color: #663366;
	text-align: center;
	/*continues the left and right vertical rule lines like the columns have*/
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
}

.col-topheading {
	margin: 16px 12px 0 12px;}

.fineprint {
	margin: 2px 0 px 0;
	font-size: 0.9em;
	color: #999999;
}
.ul_cc {
	padding-left: 25px;
	list-style-type: square;
	list-style-position: outside;
}
.ul_ccA {
	padding-left: 20px;
	list-style-type: upper-alpha;
	text-indent: -15px;
	list-style-position: inside;
}

.ol_cc {
	padding-left: 20px;
	list-style-type: decimal;
	text-indent: -16px;
	list-style-position: inside;
}

.ol_ccA {
	padding-left: 20px;
	list-style-type: upper-alpha;
	text-indent: -16px;

	list-style-position: inside;
}
.ul_cc2 {
	padding-left: 10px;
	list-style-type: square;
	text-indent: -10px;
	list-style-position: inside;
}
li {padding-bottom:3pt}

.pictureprgh {
	margin: 0;
	text-align: center;
	left: auto;
	}

.picture_r {
	margin: 0 auto;
	float: right;
}

.picture_l {
	margin: 0;
	padding-right: 10px;
	float: left;
}

.picture_c {
	margin: 0;
	padding: 3px 0px 10px 0px;
	text-align: center;
	z-index: 2;
}

.listH1{
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-size: 115%;
	color: #663366;
	text-align: left;
	font-weight: bold;}
	
.style1 {
	font-size: 2em;
}

.txtstd {
	font-size: 0.9em;
}	
	
.text-margin{
	margin: 6px 0 8px 0;
	}



	

/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* -----------------------------  COLUMN STYLES  ---------------------------------------- */




#c1, #c2, #c3, #c4 {
	padding-top: 6px;
	background-color: #FFF;
	/*left and right vertical rule lines along the columns*/
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
}


.c1-text {
	font-size: 0.75em;
	padding: 10px;
	}
	
.c1-text p {
	margin: 0px 0 7px 0;
	}

.c2-text {
	font-size: 0.7em;
	padding: 12px 16px;
	}

.c2-text p {
	margin: 0px 0 7px 0;
	line-height: 1.2em;
	}
	
	
.c3-text {
	font-size: 0.7em;
	padding: 10 px;
	}



.columntext {
	font-size: 0.7em;
	padding: 12px;}
	
.columntext p {
	margin: 6px 0 8px 0;
	line-height: 1.4em;}

.columnlinks {
	margin: 0 0 6px 0;
	padding: 0;}
	
.columnlinks li {
	list-style-type: none;
}
	
.columnlinks a {
	text-decoration: none;
	border-bottom: 1px solid #E4E4E4;
	color: #637194;
	padding: 2px 0;
	display: block;}
	
.columnlinks a:visited {
	color: #637194;}
	
.columnlinks a:hover, .columnlinks a:active, .columnlinks a:focus {
	color: #FFFFFF;
	background-color: #75A4D7;}
	
#c2 .columnlinks a:hover, #c2 .columnlinks a:active, #c2 .columnlinks a:focus {
	background-color: #9775B4;
}
	
#c3 .columnlinks a:hover, #c3 .columnlinks a:active, #c3 .columnlinks a:focus {
	background-color: #5DBCC9;}
	
#c4 .columnlinks a:hover, #c4 .columnlinks a:active, #c4 .columnlinks a:focus {
	background-color: #9D8D6F;}






/* -----------------THESE ELEMENTS ARE ARE COMMON TO ALL PAGES -------------------------- */
/* -------------------------------  MENU STYLES  ---------------------------------------- */



#p7PMnav {
	margin: 0;
	padding:0;
	/* this downsizes the global menu fonts to fit the page*/
	font-size: 0.75em;
	z-index: 10000;
}

#p7PMnav li {
	letter-spacing: 0.1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#p7PMnav ul {
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	position: absolute;
	left: -9000px;
	z-index: 20000 !important;
}

#p7PMnav a {
	letter-spacing: 0.1em;
	display: block;
	text-decoration: none;
	padding: 4px 4px;
	/*menu main font titles font color: purple 15%;*/
	color: #eae0f2;
	line-height:1;
	/*initial background-color on nav bar: purple 80%; */
	background-color: #7F52A1;
	z-index: 20000 !important;
}

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	/*initial background-color on nav bar at hover: teal 65%;*/
	background-color: #59bbc2;
	/*initial background-color on type at hover: white;*/
	color: #ffffff;
	letter-spacing: 0.1em;}
	

#p7PMnav ul a {
	z-index: 20000 !important;
	letter-spacing: 0.1em;
	/* color of type in nav bar drop down list: purple 85%*/
	color: #874db2;
	/* background-color on nav bar drop downlist: blue 15% D3D8F2*/
	background-color: #D7DCF4;
}

#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus {
	color: #FFFFFF;}
	
	
	
	
	

	/* ------ the current page marker style ------ */
	
#p7PMnav .p7PMmark {
	/* color of type in nav bar list showing bread crumb: white*/
	color: #000;
	/*font-weight: bold;*/
	font-weight: bold;}
	
	
	/* ------ the trigger link styles ------- */

	/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;}

#p7PMnav .p7PMon {
	/* color of bread crumb background in nav bar drop down list: teal 60%*/
	background-color: #66c1c7;
	/* color of bread crumb type in nav bar drop down list: white*/
	color: #FFFFFF;}

#p7PMnav .p7PMhide {
	left: -9000px;}

#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;}

#p7PMnav li {
	/* Top level menu width */
	float: left;
	width: 134px;
}

#p7PMnav ul li {
	float: none;}

#p7PMnav ul, #p7PMnav ul li {
	width: 174px;}

#breadCrumb{
	font-size: 70%;
	padding: 2px 0px 0 10px;}

#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	/* color of type in nav bar list showing bread crumb: red*/
	color: #ff0000;
	font-size: 70%;
	padding: 2px 0px 0 10px;}


#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #669966;}
	
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #669966;}