/*SidebarComment 
MainComment
ButtonsComment
ButtonColors
SidebarColor
SidebarBorderColor
*/
body {
background: #FFF;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 85%;
margin: 0px;
padding: 0px;
text-align: center;
}

#center {
margin: 0px auto;
padding: 0px;
text-align: left;
width: 800px;
}

#header {
vertical-align: text-top;
}
.logo {
float: left;
padding: 15px 12px 0px 12px;
}

.pics {
float: left;
margin: 10px 0px 0px 30px;
padding: 0px;
width: 455px;
}

#nav {
float: left;
margin: 10px 0px 0px -2px;
text-transform: none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

/* THE NAVIGATION */
/* THIS IS NOT NEEDED TO BE CHANGED--it governs the box that all navigation is "held" within */
#nav ul {
float: left;
width: 800px;
list-style: none;
margin: 0px;
padding: 0px;
background: none;
}


#nav ul.sub1 {
float: left;
width: 760px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background: #267DD4;
}
#nav ul.sub2 {
float: left;
width: 785px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background:  #9684E5;
}
#nav ul.sub3 {
float: left;
width: 760px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background: #FE4E5D;
}
#nav ul.sub4 {
float: left;
width: 760px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background: #6FC64B;
}
#nav ul.sub5 {
float: left;
width: 760px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background: #FE941B;
}

#nav ul.sub6 {
float: left;
width: 760px;
height: 25px;
list-style: none;
margin: 0px;
padding: 0px;
background: #B03B75;
}

#nav #space {
width: 760px;
height: 40px;
background-color: #FFF;
display: block;
}
/*ButtonsComment: This is settings for ALL of the buttons */
#nav li {
float: left;
padding: 9px;
margin-left: 1px;
margin-right: 1px;
}
#nav ul.sub1 li {
float: left;
padding: none;
margin: none;
text-transform:none;
}
#nav ul.sub1 li.section{
text-transform:none;
}
#nav ul.sub2 li {
float: left;
padding: none;
margin: none;
text-transform:none;
}
#nav ul.sub2 li.section{
text-transform:none;
}
#nav ul.sub3 li {
float: left;
padding: none;
margin: none;
text-transform:none;
}
#nav ul.sub3 li.section{
text-transform:none;
}
#nav ul.sub4 li {
float: left;
padding: none;
margin: none;
text-transform:none;
}
#nav ul.sub4 li.section{
text-transform:none;
}
#nav ul.sub5 li {
float: left;
padding: none;
margin: none;
text-transform:none;
}
#nav ul.sub5 li.section{
text-transform:none;
}
/*ButtonColors: Individual Buttons--each button noted by a number. That is the "class". The html code <li> must say: <li class="value">. That value is below as such: li.value */
#nav li.one {
background-color: #267DD4;
height: 15px;
}

#first #nav li.one {
background-color: #267DD4;
height: 17px;
}


#nav li.two {
background-color: #9684E5;
height: 15px;
}
#top .title {
color:#267DD4;
font-weight:bold;
text-transform:uppercase;
}
#first .title {
color:#267DD4;
font-weight:bold;
text-transform:uppercase;
}
#second .title {
color:#9684E5;
font-weight:bold;
text-transform:uppercase;
}
#third .title {
color:#FE4E5D;
font-weight:bold;
text-transform:uppercase;
}
#fourth .title {
color:#6FC64B;
font-weight:bold;
text-transform:uppercase;
}
#fifth .title {
color:#FE941B;
font-weight:bold;
text-transform:uppercase;
}
#sixth .title {
color:#B03B75;
font-weight:bold;
text-transform:uppercase;
}
#seventh .title {
color:#CC6633;
font-weight:bold;
text-transform:uppercase;
}
#second #nav li.two {
background-color: #9684E5;
height: 17px;
}

#third #nav li.three {
background-color:   #FE4E5D;
height: 17px;
}

#fourth #nav li.four {
background-color: #6FC64B;
height: 17px;
}

#fifth #nav li.five {
background-color: #FE941B;
height: 17px;
}

#nav li.seven {
background-color:  #990000;
height: 17px;
}
#nav li.three {
background-color: #FE4E5D;
height: 15px;
}
#nav li.four {
background-color: #6FC64B;
height: 15px;
}
#nav li.five {
background-color: #FE941B;
height: 15px;
}

#nav li.six {
background-color: #B03B75;
height: 15px;
}

#sixth #nav li.six {
background-color: #B03B75;
height: 17px;
}

#nav a:link {
color:#FFF;
text-decoration:none;
}
#nav a:visited {
color:#FFF;
text-decoration:none;
}
#nav a:hover {
color:#FFF;
text-decoration:none;
}
/* This controls the area where the content is--the editable area. No modifications should be made. All boxes within should fit 760pixels, including borders, padding, & margin */

#content {
width: 760px;
height: 100%;
overflow: visible;
}

#footer {
width:760px;
font-size:x-small;
color:#666;
padding-left: 30px;
}
/*MainComment: This is the content text inside main area.*/
#main {
margin: 20px 0px 0px 0px;
padding-bottom: 2px;
float: left;
border: 1px solid;
width: 530px;
height: 100%;
overflow: visible;
color:#333333;
line-height:20px;
}

table {
color:#333333;
font-size: smaller;
}


#main p {
margin: 20px 20px 0px 20px;
}

#main p.title_index {
color: #FF4F00;
font-size:12px;
font-weight:bolder;
text-transform: uppercase;
}

#main .title_int {
color: #267DD4;
font-size:12px;
font-weight:bolder;
text-transform: uppercase;
margin-bottom: -10px;
margin-top: 5px;
}

#main #spacing {
padding-bottom: 15px;
}

/* To Change Sidebar Height
Increase height below to desired value. Then increase height in #sidebar .inset by same proportion. #sidebar .inset should be 2 pixels smaller than #sidebar, as it is inset from the sidebar (#sidebar .inset is line 280) */
#sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #6DA8E2;
background-color: #FFF;
height: 100%;
overflow: visible;
}

#sidebar a:link {
color:#000000;
text-decoration:none;
}
#sidebar a:visited {
color:#000000;
text-decoration:none;
}
#sidebar a:hover {
color:#FFFFFF;
text-decoration:none;
}
/* SidebarColor This is the color of the sidebars. Command is "background-color: #(value)". */
#sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #6DA8E2;
height: 100%;
overflow: visible;
line-height:20px;
}
#second #sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #9684E5;
height: 100%;
overflow: visible;
line-height:20px;
}

#third #sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #FE4E5D;
height: 100%;
overflow: visible;
line-height:20px;
}

#fourth #sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #6FC64B;
height: 100%;
overflow: visible;
line-height:20px;
}

#fifth #sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #FE941B;
height: 100%;
overflow: visible;
line-height:20px;
}

#sixth #sidebar .inset {
margin: 1px 1px 1px 1px;
width: 198px;
background-color: #B03B75;
height: 100%;
overflow: visible;
line-height:20px;
}

/* SidebarBorderColor: This is the sidebar border color. The css line is "border: 2px solid #(color here) */
#sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid  6DA8E2;
background-color: #FFF;
height: 100%;
}

#second #sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #9684E5;
background-color: #FFF;
height: 100%;
}

#third #sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #FE4E5D;
background-color: #FFF;
height: 100%;}

#fourth #sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #6FC64B;
background-color: #FFF;
height: 100%;
}

#fifth #sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #FE941B;
background-color: #FFF;
height: 100%;
}

#sixth #sidebar {
width: 200px;
margin: 20px 0px 0px 0px;
float: right;
border: 2px solid #B03B75;
background-color: #FFF;
height: 100%;
}

#sidebar .inset p.title {
margin-bottom: -10px;
margin-top: 5px;
color: #FFF;
font-size:12px;
font-weight: bolder;
text-transform: uppercase;
}
/*SidebarComment: This is the text content in the sidebar*/
#sidebar .inset p {
margin: 20px 5px 0px 5px;
color: #FFFFFF;
}

#image1 {
float: left;
}

#image2 {
float: left;
padding: 0px 10px 0px 10px;
}

#image3 {
float: left;
}




/* new styles after site moved to imageworks. Not sure how many of the styles above are still used */

.clearer {
	clear:both;
	display:block;
	height:1px;
	margin-bottom:-1px;
	font-size:1px;
	line-height:1px;
}

#footer2 {
	font-size:x-small;
	color:#666;
	padding:10px 0 30px 30px;
}

#rightcol {
	width: 200px;
	margin: 20px 0px 0px 0px;
	float: right;
	border: 1px solid #333;/*2px solid #6DA8E2;*/
	background-color: #FFF;
	height: 100%;
	overflow: visible;
}

#rightcol2 {
	margin: 1px 1px 1px 1px;
	background-color: #6DA8E2;
	height: 100%;
	overflow: visible;
	line-height:20px;
	padding:10px;
}
#rightcol2 .title {
	color:#fff;
}
 #rightcol2 a  {
 	color:#000;
}


/* --------------- CALENDAR ----------------- */
#calendar {
	border-collapse:collapse; /*this eliminates double width borders between when you apply CSS borders to TDs*/
}

#calendar td {
	border:solid 1px #333;
}

.calendar_header {
	font:24px Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	line-height:32px;
	color: #6633FF;
	font-weight: bold;
}
.calendar_subheader {
	color: #000000;
	font-size: large;
}

#noborder td {
	border: 0px;
	}
	
#calheader td {
	font-weight:bold;
	color: #26354A;
	}