/* Styles applying to layout structures, containers, and their styles */

body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-position: 0px 3px;
	background-image: url(graphics/bg_body.jpg);
	font: 100.0% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-align: center;
}

#top_bar {
	width: 967px;
	height: 25px;
}
#top_barleft {
	background-position: 183px 0px;
	float: left;
	background-image: url(graphics/bg_nav.png);
	width: 327px;
	background-repeat: no-repeat;
	background-color: #667e27;
	height: 25px;
}
#top_barright {
	float: left;
	width: 640px;
	background-color: #bbc892;
	height: 25px;
}
#top_barright a {
	font-size: 0.9em;
	color:#FFFFFF;
}
#top_barright ul {
	margin-left: 88px
}
#top_barright li {
	border-right: #000 1px solid;
	padding-right: 10px;
	display: inline;
	font-size: 0.75em;
	margin-right: 5px;
	padding-top: 3px;
	padding-left: 10px;
}
/* The maincontainer is 967px wide.  The leftcolum, middlecol, and rightcolum are 165, 556, 216 respectively.  To code
for IE6, we have allowed a fair margin for unexpected padding and other IE challenges in order to avoid overflow conditions.  
We chose not to use overflow properties, but to carefully consider all containers and structures within the maincontainer instead.  
Note that "menu" lives in "leftcolumn." "Welcome," "container1," "container", and "widecontainer" are all used within "middlecol"
and therefore their widths could be marked as !important  */

#maincontainer {
	width: 967px; /*Width of main container*/
	margin: 3px auto; /*Center container on page*/
	background-color: #ffffff;
	text-align: left;
}
#head {
	background-position: 35px 3px;
	float: left;
	background-image:  url(graphics/csl_logo.jpg);
	margin-bottom: 25px;
	width: 967px;
	background-repeat: no-repeat;
	position: relative;
}
#head div {
	position: relative;
}
#head div a {
	float: right;
}
#head div a.request {
	margin-right: 15px;
}

#head p {
	padding-right: 25px; 
	font-size: 0.85em;
	margin: 16px 0px;
	color: #667e27;
	line-height: 1.4em;
	text-align: right;
}
#head div a.event {
	padding-left: 10px;
}

#leftcolumn {
	float: left;
	margin: 0px 15px 0px 0px;
	width: 165px;
}

/*Credits for buttons: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.menu{
	width: 160px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-width: 1px;
}

.menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.menu li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(graphics/arrowgreen.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.menu li a:link, .menu li a:visited {
	color: #5E7830;
}

.menu li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}
	
.menu li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}
#middlecol {
	float: left;
	width: 556px;
	margin-right: 15px;
}

#welcome {
	background-position: 0px 0px;
	background-image: url(graphics/bg_welcome460.jpg);
	padding-bottom: 8px;
	width: 556px;
	background-repeat: no-repeat;
}

#welcome h2 {
	font-size: 0.9em;
	margin: 0px 0px 15px;
	color: #fa9b06;
	padding-top: 15px;
}

#rightcolumn {
	float: left; width: 216px;
}
#foot {
	clear: both;
	margin: 0px 0px 10px;
	width: 967px;
	padding-top: 80px;
	text-align: center;
}
#foot P {
	font-size: 0.7em;
	margin: 2px;
}
#foot P#back {
	margin-bottom: 25px;
}

/* Style applying to general text format */

/* start by clearing everything */
* {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
a {
	font-weight: bold;
	color: #004f89;
	text-decoration: none;
}

/* format top buttons */
a.event {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 3px;
	width: 210px;
	color: #ffffff;
	padding-top: 3px;
	background-color: #667e27;
	text-align: center;
}
a.event:focus {
	color: #fa9b06;
}
a.event:hover {
	color: #fa9b06;
}

a.request {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 3px;
	width: 165px;
	color: #ffffff;
	padding-top: 3px;
	background-color: #fa9b06;
	text-align: center;
}
a.request:focus {
	color: #bbc892;
}
a.request:hover {
	color: #667e27;
}

.imagebox {
	float:left;
	width: 115px; 
	margin: 10px 10px;
	text-align:center;
	color: #004f89;
	line-height: 1.5em;
	font-size: 0.75em;
} 
.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.container {
	float: left;
	width: 263px;
}
.container1 {
	margin-right: 15px;
}
.widecontainer {
	width: 556px;
	margin-top: 10px;
}

b {font-size: 110%;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; font-size: 1em;
	margin: 15px 0px; color: #fa9b06;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	margin: 15px 0px;
	color: #667e27;
}

img {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}
form {
	margin: 50px 5px 50px 15px;
}
form#paypal {
	margin: 15px 0px 0px;
}
/* used on Form field send */
input.send {
	margin-top: 10px;
}
/* label for forms */
label {
	display: block;
	font-size: 0.75em;
	margin: 15px 0px 8px;
}

.inset {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.8em;
	float: right;
	padding-bottom: 5px;
	margin: 0px 0px 10px 10px;
	width: 150px;
	padding-top: 5px;
	background-color: #c6d3e2;
}
#international {
	margin-top: 45px;
}
#international P {
	font-weight: bold;
	margin-left: 25px;
	color: #667e27;
	font-style: italic;
}

.leftjust {
	float: left;
	margin: 8px;
}

img {
	border: 0px;
}


.pagetitle {
	margin-bottom: 5px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 5px 5px 5px 0px;
	line-height: 1.5em;
}

p.end {
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom: #000 1px dotted;
}

.title {
	font-weight: bold;
}

/* List elements */


dl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 1em;
	margin: 15px 0px 25px 0px;
	color: #fa9b06;
}

dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; font-size: 0.85em;
	margin: 15px 0px 15px 0px;
	color: #667e27;
	line-height: 20px;
}
dd {
    font-weight:normal;
	font-size: 0.75em;
	color: #000000;
	margin: 5px 0px 5px 0px;
	line-height: 17px;
}