/* CSS Document */


/* Globals */ 

* { 
padding: 0;
margin: 0;
font-family: Verdana, sans-serif;
font-size: small;
}

body {
text-align: center;
background-color: #31353e;
background-color: #5c5952;
}


/* Layout */ 

#wrapper {
width: 820px;
margin: 0 auto;
text-align: left;
background: #dedbd5;
border-left: 1px solid #afafaf;
border-right: 1px solid #afafaf;
}

#header {
width: 100%;
/* background: #31353e url(img/header_bg.gif) repeat-x top right; gradient background*/
/* Next step, make header gradient graphic shorter, just at the top of the header to make for a smooth blending of logo matte background with header background color.*/
background: #31353e;
}

#main-body {
}

#content {
margin-top: 38px;
width: 68%;
float:left;
background: #dedbd5 url(img/content_bg.gif) repeat-y top right;
margin-bottom: 15px;
}

#sidebar {
width: 30%;
float: left;
/* background: #666666; */
background: #dedbd5;
}


body.ss #sidebar{
width: 48%;
float: left;
background: url(img/content_bg.gif) repeat-y right top;
margin-bottom: 10px;
padding-right: 10px;
}

body.ss #sidebar p {
}

body.ss #sidebar2 {
width: 48%;
float: right;
text-align: left;
}

#footer {
clear: both;
text-align: center;
color: #000087;
background: #e4dcbc url(img/footer_bg.gif) repeat-x top left;
border-top: 1px solid #afafaf;
margin-top: 10px;
}


/* Padding */

#header h1 {
color: #FFFFFF;
/* padding: 25px;
padding-bottom: 0px; */
padding-top: 90px;
/*padding-left: 5000px; */
/* background: url(img/cc_logov3.gif) no-repeat bottom left; */
background: url(img/logov4.gif) no-repeat 20px 15px; 
text-indent: -5000px;
}

#header h2 {
float: right;
color: #dbd5c5;
color: #dedbd5;
font-size: 130%;
background: none;
border: none;
padding: 50px 45px 0px 0;
letter-spacing: .03em;
}


#footer .gutter {
padding: 15px;
}


/* gutters */

#sidebar .gutterSS {
padding-left: 80px;
padding-right: 30px;
}

body.ss #sidebar2 .gutterSS {
padding-left: 20px;
padding-right: 90px;
}


#content .gutter {
padding: 25px;
padding-top: 0px;
padding-left: 40px;
padding-right: 50px;
}

#content .gutterContent {
padding: 25px;
padding-top: 10px;
padding-left: 20px;
padding-right: 50px;
}

#sidebar .gutter {
padding: 25px;
padding-left: 20px;
padding-right: 30px;
}

#sidebar2 .gutter {
padding: 25px;
padding-left: 20px;
padding-right: 20px;
}

.gutterBox {
padding: 5px;
padding-top: 3px;
padding-left: 12px;
padding-right: 230px;}

/* Stylin */

.headline {
margin: 60px auto;
margin-bottom: 40px;
width: 80%;
text-align: center;
background: #82868e url(img/box_bg.gif) repeat-x top left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px 0 10px 0;
}


.headline h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 280%;
padding-bottom: 10px;
color: #f8f5ee;
letter-spacing: 0;
font-weight: normal;
/*color: #993333;*/
}

.headline h2 {
background: none;
border: none;
padding-bottom: 20px;
font-size: 200%;
color: #d8d6d1; 
color: #993333;

}



h2 { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
font-weight: normal;
/* color: #7281c5; */
color: #396ba4;
border-bottom: 1px solid #c9c6c0; 
background: url(img/h2_bullet.gif) no-repeat 0 13px;
padding-left: 13px;
/* background: url(img/h2_bg.gif) repeat-x bottom left; */
}

p {
font-size: 85%;
line-height: 1.6em;
padding-top: 5px;
padding-bottom: 5px;
/* color: #6e6f72; Original p color*/ 
color: #515254;
}

#content strong {
font-size: 100%;
}


#content h2 {
padding-top: 10px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom:2px;}


#sidebar h2 {
padding-top: 7px;
margin-top: 18px;
padding-bottom: 5px;
color: #23830a;
font-size: 130%;
/* font-variant: small-caps; */
} 


#sidebar .first {
padding-top: 7px;
padding-bottom: 5px;
margin: 0;
}
 
#sidebar h3 {

} 
 
.news h3 {
color: #e6db2b;
} 

 
 
#sidebar ul {
margin-bottom: 10px;
} 
 
#sidebar li, #content li {
font-size: 100%;
margin: 0 0 0 15px;
padding: 5px 0 0 2px;
font-weight: normal;
font-size: 85%;
/* color: #6e6f72; Old Color */
color: #515254;
} 




#content li {
padding: 0 0 5px 0;
line-height: 1.6em;
}

#content strong {
}

#content li {
}

#content li {
margin: 0 0 0 40px;
padding: 0 0 10px 0;
}


#sidebar p {
font-size: 85%;
line-height: 1.6em;
padding: 5px 0 1px 0 ;
margin: 0 0 5px 0;
}

#sidebar a {
font-size: 98%;
color: #326ea1;
}
 
#footer p {
font-size: 80%;
display: inline;
color: #000087;
} 
 
#footer a {
padding-left: 0px;
font-size: 80%;
} 


#content a {
color: #326ea1;
line-height: 1.6em;
font-size: 100%;
}

#content h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #396ba4;
font-size: 120%;
/* background: url(img/h3_bg.gif) repeat-x bottom left;
border-bottom: 2px solid #c9c6c0;
border-bottom-style: dashed; 
border-width: 2px;*/
padding-bottom: 0px;
padding-top: 15px;
/* background-color: #bdcef4; */
}

#content h3 span {

font-family: Georgia, "Times New Roman", Times, serif;
color: #993333;
font-size: 105%;
}

#content h3 a {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
background: url(img/h3_bg.gif) repeat-x bottom;
padding-bottom: 5px;
font-size: 100%;
}

 
#content a:hover, #sidebar a:hover {
border-bottom: 1px solid #c9c6c0; /* adds and intersting shadown under the hover */
color: #030303;
} 

#title h1 {
font-size: 150%;
margin: 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
letter-spacing: .8px;
color: #4C4C4C;
}

#title span {
font-size: 100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #080808;
padding: 0;
margin: 0;	
}

#title h2 {
font-size: 100%;
padding: 5px 0 7px 0;
margin: 0 0 5px 0;
background: none;
border-bottom: 2px solid #c9c6c0;
font-style: oblique;
}

 
 
/* Navigation */



#nav {
float: right;
width: 100%;
font-size: 85%;
background: #31353e;
}
 
#nav ul {
float: right;
list-style: none;
background: #31353e;
margin: 0;
padding-right: 40px;
}
 
#nav li {
float: right;
background: #31353e;
padding: 0 5px; 
} 

#nav a {
display: block;
padding: .3em 1em;
text-decoration: none;
color: #dedbd5;
letter-spacing: .1em;
background: #585d68;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-variant:small-caps;
font-weight: bold;
} 
 
#home #nav .home a, #portfolio #nav .portfolio a, #about #nav .about a, #services #nav .services a, #nav ul a:hover {
background: #dedbd5 url(img/nav_bg.gif) repeat-x top left;
color: #31353e;
} 

#box {
margin-top: -27px;
width: 100%;
background: #82868e url(img/box_bg_big.gif) no-repeat top right;
margin-bottom: 20px;
}

#box h2 {
margin: 0;
padding: 40px 0 10px 0;
font-size: 110%;
color: #f8f5ee;
border: none;
background: none;
}

#box p {
padding-top: 0px;
color: #d8d6d1; 
}

#box a {
color: #9eb1ef;
line-height: 1.6em;
font-size: 100%;
border-bottom: 1px solid #CCCCCC;
}

#box a:hover {
border-bottom: 2px solid #c9c6c0;
}

#box.services {
background: #82868e url(img/box_bgv3.gif) no-repeat top right;
}

#box.aboutus {
background: #82868e url(img/box_bgv4.gif) no-repeat top right;
}


/* #box a {
text-decoration: none;
color: #000000;
}*/

#box strong {
color: #FFFFFF;
font-weight: lighter;
}

.highlight {
font-size: 110%;
text-align: center;
background:url(img/highlight_bg.gif) repeat center left;
padding-bottom:15px;
margin-top:25px;
}

/*
#box ul {
margin: 0;
list-style: none;
}

#box ul li {
}
*/

.active a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.active {
font-weight: bold;
}


.test {
font-size: 100%;
color: #006666;
}

.text p {

padding-bottom: 10px;

}
.author {
font-size: 95%;
color: #993333;
margin-top: 10px;
}

#sidebar .author {

}


.more a {
color: #b93e3e;
}

.cost {
font-family:Georgia, "Times New Roman", Times, serif;
color: #993333;
font-size: 115%;
}


.address {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0;
}

.address span {
font-family:Verdana, sans-serif;
font-size: 85%;
line-height: 1.4em;
color: #515254;
display: block;
}


#sidebar .current {

/* color: #6f8d66; */
color: #559b40;
font-size: 90%;
font-weight: bold;
letter-spacing: .01em;
color: #000000;
}


.center {
text-align: center;
}

img a {
text-decoration: none;
}