/* Start of CMSMS style sheet 'CCDA-Main' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */







/* SITE SPECIFIC LAYOUT */

html, body, #pagewrapper, #content, #main {
    min-height: 100%;
}

   html, body, #pagewrapper, 
   #header, #header img, #header h1 a, #content, #footer, #menudiv, #menu-vert, #padder, 
   #left49, #right49, #right40, #left49, #randomimages, 
   #extras, #extras form {
      margin: 0;
      padding: 0;
      border: 0;
}
    body {
         font-size: 1.0em;
        font-stretch: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Silver;
   /*  background: url('uploads/images/templatepics/ccda15-faded280.jpg') white right bottom no-repeat fixed;*/
 	color : #5C5C5C;
    }




/* FILL THE SCREEN - MOZILLA */
  

       div#pagewrapper {
          width: 100%;
          max-width: 100em;
          min-width: 50em;
         text-align: left;
         z-index: 100;
      }

     /* HEADER */
        div#header {
           padding-top: 0;
           background:  url(uploads/images/templatepics/CCDAlogo.gif) no-repeat 1em 1em; 
           height: 90px;
           text-align: left;
           background-color: #CCCCFF;
           overflow: hidden;
        }
  
      div#header a {
        display: block;
        background: transparent url(uploads/images/templatepics/CCDAname.gif) no-repeat 150px 1em; 
        padding-top: 6em;
        height: 80px;
        vertical-align: bottom;
        margin-left: 2px;
        text-indent: 155px;
        text-decoration:none;
        color: #000000; 
        width: 99%;
        }

    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
       position: absolute;
       }
        
     /* MAIN */
         div#main {

            font-size: 0.9em;
         clear: right;
            z-index: 1;
            background-color: transparent;
            overflow: visible;
       }

        /* END MAIN */

        
        /* MENUDIV*/
            div#menudiv {
              width: 17%;
              padding-top: 0px;
              padding-bottom: 1em;
              float: left;
	      background: url(uploads/images/templatepics/bgleftpurple-shorter.gif) repeat-y right;
              background-color: #CCCCFF; 
              z-index: 1000;
              margin-bottom: 0;
            }

        /* END MENUDIV*/

       /* PADDER */
           div#padder {
              margin-left: 17%;
              background-color: #CCCCFF;
              background-image: url(uploads/images/templatepics/greytile.jpg);
	      background-position: bottom;
	      background-repeat: repeat-x;
          }

        /* Ensure all the stuff stays on one line */
            div#padder * {
              display: inline;
            }

       / * Keep for accessibility reasons but hide the Search label on the screen */
          div#padder label {
	     visibility: hidden;
          }

        /* END PADDER*/


        /* RIGHT COLUMN */

        div#rightcol {
         float: right;
         width: 220px;
         margin: 1em;
     /*    border-left: solid silver 1px;     */
     /*    border-bottom: solid silver 1px;*/
         text-align: center;
         overflow: hidden;
         }

        /* END RIGHT COLUMN */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
         clear: right;
         background-color: transparent;
         margin: 0 17% 0 auto;
       }

        div#footer p {
            font-size: 0.8em;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   text-align: right;
   font-size: 90%;
   margin: 0;
   width: 100%;
   
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  }

div.left40 {
  text-align: left;
  float: left;
  width: 40%;
  }

div.right40 {
  float: right;
  width: 40%;
  text-align: right;
  }

#extras {
 
}

#padder {
   font-size: 0.8em;
  text-align: right;
  background-color: #c8c8c8;
  color: #000000;
  margin: 0 0 1em 0;
  padding-right: 2%;
  border-bottom: 1px solid #c8c8c8;
}
#padder form, #padder input {
  display: inline;
  margin:0;
  padding:0;

}

#randomimages {
  float: left;
  border: double 3px #CCCCFF;
  padding: 0.5em;
  margin-right: 0.5em;
  text-align: center;
}

#randomimages a {
  text-decoration: none;
}



#padder img, li.thumbs img, #randomimages img,  div#upcomingclinics.calendar-upcominglist>img {
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding:0;
}

#main h2 img, #main h1 img, #main h3 img #main .albumlist img{
  background-color: transparent;
  margin:0;
  padding:0;
  border:0;
}


#padder img
{
  background-color: transparent;
  padding: 0;
  border: none;
}



/**** MULTIPLE COLUMN TEXT ***/

.\2cols, #main> .\2cols {
    column-count: 2;
    column-width: 45%;
    column-gap: 10%;
    column-rule: thin dotted #FFD700;

    moz-column-count: 2;
    moz-column-width: 45%;
    moz-column-gap: 10%;
    moz-column-rule: thin dotted #FFD700;

 }

/****END MULTIPLE COLUMN TEXT ****/


/* TYPOGRAPHY */
	body {
		text-align: left;
		font-size: 75.01%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}

	
/* LINKS */

#main a:link, #upcoming a:link     {color:blue}
#main a:visited, #upcoming a:visited {color:blue}
#main a:active, #upcoming a:active {color:maroon}
#main a:hover, #upcoming a:hover {color:red}


/* END LINKS */
	
/* HEADINGS */


#header>h1.accessible {
  display: inline;

}

#content h1 {
 margin: 1em 0;
 font-family: OzHandicraft, "Arial Narrow", Tahoma, sans;
 font-size: 2.5em;

}
h3{
	font-family: OzHandicraft, "Arial Narrow", Tahoma, sans;
	font-size:12pt;
	color:#0f2e77;
	background-color:#fff;
	font-weight:normal;
}
	#main h4 {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
		padding: 0;
	}


	#main h5 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	#main h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */

	p {
		margin: 0 0 1.5em 0;
		padding: 0;
	}

#header p
{
  margin-left: 17%;
  clear: both;
}

#header img {
  float: right;
  vertical-align: top;
  border: 0;
  height: 88px;
  /*margin-top: 0;*/
  margin-right: 5em;
  border: 0;
  z-index: 1000;
  margin-top: -1px;
}

	blockquote {
		border-left: 10px solid #cc9933;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        /*white-space: pre;*/
        display: inline;
    }

.indentedquote {
        float: right;
 	width: 10em;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, "Georgia Ref", "MS Serif", "New York", serif;
        font-style: italic;
	font-size: 1.6em;
  	line-height: 1.0em;
	padding: 1.0em;
}

.advert {
	margin: 0px auto 10px auto;
	border : medium solid #6666FF;
	padding : 5px 5px 5px 5px;
	text-align : center;
	list-style : square outside;
	width : 400px;
}

div#nextprev {
       /*text-align: center;*/
        clear: both;
}

/* END TEXT */
	
/* LISTS */

	#main ul {
     font-size: inherit;
     line-height:1.4em;
		margin: 0 3em 0 2em;
		padding: 0;
	}
	#main ul li {
	       list-style: square;
          margin-bottom: 1.25em;
	}
	#main ul.albumlist li {
	       list-style: none;
          margin-bottom: -1.25em;
			 line-height: 1em;
	}


	ol {
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		margin: 0 0 0.25em 30px;
		padding: 0;
      margin-bottom: 1.25em;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}

	/* END LISTS */

	
/* TABLE */
	table {

	       margin: 0 0 1.5em 0;
               padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
                font-size: inherit;
		font-weight: bold;
		text-align: left;
	}
	td {
              font-size: inherit;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}

	
/* END TYPOGRAPHY */	

/* NAV BAR AT THE TOP, LOCAL NAVIGATION ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        text-align: left;
    }

    div#main, div#footer {
        margin-left: 17%;
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 0;
    }


    div#menu_vert {
       width: 100%;
       padding-top: 30px;
    }


/* END CONTENT */



/* FIX NEWS H4 HEADING IN MAIN SECTION */
#upcomingclinics h4
{
  font-size: 12pt;
}



/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
                background-color: transparent;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #CCCCFF;
                background-color: transparent;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #5C5C5C;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 1em;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	
        textarea {
		width: 500px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file, .longfield input {
		height: auto;
		width: 400px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}


/* Contact form specific */
.contactform fieldset {padding: 1em; }
.contactform fieldset legend {font-weight: bold;}
.contactform div { padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }


/* END FORM ELEMENTS */

/* misc */
.hide{
    display: none;
}

.labeltop {
  vertical-align: top;
}

.formbuilderform label {
  display: block;
  float: left;
  width: 10em;
}

th.listhead {
  width: 15em;
}

/* newsflash div */

div#rightcol div.NewsflashSummary {
   line-height: 2em;
}



/* get rid of points in picture lists */
li.thumb {
  list-style-type:none;
  list-style-image:none;
}


/******* buttons ****************/
div#social {
  text-align: right;
}

div#social * {
 border: none;
 outline: none;
 text-decoration: none;
 display: inline;
}

/* End of 'CCDA-Main' */