body {
background-color : #BBBBBB;
_text-align : center;
}
p { text-align : justify; }
p.center {text-align: center;}

#leftpanemid hr {
width : 75%;
border : 1px solid #e8b0c5;
text-align : center;
}

#main hr {
width : 90%;
border : 1px solid #8dbed7;
margin : 30px auto;
_margin: 15px 0px;
text-align : center;
}

table {
border : solid 1px black;
border-width : 1px 0px 0px 1px
}

td {
border : solid 1px black;
border-width : 0px 1px 1px 0px;
}

/**********************DIVISIONS*************************/

#logo, #menu, #menu a, #disclaimer, #leftpane, #leftpanetop, #leftpanemid, 
#main, #maintop, #mainmid, #rightpane, #bottom
{ 
float :left; 
display : inline;
}

#placeholder {
width : 930px;
margin : 0px auto;
background : url(background.png) no-repeat white;
overflow : auto;
}

#logo, #menu, #disclaimer { margin : 10px 0px 10px 15px;}

#logo {
color : pink;
width : 900px;
height : 20px; _height : 100px;
padding-top : 80px;
text-align : right;
background: url(logo.png) no-repeat white;
}

#menu {
width : 900px;
height : 90px;
background: url(menu.png) no-repeat white;
}

#menu a {
width : 292px;
height : 90px;
}

#menu a:hover {
background-position: -292px 0px;
}

#disclaimer {
color : white;
width : 900px;
height : 25px;
text-align : center;
line-height: 25px;
background : #ffbcc8;
}

#leftpane, #leftpanetop { width : 200px; }
#leftpanemid, #leftpane .header, #leftpane .subheader { width : 190px; }
#main, #maintop { width : 500px; }
#mainmid, #main .header, #main .subheader { width : 470px; }
#leftpanemid { _width : 200px; }
#mainmid { _width : 500px; }

#leftpane {
margin : 0px 25px 0px 15px;
background : url(leftpanebot.png) no-repeat bottom;
overflow : auto;
}

#leftpanetop {
height : 30px;
background: url(leftpanetop.png);
}

#leftpanemid {
padding : 0px 5px;
margin-bottom : 30px;
background: url(leftpanemid.png);
font : 10pt Verdana;
text-align : left;
}

#main {
background : url(mainbot.png) no-repeat bottom;
margin-bottom : 10px;
overflow : auto;
}

#maintop {
height : 50px;
background: url(maintop.png);
}

#mainmid{
padding : 0px 15px;
margin-bottom : 50px;
background: url(mainmid.png);
font : 10pt Verdana;
text-align : left;
}

#rightpane {
width : 150px;
margin : 0px 5px 0px 20px;
background : white no-repeat;
}

#bottom {
width : 930px;
height: 19px;
background : url(backgroundbot.png);
}

/************************HEADER TEXT*************************/

.header { 
text-align : center;
margin-bottom : 20px;
font-family : "Century Gothic";
}

#leftpane .header {
color : #ff6a00;
font-size : 18pt;
}

#main .header {
color : #1d7cd5;
font-size : 22pt;
_font-size : 19pt;
}

.subheader {
text-align : center;
font-family : Georgia;
}

#leftpane .subheader {
color : #ff6a00;
font-size : 11pt;
}

#main .subheader {
color : #1d7cd5;
font-size: 13pt;
margin : 10px 0px;
}

body.alignleft #main .subheader { text-align : left; }
body.noheadermargin #main .header {margin-bottom: -10px;}

/************************SIGN UP FORM*************************/

body.signup td {
font : 10pt Verdana;
padding : 2px;
width : 25%;
}

body.signup table {
width : 450px;
margin : 10px 0px;
}

body.signup input[type="text"] {
width : 100%;
background : white; 
border : 0px; }

body.signup input[type="text"]:focus { background : lightcyan; }

body.signup input[type="submit"], body.signup input[type="reset"] {
width: 60px;
height:25px;
border: outset black 1px;
background-color: lightcyan;
}

body.signup input[type="submit"]:hover, body.signup input[type="reset"]:hover {background : #fbd2bf; }

body.signup input.text {
_width : 100%;
_border : 0px;
}


/****************************LINKS****************************/

a { text-decoration : none; }

#leftpane a { color : #ff006a; }
#leftpane a:hover { color : #9153d7;}

#main a { color : #2e8e5a; }
#main a:hover{ color : #f37949; }

/************************MC***********************************/

body.mc table { width : 95%; }

body.mc td {
font : 10pt Verdana;
padding : 2px;
}


/***********************CALENDAR**********************************/

#calendarinfo {
font : 10pt Verdana;
background : azure;
position : absolute;
border : solid 1px steelblue;
z-index : 10;
}

body.calendar td {
font : 10pt Verdana;
width : 50px;
height : 50px;
text-align : right;
vertical-align: top;
cursor : crosshair;
}

body.calendar tr.heading td {
height : 10px;
text-align : center;
background-color : lightsteelblue;
}

body.calendar td.event { background-image : url(news/csclogo.png); }
body.calendar td.blank { background-color: lightcyan; } 

/**************************POSTS******************************/

.posttitle {
color : #313cc9 ;
font : 16pt Georgia;
}

.postdate {
color : #1d7cd5;
font : 12pt Georgia;
margin-bottom: 20px;
}

.postcontent {
color : black;
font : 10pt Verdana;
}

.postsignature {
color : black;
font : 10pt Verdana;
}

/*********************VOLUNTEERING PAGE*************************/

.image_wrapper {
	border: 1px solid #000;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
	background: #333;
}

.fl_image {
	float: left;
	margin-right: 15px 
}

.fr_image {
	float: right;
	margin-left: 15px 
}

.image_wrapper img {
	border: 1px solid #000000;
} 

#rvppicture, #sppicture, #xppicture {
float : left;
width : 100px;
height: 100px;
}

#rvppicture {background : url(volunteering/rvppictures.png); }
#sppicture  {background : url(volunteering/sppictures.png); }
#xppicture  {background : url(volunteering/xppictures.png); }

#rvpbox, #spbox, #xpbox {
width : 465px;
overflow : auto;
border : dashed 1px #1d7cd5;
margin-bottom : 15px;
}

#rvpdescription, #spdescription, #xpdescription {
float : right;
width : 350px;
}

.bold {
color : #808080;
font-weight : bold;
}


nav ul li{
	display:inline;
}

nav ul li a,
nav ul li a:visited{
	color:#565656;
	display:block;
	float:left;
	font-size:1.25em;
	font-weight:bold;
	margin:5px 2px;
	padding:7px 10px 4px;
	text-shadow:0 1px 1px white;
	text-transform:uppercase;
}

nav ul li a:hover{
	text-decoration:none;
	background-color:#f0f0f0;
}

nav, article, nav ul li a, figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.line{
	/* The dividing line: */
	height:1px;
	background-color:#24404c;
	border-bottom:1px solid #416371;
	margin:1em 0;
	overflow:hidden;
}