/* ---- PAGE PROPERTIES ----- */

body {
	margin:0;
	padding:0;
	font-family: helvetica, verdana, arial, sans-serif;
	background:#888 url(dandelion_bg.gif) 50% 60px no-repeat;
    font-size: 13px;
}

a {text-decoration:none;}
p {margin: 2px 0 10px;}
/*----------------------------------------------------------------*/
/* ~~~~~~###  GENERAL LAYOUT ###~~~~~~  */
/*----------------------------------------------------------------*/


#header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background:#404040;
	z-index:1;
	overflow:hidden;
}

#navigation {
	position:absolute;
	top:40px;
	right:50%;
	height:20px;
	background:#37A3FF;
	margin-right:-300px;
	z-index:2;
}

#main {
	position:relative;
	top:0;
	left:50%;
	width:720px;
	margin: 0 0 0 -360px;
	padding: 20px 0;
	background:#fff url(clouds.jpg) top left no-repeat;
	z-index:2;
	overflow:hidden;
}

#content {
	position:relative;
	top:0;
	left:50%;
	margin-left:-350px;
	width:700px;
}

#border {
	position:relative;
	top:0;
	left:50%;
	width:720px;
	height:10px;
	margin-left:-360px;
	background:#37A3FF;
	z-index:1;
}

#footer {
	position:relative;
	top:0;
	left:50%;
	width:720px;
	margin:0 0 0 -360px;
	padding: 10px 0 20px 0;
	z-index:1;
	background:#3BBB5C;
}


/*----------------------------------------------------------------*/
/*~~~~~**##  INNER DIV LAYOUTS ##**~~~~~*/
/*----------------------------------------------------------------*/

/* ------- CONTENT LAYOUT -------*/

#content div.one_column { clear:both;}
#content div.two_columns { clear:both; width:100%; margin: 10px 0 10px 0;}

div.block, .one_column div.col {
    margin: 2px 2px 5px;
    padding: 8px;
    background: none; /* #f9fcff; */
    border: 1px #aaa dashed;
    /* clear:both; */
	/* -moz-border-radius: 5px; */
}

#content div.two_columns div.col {
	overflow:hidden;
	padding:7px;
	width:330px;
	float:left;
	margin:5px 2px;
	background: none; /*#eef0ff;*/
	border: 1px #aaa dashed;
}

#content div.two_columns div.coltrans {
	overflow:hidden;
	width:330px;
	float:left;
	background: none; /*#eef0ff;*/
	border: 0px #aaa dashed;
}

#content hr { clear:both; width:100%; background:#fff; color:#fff; height:0px; margin:0; border:none;}

#content a {font-weight:bold; color: #309848; cursor:pointer;}
#content  a:link, #content  a:visited {text-decoration: underline;}
#content  a:hover, #content  a:active {text-decoration:none;}

#content a img {border:none;}
#content a.img:link {border-bottom: 10px #FFF hidden; }
#content a.img:hover {border-bottom: 10px #FF5BA0 solid; }
#content img.border {border:1px solid #ccc;}

#content a.sm_img:link {border-bottom: 5px #FFF hidden;}
#content a.sm_img:hover {border-bottom: 5px #FF5BA0 solid; }

#content .red {color:#f44;}
#content .orange {color:#FFAE45;}
#content .green {color:#3BBB5C;}
#content .blue {color:#37A3FF;}
#content .purple {color:#A168DC;}
#content .pink {color:#FF5BA0;}
#content .navy {color:#355DA0;}

#content img.atmail {
	margin-bottom:-3px; 
	padding-bottom:0; 
	position:relative;
	bottom:0;
}

/* ------- SECTIONS & SUBSECTIONS (CONTENT H#) -------- */

#content h1 span, #content h3 span, #content h4 span{
	padding:5px 10px 5px 8px;
	font-family:georgia, times new roman, serif;
	font-weight:normal;
	color:#fff; 
}

#content h1 { 
	margin:25px 0 15px 2px;
	padding:0;
	font-size:20px;
}

#content h3 {
	margin:25px 0 15px 2px;
	padding:0;
	font-size:20px;
}

#content h4 {
	margin:7px 0 10px 0px;
	padding:0;
	font-size:14px;
}
#content h1 span {background:#f44;}
#content h3 span {background:#f44;}
#content h4 span {background:#37A3FF;}

#content h1 span.red , #content h3 span.red, #content h4 span.red {color:#fff; background:#f44;}
#content h1 span.orange, #content h3 span.orange, #content h4 span.orange {color:#fff; background:#FFAE45;}
#content h1 span.green , #content h3 span.green, #content h4 span.green {color:#fff; background:#3BBB5C;}
#content h1 span.blue, #content h3 span.blue, #content h4 span.blue {color:#fff; background:#37A3FF;}
#content h1 span.purple, #content h3 span.purple, #content h4 span.purple {color:#fff; background:#A168DC;}
#content h1 span.pink, #content h3 span.pink, #content h4 span.pink {color:#fff; background:#FF5BA0;}
#content h1 span.navy , #content h3 span.navy, #content h4 span.navy {color:#fff; background:#355DA0;}
/* we have to add "color" attributes to overwrite the ones from the previous .span declarations... */

h5 {
	font-weight:normal;
	font-size:16px; 
	margin: 7px 0 10px 0;
}

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

#navigation div {
	position:relative;
	top:2px;
	padding:0;
	text-align:right;
}

#navigation a {
	height:40px;
	margin: 5px 20px;
	font-size:18px;
	font-family:georgia, times new roman, serif;
	font-weight:normal;
}

#navigation a:link, #navigation a:visited {
    text-decoration:none;
    color: #fff;
}

#navigation a:hover, #navigation a:active, #navigation a.selected {
    text-decoration: none;
    color: #333;
}
	
/* ------- FOOTER LAYOUT ------ */

#footer div.footer_links {
	position:relative;
	top:0;
	left:50%;
	width:800px;
	margin:0 0 0 -400px;
	text-align:center;
}

#admin_link {
	position:absolute;
	bottom:10px;
	right:10px;
	margin-right:0;
	width:100px;
	text-align:right;
	z-index:2;
	font-size:10px;
}

#footer div.footer_links a {
	font-size:16px;
	margin: 0 30px;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

/*---------------------------------------------*/
/*~~~~~###CALENDAR###~~~~*/
/*---------------------------------------------*/

#content .calendar_info {
	margin: 2px 2px 5px;
    padding: 8px;
    background: none;
    border: 1px #aaa dashed;
	float:left; 
	width:320px;
	overflow:hidden;
	background:#fff;
	display:none;
}


#content #cal_info { display:block; }


/*---------------------------------------------*/
/*~~~~~~~## ADMIN ##~~~~~~~*/
/*-----------     see other.css     ----------*/