/* CSS Document */

section#firstCol {
	background-color: #FFF;
	float: left;
	height: 507px;
	width: 390px;
	background-image: url(/templates/cdms/images/whatsnew.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
section#secondCol {
	background-color: #FFF;
	float: left;
	height: 507px;
	width: 300px;
	position: relative;
	background-image: url(/templates/cdms/images/dates.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#secondColtext {
	height: 351px;
	width: 233px;
	margin-top: 125px;
	margin-right: 32px;
	margin-bottom: 31px;
	margin-left: 35px;
}
section#thirdCol {
	background-color: #FFF;
	float: left;
	height: 207px;
	width: 300px;
	background-image: url(/templates/cdms/images/ckc_background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#thirdColCallout {
	background-image: url(/templates/cdms/images/callout_ckc_03.jpg);
	height: 154px;
	width: 247px;
	margin-top: 43px;
	margin-right: 27px;
	margin-bottom: 10px;
	margin-left: 26px;
} 

#thirdColCallout:hover {
	transition: background-size 290px 170px 2s, transform 2s;
    -moz-transition: background-size 290px 170px 2s, -moz-transform 2s;
    -webkit-transition: background-size 290px 170px 2s, -webkit-transform 2s;
    -o-transition: background-size 290px 170px 2s,-o-transform 2s;
}

#firstColtext {
	height: autopx;
	width: 322px;
	margin-top: 125px;
	margin-right: 33px;
	margin-bottom: autopx;
	margin-left: 35px;
	padding:0;
}
a {
	font-size: 12px;
	color: #D22863;
	text-decoration: none;
	border:none;
	border-width:0px;
	}
a img {
	border:none;
}
a:visited {
	color: #D22863;
	border:none;
}
a:hover {
	text-decoration: none;
	color: #003C69;
	border:none;
}
a:active {
	text-decoration: none;
	color: #D22863;
	border:none;
}
h3 {
	font-size: 14px;
	color: #DCCF42;
	margin: 30px 0px 10px 0px;
	text-transform: uppercase;
}
h4 {
	font-size: 36px;
	color: #FFFFFF;
}
#quicklinkstext {
	background-color: #FFF;
	height: 170px;
	width: 263px;
	margin-top: 80px;
	margin-right: 22px;
	margin-bottom: 31px;
	margin-left: 15px;
	padding-left: 14px;
}

a.quicklinkstext{
	font-size: 15.5px;
	color: #003C69;
	line-height: 195%;
	font-weight: bold;
}
a.quicklinkstext:link {
	text-decoration: none;
}
a.quicklinkstext:visited {
	text-decoration: none;
	color: #003C69;
}
a.quicklinkstext:hover {
	text-decoration: none;
	color: #D47B22;
}
a.quicklinkstext:active {
	text-decoration: none;
	color: #D22863;
}
a#login{
	font-size: 14px;
	color: #666;
}
a#login:link {
	text-decoration: none;
}
a#login:visited {
	text-decoration: none;
	color: #666;
}
a#login:hover {
	text-decoration: none;
	color: #D22863;
}v
a#login:active {
	text-decoration: none;
	color: #D22863;
}
a.topcontentlinks{
	font-size: 13px;
	color: #003C69;
	line-height: 195%;
	font-weight: bold;
}
a.topcontentlinks:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.topcontentlinks:visited {
	text-decoration: none;
	color: #003C69;
}
a.topcontentlinks:hover {
	text-decoration: none;
	color: #D22863;
}
a.topcontentlinks:active {
	text-decoration: none;
	color: #D22863;
}
.menu p{
	clear:left;
}	

/***************************/

.menu_footer a:hover {
	color: #D22863;
	font-family: Arial, Helvetica, sans-serif;
	
}

footer .separator span {
    color: #D22863;
    margin-top: 12px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 120px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.menu_footer li:nth-child(1) {
	padding-top: 0px;
}

.separator span {
	color: #D22863;
	width: 120px;
	font-size: 14px;
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

/* This is for the seperator style.  If layout changes, will need to edit this style */
li.item81 {
	margin-top: 10px;
}

aside#lefthandmenu {
	width: 30%;
	position: relative;
	background-color: yellow;
}

section#content {
    width: 70%;
    position: relative;
	background-color: red;
}

/* <article>
  <aside id="lefthandmenu">
     <p>this is where the menu will go</p>
  </aside>
  <section id="content">
      <div>
       <jdoc:include type="component" />
   </div> 
  </section>
</article> */

.moduletable_seccol h1 {
	padding-bottom: 15px;
}

#login > a {
	color: #D22863;
}

#login > a:hover {
	color: #003C69;
}

/* Bottom footer links */

#footerlinkwrapper {
	margin-top: 5px;
}

#footerlinkwrapper a {
	text-transform: uppercase;
}
a#site {
	color: #C60651;
}

a#feedback {
	color: #D5C833;
}

a#terms {
	color: #FEC212;
}


.topcontentlinks > img {
  padding-right: 2px;
  border: 0px;
}

/* search box custom */
.search{
	height:31px;
	width:auto;
	padding-top:5px;
}
#mod_search_searchword {
	/*background-color: #d6d0d0;*/
	background-image:url('/templates/cdms/images/searchbar.jpg');
	border:none;
	padding-left:8px;
	height:31px;
	background-repeat:no-repeat;
	line-height:31px;
	width:192px;
}