/*  IACP Technology Clearinghouse Redesign - August 2009 - www.iacptechnology.org  */


/* Basic */
* {
margin: 0; padding: 0; 
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
background: fixed #CCC url('images/backgroundimage.png') top left repeat-x;
}

#bodyImage {
background: fixed url('images/topleft.png') top left no-repeat;
position:absolute;
width:100%;
}

#topMessage {
font-style:italic;
font-size:.8125em;
color:#999999;
padding-left:10px; 
padding-top:3px;
}

a {
color:#000099;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

img {
border:0;
}

/* Header */
#header{
background: url('images/header_blue2.png') top left repeat-x;
font-variant:small-caps;
height:140px;
}

 
#title {
float:left;
margin:15px 0 32px 50px;
color:#ffffff;
}  

#title a {
color:#ffffff;
text-decoration:none;
}

#title img {
margin-bottom:-50px;
}

#title span {
font-size:2em;
}
     
/* Search Bar */
#search-bar{
float:right;
margin:15px 30px 0 0;
}

/* RSS Image & Date */
#rssDate {
float:right;
margin-right:25px;
margin-top:10px;
font-weight:bold;
width:250px;
}

#rssDate a {
text-decoration:none;
color:#000000;
} 

#rss-image {
float:left; 
padding-right:3px;
}  
 
#date {
	float:right;
	color:#000000;
	font-weight:bold;
	margin-top:-15px;
}
  
/* Navigation Breadcrumb */
#pathway { 
width:1100px;
margin:auto; 
padding-top:15px;
letter-spacing: 1px; 
font-size: .75em;
color: #ffffff; 
}  

#pathway a {
color:#ffffff;
text-decoration:none;
} 

#pathway a:hover {
text-decoration:underline;
background:none;
}
   
/* Contains all divs */
#mainContainer {
width:1100px;
margin:auto;
background:url('images/maincontainer_background.png') top left repeat-y;
border: 1px solid #000000;
margin-top:20px;
font-size: .8125em;
} 

   
/* Primary Content - left side content */
#primaryContent {
margin-right: 300px;
line-height: 20px;
padding-top:35px;
}

#primaryContent p {
margin-bottom: 20px;
}

#primaryContent h2,h3,h4,h5,h6 {
color: #000000;
margin-bottom: 15px;
border-bottom: 1px solid #000000;
padding-bottom: 5px;

}

#primaryContent h2 {
font-size: 1.25em;

}

#primaryContent h3 {
font-size: .75em;
}

#primaryContent ul {
margin-bottom: 20px; 
padding-left: 50px;
list-style: square;
}

#primaryContent .padding {
padding:15px 25px 25px 45px;
}

/* Tertiary Content - right side content */
#tertiaryContent {
float: right;
width: 300px;
}

#tertiaryContent h3 {
margin-bottom:0;
font-size:1em;
}

#tertiaryContent .padding {
padding:25px;
}   

/* Step Carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border:0;
overflow: scroll; /*leave this value alone*/
width: 245px; /*Width of Carousel Viewer itself*/
height: 125px; /*Height should enough to fit largest content's height*/
background-color: #FFFFFF;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 235px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
     
#carousel {
z-index:50; 
width:225px;
margin:auto;
margin-top:110px;
}	
	 
/* Footer */
#footer {
clear:both; 
padding:25px 125px;
color:#ffffff;
border-top:7px solid #999999;
background: url('images/header_blue.png') top left repeat-x;
margin-top:30px;
font-size:.8125em;
}	

#footer a {
color:#ffffff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footerContent {
margin-right:600px;
}

#w3c {
float:right;
margin-top:30px;
width:100px;
}

#DOT_IACP_logo {
float:right;
width: 210px;
margin:auto;
}

/* Drop-down Menu */

.chromestyle {
height:25px;
width:1170px;
margin:-25px auto 0 auto;
clear:both;
font-variant:normal;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul {
list-style-type:none;
}

.chromestyle ul li {
float:left;
margin-right:2px;
background-color:#004275;
}

.chromestyle ul li a {
display:block;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
text-decoration: none;
margin:0 10px;
padding-top:5px;
height:20px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
color:#FF9900;
}

.chromestyle #current {
background-color:#777676;
color:#ffffff;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
position:absolute;
margin-left:-10px;
top: 0;
margin-top:-1px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color:#CCCCCC;
width: auto;
visibility: hidden;
}


.dropmenudiv a {
width: 135px;
display: block;
text-indent: 8px;
border-bottom: 1px solid #000000;
padding: 2px 8px 2px 2px;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
font-size:11px;
color: #000000;
}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover {
background-color:#004275;
color:#FFFFFF;
}

/* Individual Tertiary Panels */
#firstTertiary {
margin-top:20px;
padding-bottom:10px;
border: 1px solid #666666;
background-color:#FFFFFF;
}

#firstTertiary h3 {
color:#000000;
background-color:#CCCCCC;
padding:5px;
border-bottom:1px solid #666666;
text-align:center;
}

#secondTertiary {
padding-bottom:10px;
border: 1px solid #666666;
background-color:#FFFFFF;
}

#secondTertiary p {
padding:0 5px;
}

#secondTertiary h3 {
color:#000000;
background-color:#CCCCCC;
padding:5px;
border-bottom:1px solid #666666;
margin-bottom:10px;
text-align:center;
}

#thirdTertiary {
padding-bottom:10px;
border: 1px solid #666666;
background-color:#FFFFFF;
}

#thirdTertiary h3 {
color:#000000;
background-color:#CCCCCC;
padding:5px;
border-bottom:1px solid #666666;
margin-bottom:10px;
text-align:center;
}

#thirdTertiary p {
text-align:center;
}