/*  This code is copyrighted to Tami Williams
    This means you may NOT use it for you site's design. 
    
colors:
body - dark grey: #222
light grey: #666
medium grey: #999
dark red: #950303
other dark red: #A60101
red: #cc0000
h3 - medium red: #cc3333
bright pink: #FF8040
light orange: #3e69a6
light blue: #3671a1
link - grey blue: #024769
medium green: #393
bright green: #6BB600
purple: #511f1f
turquoise: #00A0C6
gold green: #669900

 */


/*
----------------------------------------------------------------
	=Base
---------------------------------------------------------------- */

* { margin: 0; padding: 0; }

/* add so height scroller bar appears on all pages */
html, body{
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body{
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
	color: #222;
	background: #fff;
	}

/*
----------------------------------------------------------------
	=Links
---------------------------------------------------------------- */

a:link, a:visited{
	color: #024769;
	text-decoration: underline;
	}
a:hover{
	color: #024769;
	text-decoration: none;
	}
a:hover, a:focus{
	text-decoration:none;
}
	
h3 a:link, h3 a:visited{
	color: #cc0000;
	font-size: 23px;
	font-weight: normal;
	letter-spacing:-1px;
	text-decoration: underline;
}
h3 a:hover, h3 a:focus{
	text-decoration:none;
}


/*
----------------------------------------------------------------
	=Logo
---------------------------------------------------------------- */

#logo{
	float: left;
	padding-right: 10px;
	display: inline;
	}
/*	

#logo{
	position:absolute;
	left:10px;
	top: 10px;
	padding-right: 10px;
	}
	
#logo a, #logo a:link, #logo a:visited{
	display: block;
	border: none;
	padding: 0;
	}

#logo a:hover{
	border: none;	
	}

#logo img{
	display:inline-block;
	vertical-align:top;
	}
*/

/*
----------------------------------------------------------------
	=Header / =Nav
---------------------------------------------------------------- 
*/

#myelement
{
color: #999; /* shows in all browsers */
*color: #999; /* notice the * before the property - shows in IE7 and below */
_color: #999; /* notice the _ before the property - shows in IE6 and below */
}


.inside {
		margin: 0 auto;
		width: 960px;
		height: 150px;
		overflow: hidden;
		}


#header{
    font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
    background: #000;
    padding: 20px 50px 0 50px;
	margin-bottom: 20px;
	*padding: 20px 0 0 0; /* notice the * before the property - shows in IE7 and below */
	_padding: 20px 0 0 0; /* notice the _ before the property - shows in IE6 and below */
}

#header h1, #header h1 a:link, #header h1 a:active,  #header h1 a:hover,  #header h1 a:visited{
	font-family: Helvetica, Arial, sans-serif;
    color: #fff;
	font-style: normal;
	font-weight: normal;
    background: transparent;
	font-size: 48px;
	letter-spacing:-1px;
    text-decoration: none;
    height: 100px;
    display: inline;
    float: left;
    *height: 80px;  /* notice the * before the property - shows in IE7 and below */
    _height: 80px;  /* notice the _ before the property - shows in IE6 and below */
}

#slogan{
	color: #fff;
	font-size: 13px;
	margin-top: 20px;
	text-align: center;
	float: right;
	display: inline;
	}
/*
#header{
    background: url(newpages/img/ccLogoSml_black.gif) no-repeat 0px 0;
}
*/

#header #navigation {
    clear: both;
    margin: 20px auto 0 auto;
    list-style-type: none;
    *margin: 20px 0 20px 0;  /* notice the * before the property - shows in IE7 and below */
    _margin: 20px 0 20px 0;  /* notice the _ before the property - shows in IE6 and below */
}

#header #navigation li {
	margin-left: 0;
    float: left;
    margin-right: 2px;
}

#header #navigation li.extra { float: right; }

#header #navigation li a {
    float: left;
    padding: 10px 1.5em;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background: #444;
    line-height: 1;
}

#header #navigation li a:hover, 
#header #navigation li.current a,
#header #navigation li.current a:hover {
    background: #fff;
    color: #444;
}


/* added b/c in IE nav tabs don't show, so sitelinks are repeated on home page */
#sitelinks{
	padding-top: 30px;
    list-style-type: none;
}
#sitelinks li{
	margin-left:0;
    float: left;
    padding-left: 12px;
    font-size: 12px;
}
	
/*
----------------------------------------------------------------
	=Content
---------------------------------------------------------------- */

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

#footer{
	background: #fff;
	font-size: smaller;
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
	}

#aboutpic{
  float: right;
  border: thin silver solid;
  padding: 3px;
  margin: 20px 0px 20px 0px;
  display: inline;
}
#aboutpic p{
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.scaled{
  width: 100%;
}

p img{
    vertical-align: top;
    border: thin silver solid;
}

/*
----------------------------------------------------------------
	=Portfolio Picts
---------------------------------------------------------------- */
#portfolio{
	letter-spacing: 0px;
}
#portfolio ul{
position:relative;
list-style-type: none;
margin:0;
}

#portfolio li{
display: inline;
float: left;
width: 200px;
height: 400px;
}

#portfolio p{
margin:0px;
}

#portfolio img{
width: 100%;
height: 200px;
padding: 3px;
margin-bottom: 6px;
border: thin silver solid;
}

#portfolio a, #portfolio a img{
display: block; 
text-decoration: underline;
}

	
/*  blockquote */

blockquote{
	margin: 10px 10px 20px 10px;
	padding: 20px 20px 20px 20px;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 13px;
	line-height: 14px;
}
#content blockquote{
	margin: 20px 0px 20px 0px;
	line-height: 20px;
	}
#leftcol blockquote{
	background: #fff;
	border: 0px;
	font-family: Georgia, serif;
	font-style:italic;
	font-size: 16px;
	line-height: 130%;
}
#leftcol blockquote#left{
	border-left: 1px solid #cc0000;
}
#leftcol blockquote#right{
	border-right: 1px solid #cc0000;
}
#leftcol blockquote cite.source{
     text-align: right;
     border-top: 1px dashed #aaa;
     font-size: 0.95em;
     display: block;
     }
	
strong{
	color: #666;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline;
	margin: 0;
	}
	
/* for Training and Articles */
dl h3{
	margin-bottom: 0px;
	}

/* for Articles */
.author {
		color: #669900;
		letter-spacing: 0px;
	}
.date {
		padding: 2px 0;
		margin:  0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		letter-spacing: 0px;
	}
	
ul.note {
	font-family: sans-serif;
	list-style-type: circle;
	color: #cc0000;
}
ul.note li {
	text-transform: none;
	font-size: 14px;
	color: #222;
	font-weight: normal;
}

#sidebar ul{
	list-style-type: none;
}
#sidebar ul li{
	margin: 0;
}
#sidebar ul li{
	font-size: 12px;
	display: block;
	color: #222;
	text-decoration: none;
	border-top: 1px solid #ccc;
}
#sidebar ul li a{
	display: block;
	color: #222;
	text-decoration: none;
	padding-left: 15px;
}
#sidebar ul li a:hover, 
#sidebar ul li.current a:hover{
	background: #333;
	color: #fff;
}
#sidebar ul li.current a{
	font-style: italic;
	color: #222;
	letter-spacing: 0px;
}

#servicelist ul{
	list-style-type: disc;
}
#servicelist ul li{
	margin-left: 20px;
	padding-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #222;
}

#partnerlist ul{
	list-style-type: none;
}
#partnerlist ul li{
	margin: 0;
}
#partnerlist ul li, #partnerlist ul li a{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #222;
	text-decoration: none;
	display: block;
	padding: 0;
	border-top: none;
}
#partnerlist ul li a:hover{
	color: #222;
	background: none;
}

#clientlist ul{
	list-style-type: square;
}
#clientlist li{
	margin-left: 15px;
}
#clientlist ul li, #clientlist ul li a{
	font-size: 12px;
	color: #222;
}
#clientlist ul li a{
	text-decoration: underline;
}


#contact ul{
	list-style-type: none;
}
#contact ul li{
	margin: 0px;
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-left: 15px;
}
#contact ul li a{
	text-decoration:underline;
}


#error{
	background:#fee;
	border:1px solid red;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
	
/*
----------------------------------------------------------------
	=Headings
---------------------------------------------------------------- */
h1
{
	color: #222;
	font-weight: normal;
	font-size: 50px;
	line-height: 60px;
	letter-spacing:-1px;
	}

.subH1
{
	color: #444;
	font-weight: normal;
	font-size: 36px;
	line-height: 48px;
	letter-spacing:-1px;
	margin-top: 20px;
	margin-bottom: 6px;
	}
	
h3
{
	color: #cc0000;
	font-size: 23px;
	font-weight: normal;
	letter-spacing:-1px;
}

h2
{
	color: #333;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing:-1px;
}

h4
{
	font-size: 18px;
	color: #cc0000;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
	letter-spacing: -1px;
}

/*
----------------------------------------------------------------
	=Code
---------------------------------------------------------------- */	

code, pre{
	font-family: Monaco, "Lucida Console", monospace;
	font-size: 13px;
	line-height: 130%;
	text-align: left;
	display:block;
	width: 735px;
	padding: 5px 10px;
	margin:10px 30px 0;
	background-color: #F8F8F8;
	border: 1px solid #F0F0F0;
}

/* used for pictures in articles */
pre.indent{
	display:block;
	padding-left:10px;
	margin: -25px 20px 0;
	border: none;
	background-color: #FFF;
}


/* default tables*/
table#basic{
	width: 100%;
}

table#filelist{
	width: 100%;
}

table#filelist tr:hover{
    background: #ffc;
}

table#basic tr td, table#filelist tr td{
	padding: 10px 10px 10px 0; 
}

table#basic tr th{
	padding-top: 20px; 
	text-align:left;
	vertical-align:top;
	color: #cc0000;
	font-size: 23px;
	font-weight: normal;
	letter-spacing:-1px;
}
table#filelist tr th{
	padding-top: 20px; 
	text-align:left;
	vertical-align:top;
	font-weight: bold;
}
table#basic tr td, table#filelist tr td{
	border-bottom:1px solid #ddd;
	vertical-align:top;
}


table#basic a:link, table#filelist a:link{
	font-size: 14px;
}


/* training table */
.webex {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
	}
table#training{
	width: 100%;
}
table#training tr td{
	padding: 6px; 
}
table#training tr th{
	text-align:left;
	vertical-align:top;
	color: #cc0000;
	font-size: 18px;
	font-weight: normal;
	letter-spacing:-1px;
}
/*
table#training tr td{
	border-bottom:1px solid #ddd;
}
*/

table#training a:link{
	font-size: 14px;
}

/*
----------------------------------------------------------------
	=Form
---------------------------------------------------------------- */
form div.controlset label, 
form div.controlset input{
	display: inline;
	float: none;
	font-weight:normal;
	letter-spacing:0px;
	}
form div.controlset{
	margin-left: 140px;
	margin-bottom: 10px;
	}
form div.last{margin-bottom: 60px;}

form div.spanwidth label{
	display: inline;
	float: none;
	width:auto;
	} 
form div.spanwidth input{
	display: inline;
	float: none;
	margin-left: 180px;
	}
form div.spanwidth{
	margin-top: 20px;
	}

form, textarea{
	font-size:12px;
	margin:0 auto;
	}
label{
		width:140px;
		display: block;
		float:left;
		font-size: 12px;
		font-weight:normal;
		text-align:right;
	}
form input, select, textarea{
		margin:2px 0 0 40px;
	}
form br{
clear: left;
}

div.single-field {
	position: relative;
	}
div.curFocus {
	background: #AFC7C7;
	padding: 2px;
}

fieldset{ 
	display: block;
	border:none;
	border-top:1px solid #ddd;
}
fieldset legend{
	font-size: 23px;
	font-weight: normal;
	letter-spacing:-1px;
	color:#333;
	padding:0 10px 10px 0;
}

/*
// added bold red border to focused fields and textareas
form textarea:focus, input:focus{
	border: 2px solid #900;
}
*/

input[type="submit"]:hover{
         color:      #fff;
         background: #cc0000;
         border:     2px groove #990036;
         outline:    1px solid #000;
} 
.formbtn{
	background:#cc0000;
	color:#fff;
	border: 2px groove #990036;
	font-weight:bold;
	font-size:0.8em;
	padding:5px 10px;
	margin-top: 20px;
	margin-left: 150px;
	width:120px;
}

/*
----------------------------------------------------------------
	=Buttons
---------------------------------------------------------------- */




/*
----------------------------------------------------------------
	=Spacing
---------------------------------------------------------------- */

ol
{
	list-style-type: decimal;
}

ol.latin{
	list-style-type: lower-latin;
	padding-bottom: 0px;
}
ol.latin li
{
	margin-left: 20px;
}

ul
{
	list-style-type: square;
}

ul.disc
{
	list-style-type: disc;
}

ul.dash
{
	list-style-type: none;
	margin-bottom: 0px;
}
ul.dash li
{
	margin-left: 0px;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset,
blockquote
{
	margin-bottom: 20px;
}