/* CSS Document */

*{margin:0; padding:0;}


/* Fonts
======================================================================*/
body, input, select, textarea, #main, ul#mainNav, #contentTop, h4, h5
{ font-family: Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h6, h7,#title
{ font-family: Georgia, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
.alert, .alert a { color: #900; }
a {text-decoration: underline;color:#cc0000;}
a:hover {text-decoration: none;color:#cc0000;}
body { color: #000; font: 12px/16px arial, helvetica, verdana, sans-serif; padding: 0; margin:0 auto; background-color:#9CD1D2;}
.clear { clear: both; }
h1 {font-size:18px;font-weight:normal; margin-bottom:5px;}
h2 {font-size:20px;font-weight:normal; padding:10px 15px; color:#cc0000;}
h3 {font-size:20px;font-weight:normal; font-style:italic; text-align:center; padding:10px 15px; color:#cc0000;}
h4 {font-size:14px; font-weight:normal; padding-right:16px; margin-top:10px; color:#cc0000;}
h5 {font-size:14px; font-weight:bold;padding-right:16px; margin-top:10px;} 
.hr { background:url(../image/extra/lineG.gif) repeat-x 0 0; clear: both; height: 1px; margin: 10px 25px 0 25px; }
.hr hr { display: none; }
img {border: none;}
.note{color:#666666; text-align:center; font-size:10px; padding:2px 35px;}

/* Core layout
======================================================================*/
#wrap {margin:0 auto; width:930px; background:#9CD1D2;}
	
	#home #container, #home #topBanner {
		float:left; 
		width: 772px;
		background: #fff;
		margin-bottom:.7em;
		padding:1em 0;
		border: 1px solid #A7A9AC;
	}
	#home #topBanner {padding:0; border:none; margin-top:16px;}
	#home #rightAdd{float:right;width:150px;background-color: #fff; margin-top:15px;}
	
	#container, #home2 #container{
		margin:0 auto;
		width: 772px;
		background: #fff;
		margin-top:16px;
		margin-bottom:15px;
		padding:1em 0;
		border: 1px solid #A7A9AC;
	}
	
/* Container
------------------------------------------------------------------------------------*/
	/*Header
	------------------------------------------------------------------------------------*/
	#header {width:770px;}

	#headerMenu ul{margin:0; padding-right:10px; list-style:none; float:right; color:#e14b36;}
	#headerMenu ul li{float:right; text-decoration:none; color:#e14b36; margin-top:10px; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#headerMenu ul a{padding:.5em; text-decoration:none; color:#e14b36; font-weight:bold;}
	#headerMenu ul .last a{background:none;}
	#headerMenu ul a:hover{text-decoration:underline;}
	#headerMenu ul .currentHM{text-decoration:underline;}
	
	.logoCpclax{float:left; margin-bottom:1em; border:none; padding-left:10px;}
	.logoCpclax a img{text-decoration: none; border:none;}
	.logoCpclax a:hover img{text-decoration: none; border:none;}
	
	/*Navigation
	------------------------------------------------------------------------------------*/
	ul#mainNav {margin:0; padding:0; color:#fff;list-style:none;font-size:15px; display:block; float:left; background-color:#74698b; width:772px; border-top: 1px solid #A7A9AC; border-bottom: 1px solid #A7A9AC;}
	
	/*ul#mainNav li {display:block; float:left; margin:0; padding:3px 0 3px 0;}
	ul#mainNav li a, ul#mainNav li a:link {display:block;margin:0;padding:0 13.2px 0 14px;color:#fff;line-height:28px;text-decoration:none;}
	
	*html #mainNav a, * html #mainNav a:link{height:1%; width:1%;}*/
	
	ul#mainNav li {display:block; float:left; margin:0; padding:3px 1.2px 3px 0;}
	ul#mainNav li a, ul#mainNav li a:link {display:block;margin:0;padding:0 12px 0 14px;color:#fff;line-height:28px;text-decoration:none;}
	
	*html #mainNav a, * html #mainNav a:link{height:1%; width:1%;}
	
	.issue {background:url(../image/btnRed.jpg) center center repeat-x;border-right:1px solid #A7A9AC;}
	.calendar{ background:url(../image/btnOrange.jpg) center center repeat-x;border-right:1px solid #A7A9AC;}
	.guide{ background:url(../image/btnYellow.jpg) center center repeat-x;border-right:1px solid #A7A9AC;}
	.parenthood{ background:url(../image/btnGreen.jpg) center center repeat-x;border-right:1px solid #A7A9AC;}
	.archives{ background:url(../image/btnBlue.jpg) center center repeat-x;border-right:1px solid #A7A9AC;}
	.about{ background:url(../image/btnPurple.jpg) center center repeat-x;}
		
	.issue:hover{background:url(../image/btnRedRoll.jpg) center center repeat-x;}
	.currentI {background:url(../image/btnRedRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
		
	.calendar:hover{background:url(../image/btnOrangeRoll.jpg) center center repeat-x;}
	.currentC {background:url(../image/btnOrangeRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
		
	.guide:hover{background:url(../image/btnYellowRoll.jpg) center center repeat-x;}
	.currentG {background:url(../image/btnYellowRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
		
	.parenthood:hover{background:url(../image/btnGreenRoll.jpg) center center repeat-x;}
	.currentP {background:url(../image/btnGreenRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
	
	.archives:hover{background:url(../image/btnBlueRoll.jpg) center center repeat-x;}
	.currentA {background:url(../image/btnBlueRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
	
	.about:hover{background:url(../image/btnPurpleRoll.jpg) center center repeat-x;}
	.currentAus {background:url(../image/btnPurpleRoll.jpg) center center repeat-x;}
	
	/*Main content
	------------------------------------------------------------------------------------*/
	#contentTop{width:100%; background:#fff; float:left; padding:10px 0 0 0;}
	
	#contentL{float:left; width:35%;}
	#home #contentL, #home2 #contentL{width:64%; height:231px;}
	
	#contentR{float:right; width:55%;}
	#home #contentR, #home2 #contentR{width:35.2%;}
	.hBox{background:url(../image/btnBlue.jpg) center center repeat-x;}
	#home #contentR p, #home2 #contentR p{padding:8px; color:#fff;}
	
	#contentR ul{margin-top:70px; list-style:none;}
	#home #contentR ul, #home2 #contentR ul{margin-top:5px;}
	#home #contentR li, #home2 #contentR li{padding:5px 3px 5px 17px; background:url(../image/home/marker.gif) no-repeat 6px 8px;}
	#contentR li{padding:5px 3px 5px 0;}
	#contentR a{color:#cc0000;}
	
	#titleImg{color:000; font-style:italic; font-weight:bold; font-size:24px;}
	#linkImg{font-weight:bold; font-size:14px;}
	
	#home #topLeft, #home2 #topLeft{float:left; width:68%; border:1px solid #A7A9AC; border-left:0; height:1%;}
	#topLeft{float:left; width:59%;}
	#topLeft p{padding:10px 15px;}
	#home #topRight, #home2 #topRight{float:right; width:31%;}
	#home2 #topRight img{padding:16px 0; border:1px solid #A7A9AC; border-right:0;}
	#topRight{float:right; width:40%; padding-bottom:0;margin-bottom:0;}
	
	#article {float:left; width:100%;}
	#home #article, #home2 #article {float:left; width:68%;}
	#home .hr, #home2 .hr {margin: 10px 0 0 10px;}
	#home #article img, #home2 #article img {float:left; margin:0 15px 10px; width:150px;}
	#home2 #article .fblogo img {width:45px; border:none; padding-top:5px;}
	#article .hr{margin-top:15px;}
	#article h1{margin:15px 25px 10px;}
	#article h1 a{color:#000000; text-decoration:none;}
	#article h5{padding-top:10px; margin:0 25px;}
	#article h4 {padding:5px 0; margin:0 25px;}
	#article img {float:left; margin-right:10px;}
	#article p{border:0; padding-top:10px; margin:0 25px;}
	#article p img{border:none; margin:0; padding-right:10px;}
	#home #article p, #home2 #article p{font-size:12px; color:#000; padding-left:0; margin-top:10px; padding-right:0;}
	.alignCenter {text-align:center; padding-top:15px; font-weight:bold;}
	
	
	#cbodyR{width:31.1%; float:right; padding:18px 0 0 0;}
	#cbodyR p{padding:8px; color:#fff;}
	
	#cbodyR ul{margin-top:5px; list-style:none;}
	#cbodyR li{padding:5px 3px 5px 17px; background:url(../image/home/marker.gif) no-repeat 6px 8px;}
	#cbodyR a{color:#cc0000;}
	
	#Cbody {padding:18px 0 0; float:left; width:100%;}
	#Cbody img {float:left; margin:0 15px 10px; border:1px solid #A7A9AC;}
	#Cbody p img{border:0; margin:0 15px 0 0;}
	#Cbody p{font-size:12px; color:#000; padding:10px 25px;}
	#Cbody h1 {padding:15px 25px 0;}
	#Cbody h2 {padding:15px 25px 5px;}
	#Cbody h3 {padding:15px 25px 5px;}
	#Cbody h4 {padding:15px 25px 5px; color:#000;}
	#Cbody h5 {padding:15px 25px 5px;}
	#Cbody .indA{width:65%; margin:0 50px 0 160px;}
	#Cbody .indA img{border:none; width:133px;} 
	
	#Cprofile {margin:0 auto; display:block; padding:18px 0 0 240px;}
	#Cprofile img{float:left; border:1px solid #000;}
	#Cprofile p{margin-right:270px; float:right; padding-top:0;}
	#Cprofile h5{margin-right:210px; float:right; padding-top:0;}
	
	#CStaff #article {float:left; width:50%;}
	#CStaff #article h5 {margin:20px 15px 0 25px;}
	#CStaff #article h5 img {float:left; margin:0 15px 0 0; width:150px;}
	#CStaff #article p{font-size:12px; color:#000;}
	#CStaff #cbodyR {float:right; width:49%;}
	#CStaff #cbodyR h5 {margin:10px 15px 0 25px;}
	#CStaff #cbodyR h5 img {float:left;  margin:0 15px 18px 0; width:150px; border:1px solid #000;}
	#CStaff #cbodyR p{font-size:12px; color:#000;}
	
	
	/* MAIN inside Container
	======================================================================*/		
	#main {float:right; width:53%; color:#787878; font-size:.9em;padding:0 0 .5em 1.2em; margin-top:1em}
	#main a{margin-left:.5em; padding-right:.5em;}
	#main p{margin-bottom:.5em;}
	#main .noteF{margin-top:1em; padding-bottom:1em;}
	
	/* FORM inside Container "main"
	======================================================================*/
	#main form {font-size:1em;}
	#main h3{padding-top:.5em; font-size:1.6em; color:#628e6e; margin-bottom:.4em; text-align:left; padding-left:0; margin-left:0;}
	#main form label{font-size:1.1em; float:left; padding-top:.5em;}

	.caption{font-size:1em; padding-top:1em;}
	.caption a{text-decoration:none; color:#900; cursor:pointer;}
	.caption a:hover {text-decoration:underline;}
	
	/* Button's
	======================================================================*/	
	.LoggerBtn {background:url(../image/btnGreen.jpg) center center repeat-x; border:1px solid #d5b177; padding: 0.5em 1em; color: #fff; cursor: pointer; margin-right:.5em; margin-top:1em; font-weight:bold;}
	.LoggerBtn:hover {border:1px solid #d5b177; background:url(../image/btnGreenRoll.jpg) center center repeat-x;}
	
	.cbx {vertical-align:middle;margin-right:.5em;}
	
	.txt {border: 1px solid #7f9db9; margin-right:.5em; margin-top:.5em; float:right; padding:.2em 0; vertical-align:text-top; width: 230px;}
	.txtB {border: 1px solid #7f9db9; margin-right:.5em; margin-top:.5em; float:right; padding:.5em 0; vertical-align:text-top; width: 400px;}
	
	/* SIDEBAR inside Container
	======================================================================*/		
	#sidebar{float:left; width:35%; font-size:.9em; margin-top:1.8em;}
	#sidebar h3{color:#e14b36; padding-left:1em; font-family:"Times", Times New Roman, serif; font-weight:bold; font-size:1.8em; line-height:1em;}
	
	
	
/* Footer
======================================================================*/
#home #footer {clear:both; margin:0; width:772px; background:#9CD1D2;}
#footer {clear:both; margin:0 auto; width:772px; background:#9CD1D2;}
#footer p {text-align:center; font-size:.8em; margin-bottom:0;}
#footer p a{text-decoration:none; color:#900; cursor:pointer;}
#footer p a:hover{text-decoration:underline; color:#900; cursor:pointer;}