/* UNIVERSAL STYLES */


html, body {padding: 0; margin: 0 auto;}

body {
	text-align: center;
	font-family: "Lucida Grande", Trebuchet, Tahoma, sans-serif;
	font-size: small;
	color: #8A7F7F;
	background-color:#E4EAEF;
	}
a {
	text-decoration: none;
	color: #528BB2;
}

a:hover {
	text-decoration: underline;
	color: #528BB2;
}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; }

h1 {font-size: 120%; font-weight: normal; color:#7699CC; padding: 10px 0; border-bottom: 1px dotted #CCC; text-transform: uppercase; letter-spacing: 1px;}
h2 {font-size: 110%; padding: 10px 0 0 0;}
h3 {font-size: 100%; color: #366D92; font-weight: normal; padding: 6px 0 0 0;}
p {font-size: 95%; line-height: 160%;}
.padrt {padding: 10px; margin-right: 10px; float: left;}
#content p em {font-weight: bold;color: #7699CC; font-style: normal;}

.meetingdetails li {list-style: none; padding: 6px 10px; font-size: 95%; line-height: 120%;}

/*--------------- NAVIGATION ---------------*/

#nav {
	width: 980px; height: 25px;
	margin: 0 auto;

	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 85%;
	background-color: #1E3954;
	}
#nav li a {
	float: left;
	padding: 2px 12px;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #75A9D0;
	}
#nav li a:hover {
	color : #fff;
	background : #7DADD3;
}
#nav li a.active {
	color : #fff;
	background : #292d34;
}

/*---------------  DIVS  ---------------*/

#mainbody {
	height: auto;
	}
#mainbody-inner {
	width: 980px;
	text-align: left;
	background: url(images/tile_background.jpg) repeat-y;
	margin: 0 auto;
	border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
	}	
#mainbody-wide-inner {
	width: 980px;
	text-align: left;
	background: url(images/calendar_background.jpg) repeat-y;
	margin: 0 auto;
	border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
	}

#content {
	width: 525px;
	margin: 0 auto; float: left;
	padding: 10px 30px 0px 20px;
	}
#wide-content {
	width: 715px;
	margin: 0 auto; float: left;
	padding: 10px 30px 0px 20px;
	}	

#header {
	height: 100px; padding: 0;
	background: url(images/background-top.jpg) repeat-x;
}


#logo {
	width: 980px; height: 81px; text-align: left;  margin: 0 auto; padding: 0; 
}

#logo span, #logo a
	{display: block; width: 557px; height: 70px; padding: 0; border-style: none;
	}
		

#announcements {
	width: 780px;
	border-bottom: 1px solid #CCC;
	background-color:#E3EBF0;
	float: right;
	}
#announcements h1 {
	background-color: #7DADD3;
	font-size: 100%; color: #fff;
	padding: 5px; margin: 0 auto;
	font-weight: normal;
	text-transform:uppercase; letter-spacing: 2px;
	border: none;
}

#announcements h2 {padding: 10px 0; font-weight: normal; color: #3383AE;}	

/* EVENT CALENDAR */

.cal-date {
	font-size: x-small;
	text-align: right;
	width: 104px;
	}
.cal-day {
	font-size: x-small;
	text-align: center;
	}
.cal-event {
	font-size: x-small;
	text-align: left;
	width: 104px;
	height: 75px;
	}
.cal-nav-right {
	font-size: x-small;
	text-align: right;
	width: 104px;
	}
.cal-nav-left {
	font-size: x-small;
	text-align: left;
	width: 104px;
	}
.cal-link {
	font-size: 9px;
	text-align: left;
	width: 104px;
	height: 75px;
	}
.cal-foot {
	background-color:#B0C3D3;
	font-size: x-small;
	text-align: left;
	width: 104px;
	}
.view-event-title {
	font-size: 14px;
	font-weight: 500;
}
.rad-button{
	float: right;
    border: 0px;
    margin: 1px 3px;
    WIDTH: 74px;
    FONT-FAMILY: Arial;
    HEIGHT: 22px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    BACKGROUND-image: url(RadControls/Editor/Skins/WebBlue/CssImg/buttonWhiteBG.gif);
    background-color: Transparent;
    TEXT-ALIGN: center;
    line-height: 22px;
}
.rad-button1
{
    float: left;
    border: 0px;
    margin: 1px 3px;
    WIDTH: 74px;
    FONT-FAMILY: Arial;
    /*HEIGHT: 22px;*/
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    BACKGROUND-image: url(RadControls/Editor/Skins/WebBlue/CssImg/buttonWhiteBG.gif);
    background-color: Transparent;
    TEXT-ALIGN: center;
    line-height: 22px;
}


/* COLUMNS */

.column {
	width: 190px;
	padding: 10px 0 0 0px;
}

/* Left Column */

#leftcolumn {
	float: left;
}

#leftcolumn a {color: #006699;}


#leftcolumn ul {
	margin: 0;
	padding: 0;
	
}

#leftcolumn li  {
	list-style: none;font-size: 85%; line-height: 110%; padding: 6px 0;  	border: none;}
#leftcolumn ul ul li {padding: 8px 0 2px 10px;border-bottom: 1px dotted #FFF;}

#leftcolumn ul ul li a {color: #999;}	

#leftcolumn h2 {
	padding: 8px 0 0 0; 
	font-weight: normal;
	font-family: "Lucida Grande", Trebuchet, Tahoma, sans-serif; 
}



/* RightColumn */

#rightcolumn {
	float: left;
	}
	
#rightcolumn a {color: #EF9350;}	

#rightcolumn ul li p {padding: -6px 0 0 0;margin: -10px 0 0 0;}
#rightcolumn h1 {color: #7699CC; font-size: 95%; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}
#rightcolumn h2 {color: #666; font-weight: normal; font-size: 90%; padding: 3px 0 0 0; text-transform: uppercase; letter-spacing: 1px;}
#rightcolumn ul h3 {font-family: "Lucida Grande", Trebuchet, Tahoma, sans-serif;color:#EF9350;font-weight: bold;}
#rightcolumn li {font-size: 85%; padding: 2px 0; margin: 0;}

/* Search */

#search {
}

#search form {
	text-align: center;
}

#search #s {
	width: 80%;
	margin-bottom: 10px;
}

#search h2 {
	
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 0 4px;
}

#calendar caption {
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	text-align: center;
	font-size: 90%;
	border-collapse: collapse;
	border: 1px solid #C3D4DF;
}

#calendar thead th {
	padding: 5px;
	color: #666666;
	background-color: #C3D4DF;
	border-bottom: 1px solid #3A5F7E;
}

#calendar tbody td {
	padding: 5px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

#calendar tfoot td {
	padding: 5px;
	border-top: 1px solid #3A5F7E;
}

#calendar tfoot a {
	border: none;
	font-weight: bold;
}

#calendar #next {
	text-align: right;
}

#calendar #prev {
	text-align: left;
}


/*---------- LIST STYLES ----------*/
.event {
	list-style: url(images/bullet.gif);
	padding: 0 0 0 2em;
	margin: 0;
}
.orange {list-style: url(images/bullet_orange.gif); padding: 0 0 0 2em; margin: 0;}
.blue {list-style:url(images/bullet_blue.gif); padding: 0 0 0 2em; margin: 0;}




/* Footer */

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	clear: both;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: smaller;
	line-height: normal;
}