/* CSS Document */

body {
background: url(/cpsdev/images/bg.gif) center repeat-y #CCC; /* Drop shadow and vertical stripe background */
color: #444;
padding: 0;
margin: 0;
font: 100% verdana, arial, helvetica, sans-serif;
}

* {
margin: 0;
padding: 0;
}

h1 {
margin: 10px 0px 3px 0px;
letter-spacing: 2px;
color: #daa33a;
padding: 0px 3px;
font-size: 140%;
}

.replace{ 
position: relative; 
margin-left: 32px;
margin-bottom: 12px; 
padding: 0px; 
/* hide overflow:hidden from IE5/Mac */ /* \*/ 
overflow: hidden; /* */ 
} 

.replace span{ 
display:block; 
position: absolute; 
top: 0px; 
left: 0px; 
z-index:1; /*for Opera 5 and 6*/ 
} 

#newshead, #newshead span{ 
height: 47px; 
width: 249px; 
background-image: url(/cpsdev/images/libnews.gif); 
}

h2 {
margin: 0px 0px 3px;
letter-spacing: 1px;
text-transform: uppercase;
color: #939393;
font-size: 70%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 a:link {
color: #496697;
}

h2 a:visited {
color: #496697;
}

h3 {
margin-top: 0px;
margin-bottom: 6px;
color: #4d4d4d; 
font-size: 110%; 
}

h4 {
margin-bottom: 5px;
color: #686868;
text-transform: uppercase;
font-weight: bold;
font-size: 70%;
}

a {
text-decoration: none;
}

a:link {
color: #1650a6;
}

a:visited {
color: #5d70b5;
}

a:hover {
text-decoration: underline;
}

a img {
border-style: none;
}

div#outer {
width: 778px;
text-align: left;
}

div#globalhead {
width: 778px; 
float: left;
background-color: #FF6600;
}

div#globallogo {
float: left;
width: 360px;
}

div#globalsearch {
width: 410px;
float: left;
padding: 0px 3px 0px 0px;
font-size: 60%;
}

div#searchtop {
float: right;
}

#searchbox {
padding: 1px;
margin: 2px 4px 0px 0px;
border: 1px solid #ccc;
background-color: #F0F0F0;
color: #585858;
font-size: 9px;
}

#searchbutton {
border: 1px outset;
margin-top: 3px;
}

input {
float: left; 
}

.buttonp {
float: left; 
padding-top: 5px;
margin-right: 3px;
}

#catbutton, #webbutton {
margin-top: 1px;
}

#searchdrop {
padding: 0px;
width: 120px;
float: left;
margin-top: 1px;
margin-bottom: 2px;
border: 1px solid #ccc;
background-color: #F0F0F0;
color: #585858;
font-size: 9px;
}

div#globalnav {
width: 778px;
float: left;
color: #fff;
background: url(/cpsdev/images/blue.gif) repeat-y #B1BF77;
letter-spacing: 1px;
text-align: right;
font-weight: bold;
font-size: 60%;
}

#findlist {
width: 110px;
float: left;
text-align: left;
margin: 0px 0px 0px 3px;
z-index: 2 !important;
}

#findlist, #findlist ul {
padding: 0; 
margin: 0; 
list-style: none; 
z-index: 2 !important;
} 

#findlist a { 
display: block; 
width: 110px; 
padding: 0px 5px 4px; 
} 

#findlist li { 
width: 110px; 
}

#findlist li ul { 
position: absolute; 
width: 110px; 
left: -999em; 
background-color: #EFF2F5; 
letter-spacing: 0px; 
z-index: 2;
} 

#findlist li:hover ul { 
left: auto; 
z-index: 2 !important;
}

#findlist li:hover ul, #findlist li.sfhover ul { 
left: auto; 
z-index: 2 !important;
}

#howlink {
width: 70px;
padding-top: 3px !important;
padding-bottom: 2px !important;
text-decoration: none;
color: #fff;
}

#navlist {
float: right;
}

#navlist li {
float: left;
list-style-type: none;
}

#navlist li a {
display: block;
color: #fff;
padding: 3px 8px 4px;
}

#navlist li a:hover {
color: #fff;
text-decoration: none;
background-color: #ff6600;
}

div#breadcrumb {
padding: 8px 5px 2px 14px;
font-size: 60%;
}

div#content {
width: 741px;
margin: 4px 0px 0px 16px;
}

a#askicon {
float: right;
margin: 8px 18px 0px 0px;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

div#maincontent {
float: left;
width: 450px;
padding-left: 20px;
}

div#maincontent a {
font-weight: bold !important;
}

div#maincontent p {
font-size: 80%;
line-height: 150%;
color: #4d4d4d;
margin-bottom: 14px;
}

div#maincontent p.posted {
margin-bottom: 25px;
font-size: 70%;
}

div#maincontent ul {
margin-top: 0px;
margin-left: 22px;
margin-bottom: 16px;
list-style-type: square;
color: #4d4d4d;
font-size: 80%;
}

div#maincontent ul li {
margin-left: 16px;
padding-left: 3px;
margin-bottom: 6px;
line-height: 150%;
}

div#maincontent ol {
margin-top: 4px;
margin-bottom: 14px;
color: #4d4d4d;
font-size: 80%;
}

div#maincontent ol li {
margin-left: 40px;
padding-left: 3px;
margin-bottom: 24px;
line-height: 150%;
}

div#maincontent blockquote {
margin-left: 48px;
margin-bottom: 16px;
line-height: 150%;
font-size: 70%;
}

div.indent {margin-left: 40px;}

div#maincontent dl {
margin-left: 24px;
line-height: 120%;
}

div#maincontent dt {
padding-left: 15px;
font-weight: bold;
font-size: 80%;
}

div#maincontent dd {
padding-left: 15px;
margin-bottom: 14px;
font-size: 70%;
}



div.clearfloats {
clear: both; /* To push footer beneath content and nav areas */
}

* html div#footer  /* this is recognized by IE only */
  {
  width: 635px;  /* total width, only for IE5.x/Win */
  w\idth: 400px; /* content width for other IE */
  }

div#footer {
width: 400px;
margin-left: 0px;
padding-left: 235px;
padding-top: 30px;
padding-bottom: 10px;
font-size: 60%;
}

div#footer img {
margin-top: 2px;
margin-right: 5px;
}


#right {
		float: left;
	
	margin-left: 62px;
	width: 200px;
	background-color: #FFFFFF;
	
	overflow: hidden;
	}


.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	
	
	
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

.sidebar {
	padding: 15px;
	}



#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	
	
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

div#searchsidebar {
padding-bottom: 18px;
}

div#searchsidebar input {
padding: 0px !important;
}

div#categories {
margin-top: 16px;
}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}