/* CSS  for CDTS web site formatting

Name:	cddc.css
Author:	John Fischer
Date:	20 August 2011
File:	cdds.css   stylesheet for index.html

*/


.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px solid lightblue; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid lightblue; /* Firefox */
    column-rule: 1px solid lightblue;
    column-width: 50px;
    text-align:left;
    padding-left:20px;
    }
.allheaders{
	font-size:20px;
	padding-left:20px;
	text-transform:uppercase;}

.aligncells{
	text-align:left;
	vertical-align:text-top;
	padding-left:30px;
	width:280px;}
	
.indenttext{
	text-align:center;
	padding-left:40px;}

.indenttext1{
	text-align:left;
	margin-left:40px;}
	
.aligntext{
		text-align:justify;
		padding-left:15px;
		padding-right:20px;}
		
.aligntextlive{
		text-align:left;
		padding-left:15px;
		padding-right:20px;}
	
.allsubheads{
	text-align:left;
	line-height: 1.5;
	list-style-type:disc;}
	
p.bottom{
	line-height:1px;
	padding-bottom:0;
	margin-bottom:0;}
	
.menu{
	margin:0px;
	padding:0px;
	width:850px;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-image: url('graphics/Content-Background.jpg');
	font-size:13px;
	text-align:center;
	font-weight:bold;}

.contactscreen{
	margin:0px;
	padding:0px;
	width:850px;
	background-image: url('graphics/Content-Background.jpg');}
	
.menu ul{
	background:#333333;
	height:45px;
	list-style:none;
	text-align:center;
	margin:0px;
	padding:0px;}
	
.menu li{
	float:left;
	padding:0px;}

#container{
	width: 850px;
	margin:0 0 0 20px;/*top right bottom left*/
	padding:0px;}
	
#container h1{
	margin:0px;
	padding:0px;
	width:100%;
	height:40px;
	float:left;
	border-bottom:solid 1px;}

#container #col1{
	width:295px;
	float:left;}
	
#container #col2outer{
	width:555px;
	float:right;
	margin:0px;
	padding:0px;}
	
#col2outer #col2mid{
	width:300px;
	float:left;}
	
#col2outer #col2side{
	width:255px;
	float:right;}

#container #col1special{
	width:295px;
	float:left;
	text-align:left;}
	
#container #col2outerspecial{
	width:555px;
	float:right;
	margin:0px;
	text-align:left;
	padding:0px;}
	
#col2outer #col2midspecial{
	width:300px;
	text-align:left;
	float:left;}
	
#col2outer #col2sidespecial{
	width:255px;
	text-align:left;
	float:right;}
#top{
	width:93%;
	text-align:center;
	border-bottom:1px solid gray;}

#top h1{
	padding:0px;
	margin:0px;}

#top h2{
	font-size:12pt;
	padding:0px;
	margin:0px;}
	
.menu li a{
	background:#333333 url("graphics/separator.gif") bottom right no-repeat;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:45px;
	margin:0px;
	padding:0px 29.9px;
	text-align:center;
	text-decoration:none;}
	
.menu li a:hover, .menu ul li:hover a{
	background: #2580a2 url("graphics/hover.gif") bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;}
		
.menu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:235px;
	z-index:1;}
	
.menu li:hover ul{
	display:block;}
		
.menu li li {
	background:url('graphics/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;}
	
.menu li:hover li a{
	background:none;}
		
.menu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;}
		
.menu li ul a:hover, .menu li ul li:hover a{
	background:#2580a2 url('graphics/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;}
			
.menu p{
	clear:left;}	

.centertext{
	margin-left:auto;
	margin-right:auto;
	padding-left:40px;
	text-align:center;}
	
.centertext_special{
	margin-left:auto;
	margin-right:auto;
	padding-left:40px;
	text-align:center;
	font-weight: 900;}
	
.smalltext{
	font-size:7pt;}
	
.lefttext{
	text-align:left;
	font-size:7pt;}

.leftcol{
	font-size:12pt;
}
.rightcol{
	text-align:justify;
	padding-top:40px;
}
#verticalWrapper{
	moz-box-shadow: 10px 10px 5px #888;
	webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	margin-left:auto;
	margin-right:auto;
	width:850px;
	text-align:left;
	border:0px;
	padding:0px;
	margin:0px auto;}
	
.clearboth{
	clear:both;}

.aligntabtext{
	text-align:left;
	padding-left:15px;
	padding-right:20px;
	width:35%;}

.bottomtext{
		text-align:center;
		font-size:7pt;
		padding-left:10px;
		padding-right:20px;}
		
.centertext{
	text-align:center;}
	
.centertable{
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;}
	
a.livesite{
	color: black; 
	font-weight: bold;
	line-height:.5;
	text-decoration:none;
	font-size: 9pt;
	font-family:Verdana,non-serif}

a.livesite_repair{
	color: black; 
	font-weight: bold;
	text-decoration:none;
	font-size: 9pt;
	font-family:Verdana,non-serif}

a:link.livesite {
	font-weight:bold;
	text-decoration:none;
	color:black;}

a:active.livesite {
	font-weight:bold;
	text-decoration:none;
	color:black;}
	
img.floatright{
	float:right;
	margin:10px;}

img.floatleft{
	float:left;
	margin:10px;}
	
a:hover.livesite{
	color:blue;
	background-color:yellow;}
	
a:visited.livesite{
	font-weight:bold;
	text-decoration:none;
	margin-left:.5em;
	font-size: 11pt;
	font-family:Verdana,non-serif;}

.smallpic{
	border:1px;
	width:60px;
	height:60px;}
	
.thumbnail{
	float:left;
	width:200px;
	line-height:.85;
	height:200px;}
	
ol.a{
	margin-left:10px;
	list-style-type:none;}

#left
	{
	float:left;
	width:250px;
	}
	
.left_for_column{
	text-align:left;
}
.leftspecial{
	float:left;
	padding-left:30px;
	font-size:9pt;}

#main
	{float:left;
	 width:25%;
	 padding:10px;
	}
	
#sidebar{
	float:right;
	width:75%;
	padding:10px;
}
#right
	{
	float:right;
	width:400px;
	}
	
#footer
	{
	clear: both;
	width: 100%;}
	
#footerspecial{
	float:left;
	width:850px;}