#banner
{
	background-color: #FFDD4F;
}

#logo
{
	padding-left: 1.6%;	
}

#map_canvas
{
	width: 700px;
	height: 500px;
}

#container
{
	margin: 0 auto;
	width: 800px;
}


#content
{
	font: 14px Arial, sans-serif;
	color: #4F4D4E;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	width: 90%;
	float: center;
	background-color: #FCFDFF;
	
}

#acc_content
{
	font: 1em Arial, sans-serif;
	background-color: #FCFDFF;
}

#cal_content
{
  	font: .74em Arial, sans-serif;
  	padding-top: 2%;
  	padding-left: 0%;
	padding-bottom: 2%;
	align: center;
	background-color: #FCFDFF;
	width: 100%;
	
}

#navigation
{
	background-color: #FFDD4F;
	width : 1000px;
	padding-left: 2.5%;
	padding-bottom: 5%;
}

#caladmn_navigation
{
	width : 1000px;
	padding-left: 12.5%;
	padding-bottom: 5%;
}

#spacer
{	
 	//width: 1000px;
 	//height: 30px;
}

#footer
{
	background-color: #FFDD4F;
	color: #949192;
	font: .7em Comic Sans, Comic Sans MS;
	
}

#footer a { color : #2B61DD; }
body 
{ 
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background-color: #FFDD4F; 
}



/* menu styles */

#jsddm
{	margin: 0;
	padding: 0 0 0 1px;}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Comic Sans, Comic Sans MS;
		font-weight: bold;}

	#jsddm li a
	{	display: block; 
		background: #FFDD4F;
		padding: 5px 12px;
		text-decoration: none;
		border-right: none;
		width: 136px;
		color: #2B61DD;
		white-space: nowrap}

	#jsddm li a:hover
	{	/*background: #FCF74C;*/ color: orange;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #FCF74C;
				color: #2B61DD}
			
			#jsddm li ul li a:hover
			{	background: #FFFEBF}


p {margin: 0 10px 1em}

.clear {clear:both}
/* --- Headings --- */
#acc_content h4 a, h5 a {padding:3px 10px}

#acc_content h4, h5 {font-size:1em}

#acc_content h2 {background-color:#f0f0f0;}


/* --- Links --- */
#acc_content a {padding:1px; border:1px solid #efefef; color:#06c}

#acc_content a:hover, a:focus, a:active {border-color:#b3c5db; text-decoration:none; outline:0 none}

/* --- Accordion --- */
.js #acc_content .accordion {visibility:hidden}

.accordion {margin:0; padding:0 10px}

.accordion li {list-style-type:none}

.accordion li.last-child {list-style-type:disc}

.accordion .outer {border:1px solid #e0e0e0; border-width:0 1px 1px}

.accordion .inner {margin-bottom:0; padding:10px 20px;}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em}

.accordion p {margin:0; padding-bottom:1em}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/    

#acc_content a.trigger {display:block; padding-left:20px; background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}


#acc_content a.trigger {background-color:#f6f6f6}

#acc_content a.trigger.open {border-color:#e0e0e0; background-color:#f0f0f0}

#acc_content a:hover.trigger.open, #acc_content a:focus.trigger.open, #acc_content a:active.trigger.open {border-color:#b3c5db}

.active{font-weight:700; text-decoration:none}



img { border: none; }
center { text-align : center; }

.occ_list table td { border : none }

h1 { font-size: 2.25em; text-align: center; }
h2 { color: #543; font: Arial sans-serif }
h3 { color: #655; font-size: 1.33em; }
h4 { color: #877; font-size: 1.33em; }

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

table { border-collapse: collapse; font-size: 1em; }
    td, th { padding: 2px; border: 1px solid #ccc; }
    th { background-color: #bba; }
    dt { font-weight: bold; }

dt { font-weight: bold; }
    dd { margin-bottom: .5em; }

form table { width: 100% }
    form table ul { margin: 0; padding: 0;}
    form table li { list-style-type: none; }
    form table th { text-align: right; width: 10em; }
    form tfoot td { text-align: center; background-color: #566; }

.form-indent { margin-left: 2.5em; }

.horizontal { width: 30em; }
    .horizontal li { float: left; margin: 0; }
    .horizontal li label { width: 4em; display: block; float: left; }

#recurrence-options { float: left; }
    #recurrence-options li { margin-bottom: 4px; }
.calendar td, .calendar th { min-width: 10em; width: 10em; }

.month-view td { vertical-align: top; height: 8.46em; min-height: 8.46em; }
    .month-view td, .month-view th { min-width: 8.46em; width: 8.46em;}
    .month-view td { font-size: .95em; }
    .month-view .day-ordinal { 	font-weight: bold; font-size: 1em; 
        						text-align: right; 
        					  }
    .month-view ul { list-style: none; margin: 1px 2px; padding: 0; }
    .month-view .today { background-color: #eed; }
.month-divider th, .month-divider td { border-top: 3px double #888; font-size 0.7em}



.evt-spc-odd, .evt-spc-even  { background-color: #3b5153; color: #fff; }
    .evt-spc-odd a, .evt-spc-even a { color: #fff; }
    .evt-open-even, .evt-open-odd { background-color: #ccd; }
    .evt-adv-odd, .evt-adv-even { background-color: #cdd; }
    .evt-bgn-even, .evt-bgn-odd { background-color: #dd8; }
    .evt-bbc-odd, .evt-bbc-even { background-color: #aaa; }
    .evt-prv-odd { background-color: #8a9; }
    .evt-prv-even { background-color: #acb; }