/*  
Description: Base Styles
Version: 1
Author: Cameron Sweeney
Author URI: http://www.cameronsweeney.com/
Copyright: Cameron Sweeney 2009
*/
html,body,div,ul,ol,li,dl,dt,dd,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
body {
min-width: 960px;
font-size: 12px;
line-height: 16px;
padding: 0px;
margin: 0px;
font-family: Helvetica, Arial, sans-serif;
color:#666666;
background: #eeeeee;
}
html {
padding: 0px;
margin: 0px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
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 */
}
a:link,
a:visited  {
text-decoration: none;
color: #ffffff;
border: 0px;

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

a:hover {
text-decoration: none;
color: #ffffff;
}
a:focus {
outline: none;
}
/* -----------------------------------------
html/ forms
----------------------------------------- */
img {
padding: 0px;
margin: 0px;
border: none;
text-align: center;
}
.centercontent .header_nav img {
 border-width: 0px;
}
hr {
border-left:0px solid #090d10;
border-right:0px solid #090d10;
border-top:1px dashed #89888a;
border-bottom:0px solid #090d10;
height : 1px;
}
form {
padding: 0px;
margin: 0px;
}

/* Type */
h1, h2, h3, h4, h5 {
letter-spacing: -1px;
font-weight: normal;
color: #ffffff;
padding: 10px 0px 10px 10px;
}

h1 {
font-size: 25px;
line-height: 28px;
}
h2 {
font-size: 28px;
line-height: 32px;
}

h3 {
font-size: 20px;
line-height: 24px;
}
h4 {
font-size: 20px;
line-height: 24px;
}
h5 {
font-size: 16px;
line-height:20px;
}

.panel ul {
padding: 5px 0px 5px 15px;
}
.panel ul li {
list-style-type: disc;
color:#f89828;
}
.panel ul li p {
color: #eeeeee;
}

.contact ul {
padding: 0px 0px 0px 45px;
}
.contact ul li {
line-height:30px;
list-style-type: none;
}
.panel ul li p {
color: #ffffff;
}
.contact h3 {
line-height: 38px;
padding: 0px 10px;
margin: 0px;
}

p.intro {
font-size: 16px;
line-height: 20px;
}

/* -----------------------------------------
Structure
----------------------------------------- */

#frame {
width:100%;
min-width: 960px;
margin: 0 auto;
height: auto;

}
.header_wrapper {
width: 960px;
margin: 0 auto;
position:relative;
padding: 0px 0px 0px 0px;
background: #ffffff;
border-bottom: 3px solid #e56d1f;
}

.content_frame {
width: 960px;
margin: 0 auto;
position:relative;
padding: 0px 0px;

}
#page {
width: 100%;
margin: 0px;
position:relative;
padding: 0px 0px 4px 0px;
}
.left_content {
width: 50%;
float: left;
padding: 0px 0px 0px 0px;
}
.right_content {
width: 50%;
float: right;
position: relative;
padding: 0px;
}


.primary {
background: #717073;
}
.secondary {
background: #ffffff;
}
.panel {
background: url(images/content_body_bg.png) repeat-x 0px 20px;
color: #eeeeee;
}

.primary h3 {
padding: 5px;
margin: 0px;
background: url(images/content_header_bg.png) repeat-x top left;
}
.primary {
color: #ffffff;
}


.welcome {
background:url(images/CIS_welcome_bg.png) no-repeat top left;
}


.contact {
background:url(images/secondary_content_panel.png) no-repeat top left;
}

.quote {
background-image: none;
background: #f89828;
color: #ffffff;
font-style:italic;
font-size: 12px;
line-height:16px;
}

.large .left_content {
width: 648px;
}
.large .right_content {
width: 288px;
}

#content_wrapper {
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position:relative;

}

.space {
padding: 10px;
}
.content_frame img {
padding: 1px;
border: 1px solid #eeeeee;
margin: 1px;
}

.content_frame .space td img {
border-width: 0px;
}
/* -------------------------------------- 
Footer 
---------------------------------------- */
.footer {
width: 100%;
margin: 0 auto;
position:relative;
padding: 0px 0px 0px 0px;
font-size: 10px;
background: #eeeeee;
}