body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(graphics/siteBG.gif);
}
	

h1 {font-size: 150%; color:#293394;}

h2 {font-size: 130%; color:#293394;	margin-bottom: 5px;}

h3 {font-size: 110%;}

.pagetitle  {font-size: 170%;
	color:#293394;
	text-align: center;
	font-weight:bold;
}

.pagetitleleft  {font-size: 170%;
	color:#293394;
	text-align: left;
	font-weight:bold;
}

.bodytext {font-size: 110%; font-weight: normal;}

.headline {font-size: 150%; color:#293394;}
 
.source {font-size: 110%; font-weight: bold;}

.menu_heading {
	margin-bottom: 3px;
}

.menu_list {
	margin-top: 3px;
	font-weight: bold;
	font-size: 110%;
	padding-left: 5px;
}

a:link {
	text-decoration: none;
	color:#293394;
}

a:hover {
	color: #fede03;
	text-decoration: none;
}


#header {
	width: 1034px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}

#footer {
	background-color: #9BD1FA;
    margin: 40px 15px 0px 15px;
	clear: both;
	text-align: center;
}

#contentwrap {
	background-image: url(graphics/ca4-content-middle.jpg);
	background-repeat: repeat-y;
	width: 1034px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	padding: 0px;
}

.textbox {
	margin-left: 16em;
    margin-right: 10px;
	padding-right: 30px;
}

#textbox {
	margin-left: 16em;
    margin-right: 10px;
	padding-right: 30px;
}


#toptext {
width: 1004px;
margin-left: 15px;
margin-bottom: 30px;
  text-align:center;
  border-top-color: #9BD1FA;
  border-top-style: dotted;
  border-top-width: thick;
  border-bottom-color: #9BD1FA;
  border-bottom-style: dotted;
  border-bottom-width: thick;
}
  
.schedule {
  text-align:center;
  border-style:dotted;
  border-width:medium;
  border-color:#293394;

  }
  
 td.schedule {border: 0}
 tr.schedule {border: 0}
  
 
.image_right {
	float: right;
	margin: 0px 0px 15px 30px;
	font-size: 80%;
	font-weight: bold:
	
}

.image_left {
	float: left;
	margin: 0px 30px 15px 0px;
}

.fineprint {
	font-size: 80%;
}

.bottom_image {
	vertical-align: bottom; 
}

#boxcontainer {
	float: left;
	margin-top: 60px;
	margin-left: 25px;
	margin-right: 20px;
	
}

.sidelink {
	text-align: center;
	}

.centered {
	text-align: center;
	}



/* here's the box... the image is the upper-left corner */
#leftnav {
  background : #9BD1FA url(graphics/cnr-lb-ul.gif) no-repeat;
  width : 8em;
  height : auto;
  position : relative;
  padding : 10px;
  margin: 5px;
  text-align: left;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 10px;
  height : 10px; 
  display : block;
}

/* change position and image: top-right */
.tr {
  background : transparent url(graphics/cnr-lb-ur.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(graphics/cnr-lb-ll.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(graphics/cnr-lb-lr.gif) no-repeat;
  right : 0;
  bottom : 0;
}

.topic {
	font-size: 110%;
	font-weight: bold;
	color:#062D4C;
}

.rightlist {
	clear: left;
}

.spacer {
	clear: both;
}

.threecolumn { 
	width: 30%;
	padding: 10px;
	border:solid;
	border-radius: 15px;
	border-width: thin;
	border-color: #293394;
	vertical-align: top;
}

.threecolumnspacer { 
	width: 5%;
	border: none;
}