/* Start of CMSMS style sheet 'final' */
/* Start of CMSMS style sheet 'layout' */
#container {
    clear: both;
    background: #FFF url('http://www.ciacomputing.com/images/bg-container.gif') repeat-y;
}

#header {
    height: 70px;
    position: relative;
    background: #75a4d5 url('http://www.ciacomputing.com/images/bg-header.gif') repeat-x;
    margin: 0 12px 0 12px;
}
#logo-holder {
    position: absolute;
    top: -8px;
    left: 15px;
}
#form-nav {
    width: 230px; /*NW: Changed width to accomodate for inherit padding on IE6 that was causing it to break onto two lines */
    height: 44px;
    position:absolute;
    top: 10px;
    right: 20px;
}

#sub-header {
    height: 23px;
    background: #FFF;
    margin: 0 14px 0 14px;
    padding-left: 16px;
    line-height: 23px;
    color: #6194cd;
    font-size: 9px;
}

#top-nav {
    height: 20px;
    background: #c9e6fa;
    margin: 0 14px 0 13px;
    text-align: right;
    padding-right: 55px;
    line-height: 20px;
}

#main-area {
    background: #FFF;
    margin: 30px 20px 0 20px;    
}
#main-right-col {
    float: right;
    width: 540px;
    padding-right: 30px; /*NW: Changed margin-right to padding-right as the margin was causing the background image to not repeat */
}
/* just for home page */
#sub-left-col {
    float: left;
    width: 325px;
}
#recent-blog {
    background: #FFF url('http://www.ciacomputing.com/images/bg-home-blog.gif') no-repeat;
    height: 178px;
    width: 295px; /* NW: Subtracted the amount of the padding from the total width that was causing the div to push out to far so the background image would not appear */
/*    padding: 0; */
	padding: 40px 10px 0 20px;
    margin-left: 0px; /* NW: Removed the margin left */
}
#sub-right-col {
    float: right;
    width: 185px;
}
/* end just for home page */
#left-nav-holder {
    float: left;
    width: 151px;
    background: #b3bfcc;
}
#left-nav {
    background: #6194cd;
    margin: 1px 0px 0 1px; /*NW: Removed the margin right of 1px as it was causing a double line as the line is already included in the background image of the rollovers */
}

.NewsSummary {
    padding-bottom: 20px;
}
.NewsSummary a {
    text-decoration: none;
}
#footer {
    background: #FFF;
    color: #939292;
}
#footer a {
    color: #939292;
}
#footer-left {
    float: left;
    padding-left: 10px;
}
#footer-right {
    float: right;
    padding-right: 15px;
}

.float { float: right; padding: 0 10px 10px 10px; }
/* End of 'layout' */

/* Start of CMSMS style sheet 'rounded-corner' */
/* rounded corners - from http://www.kalsey.com/blog/2003/07/rounded_corners_in_css/
----------------------------------------------------*/
.roundcont {
    background: url('http://www.ciacomputing.com/images/bg-container-top.gif') repeat-x;
    width: 784px;
    margin: 0 auto;
}
.roundtopleft { 
    background: url('http://www.ciacomputing.com/images/bg-container-corner.gif') no-repeat left top; 
    width: 25px;
    height: 25px;
    float: left;
}
.roundtopright { 
    background: url('http://www.ciacomputing.com/images/bg-container-corner.gif') no-repeat right top; 
    width: 25px;
    height: 25px;
    float: right;
}
.roundbottomleft {
    background: url('http://www.ciacomputing.com/images/bg-container-corner.gif') no-repeat left bottom; 
    width: 25px;
    height: 25px;
    float: left;
}
.roundbottomright {
    background: url('http://www.ciacomputing.com/images/bg-container-corner.gif') no-repeat right bottom; 
    width: 25px;
    height: 25px;
    float: right;
}
.bottomfiller {
    background: #fff url('http://www.ciacomputing.com/images/bg-container-bottom.gif') repeat-x;
    height: 25px;
}


.nav-roundtopleft { 
    background: url('http://www.ciacomputing.com/images/bg-nav-corner.gif') no-repeat left top; 
    width: 7px;
    height: 7px;
    float: left;
    line-height: 0px; /* NW: Added as the   being used had an inherit line-height that was greater than 7px causing the entire rounded gif to appear */
}
.nav-roundtopright { 
    background: url('http://www.ciacomputing.com/images/bg-nav-corner.gif') no-repeat right top; 
    width: 7px;
    height: 7px;
    float: right;
    line-height: 0px;/* NW: Added as the   being used had an inherit line-height that was greater than 7px causing the entire rounded gif to appear */
}
.nav-roundbottomleft {
    background: url('http://www.ciacomputing.com/images/bg-nav-corner.gif') no-repeat left bottom; 
    width: 7px;
    height: 7px;
    float: left;
    line-height: 0px; /* NW: Added as the   being used had an inherit line-height that was greater than 7px causing the entire rounded gif to appear */
}
.nav-roundbottomright {
    background: url('http://www.ciacomputing.com/images/bg-nav-corner.gif') no-repeat right bottom; 
    width: 7px;
    height: 7px;
    float: right;
    line-height: 0px; /* NW: Added as the   being used had an inherit line-height that was greater than 7px causing the entire rounded gif to appear */
}
.nav-bottomfiller {
    background: #6194cd;
    height: 7px;
    line-height: 0px; /* NW: Added as the   being used had an inherit line-height that was greater than 7px causing the entire rounded gif to appear */
}
/* End of 'rounded-corner' */

/* Start of CMSMS style sheet 'style' */
body {
	background:#FFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#353535;
	margin:0;
}
a {
    color: #6194cd;
}


/* mailing list and search
----------------------------------------------------*/
#form-nav input {
    font-size: 10px;
    width: 157px;
    float: left;
}
#form-nav button {
    width: 49px;
    height: 18px;
    margin-left: 5px;
    margin-bottom: 8px;
    border:0;
    cursor:pointer;
    float: left;
}
#form-nav button.search {
    background:url('http://www.ciacomputing.com/images/btn-search.gif') no-repeat;
}
#form-nav button.join {
    background:url('http://www.ciacomputing.com/images/btn-join.gif') no-repeat;
}


/* top nav
----------------------------------------------------*/
#top-nav ul {
    padding: 0;
    margin: 0;
    list-style:none;
    font-size: 10px;
    float: right;
}
#top-nav ul li {
    float:left;
    padding-right: 7px;
    /* margin-right:6px; */
    background:url('http://www.ciacomputing.com/images/header-separator.gif') no-repeat 100% 50%;
    color:#000;
}
#top-nav ul li.last {
    background:none;
}
#top-nav ul li a {
    color:#000;
    padding-right: 7px;
}


/* main left nav
----------------------------------------------------*/
/* parent - resources */
#left-nav ul {
    width: 150px;
    float: left;
    background: #fff;
    padding: 0;
    margin: 15px 0 5px 0;
}

#left-nav ul li {
    float: left;
    list-style: none;
}
#left-nav ul li a {
    float: left;
    color:#000;
    font-size: 13px;
    font-weight: bold;
    display:block;
    width: 117px;
    padding: 10px 0 8px 33px;
    text-decoration:none;
    background:url('http://www.ciacomputing.com/images/bg-nav-li.gif') no-repeat;
}
#left-nav ul li a.currentpage, #left-nav ul li a.activechild {
    color: #6194cd;
}
#left-nav ul li a.activeparent {
    color: #6194cd;
    background:url('http://www.ciacomputing.com/images/bg-nav-li-down.gif') no-repeat;
}

/* child - articles */
#left-nav ul li ul {
    background: none;
    padding: 0;
    margin: 0;
}
#left-nav ul li ul li a {
    padding: 0 2px 10px 37px;
    float: left;
    color:#5A5A5A;
    font-size: 10px;
    background:url('http://www.ciacomputing.com/images/bg-nav-li-li.gif') repeat-y;
    width: 111px;
}
#left-nav ul li ul li a.currentpage {
    color: #6194cd;
}

/* sub children - The Promise of Invisible Internet Connections */
#left-nav ul li ul li ul {
    background:none;
}
#left-nav ul li ul li ul li a {
    padding: 0 2px 10px 42px;
    background:url('http://www.ciacomputing.com/images/bg-nav-li-li.gif') repeat-y;
    width: 107px;
}


/* recent blog box on home page
----------------------------------------------------*/
#recent-blog ul {
    padding: 0;
    margin: 0;
/*    list-style-image: url(http://www.ciacomputing.com/images/blog-separator.gif); */
    list-style-type: disc;
    color: #6194cd;
}
#recent-blog ul li {
    padding: 0;
    margin: 0;
}
#recent-blog ul li a {
    color: #5f5f5f;
    font-size: 10px;
    text-decoration: none;
}
#recent-blog p { width: 285px; font-size: 11px; }


/* headings
----------------------------------------------------*/
h1 {
    color: #6194cd;
    font-size: 20px;
    padding: 0 0 15px 0;
    margin: 0;
}
h2 {
    color: #6194cd;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
h2 a {
    color: #6194cd;
    text-decoration: none;
}

.separator {
    background: #8c8b8b;
    height: 1px;
    margin: 25px 10px 0 6px;
}

.formbuilderform .form_element, .formbuilderform .form_element2 {
    padding-bottom: 3px;
}
.formbuilderform .form_element  label {
    width: 150px;
    float: left;
    display: block;
}
/* End of 'style' */


/* End of 'final' */