/*============================= Standard Tags ====================================*/


body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 17px;
	background-image: url(../../gfx/main_bgloop.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;				
	background-color: #7d94a2;
	color: #615347;
}


h3 {
	margin: 0;
	padding: 0;
	display: block;
	height: 41px;
	text-indent: -2000em;
	background: url(../../gfx/header_home.jpg) left top no-repeat;
}

a {
	color: #859caa;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


.clear {
	clear: both;
}

.error {
	color: red;
	font-weight: bold;
}

#loginfo {
	text-align: right;
}

/*============================= Main Banner ====================================*/


#title h1 {
	float: right;
	margin: 0;
	padding: 0;
}

#title h1 a {
	display: block;
	height: 138px;
	width: 627px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; /* need for FX and IE */
	background: url(../../gfx/main_banner.jpg) right top no-repeat;
	outline: none;
}

#title h1 a:hover {
	cursor: pointer; /* IE7 */
}


#imgtab {
	float: left;
	height: 139px;
	width: 157px;
}


/*============================= Three Columns ====================================*/

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

#header {
	height: 15px;
	margin-top: 17px;
	background-image: url(../../gfx/main_content.top.gif);
}

#main2 {
	padding: 0 20px 0 158px;
	background-image: url(../../gfx/main_content.loop.gif);
	background-repeat: repeat-y;
	min-height: 500px;
}


#main3 {
	padding: 0 226px 0 158px;
	background-image: url(../../gfx/main_content.loop.gif);
	background-repeat: repeat-y;
	min-height: 500px;
}

#content2 {
	float: left;
	width: 100%; 
	padding-left: 158px;
	padding-right: 0;
	margin-left: -158px;
	margin-right: 0;
	display: inline; /* So IE plays nice */
	min-height: 500px;
}

#content3 {
	float: left;
	width: 100%; 
	padding-left: 158px;
	padding-right: 226px;
	margin-left: -158px;
	margin-right: -226px;
	display: inline; /* So IE plays nice */
	background-image: url(../../gfx/sidebar_loop.jpg);
	background-repeat: repeat-y;
	background-position: 574px top;
	min-height: 500px;
}

#leftcol {
	position: relative;
	float: left;
	width: 158px;
	margin-left: -158px;
	padding-top: 60px;
	background-image: url(../../gfx/main_cross.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;	
}

#centercol {
	float: left;
	width: 100%;
	margin-right: -100%;
}

#centerpad {
	padding: 20px 20px 100px 55px;
}

#rightcol {
	position: relative;
	float: right;
	width: 226px;
	margin-right: -226px;
	min-height: 150px;
	background-image: url(../../gfx/sidebar_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#rightpad {
	padding: 20px 20px 220px 20px;
}

#rightpad h4 {
	font-style: italic;
}

#rightpad ul {
	padding: 0;
	margin: 0 0 0 16px;

}

#footer {
	position: relative;
	height: 14px;
	background-image: url(../../gfx/main_content.bottom.gif);
	background-repeat: no-repeat;
}

#flower {
	position: absolute;
	right: 16px;
	top: -200px;
	width: 210px;
	height: 200px;
	background-image: url(../../gfx/sidebar_bottom.jpg);
	background-repeat: no-repeat;
	
}


/*============================= Calendar =====================================*/


#calendar {
	font-size: 90%;
	border-collapse: collapse;
}

#calendar h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#calendar th h4 {
	font-size: 160%;
	color: #00769d;
	text-transform: uppercase;	
}

#calendar th {
	font-weight: normal;
}

#calendar td {
	border: 1px solid silver;
	height: 70px;
	vertical-align: top;	
}

#next a {
	display: block;
	height: 11px;
	width: 17px;	
	background: url(../../gfx/arrow.right.png) 0 0 no-repeat;
}

#next a:hover {
	cursor: pointer; /* IE7 */
	background-position: 0 -11px;
}

#prev a {
	display: block;
	height: 11px;
	width: 17px;	
	background: url(../../gfx/arrow.left.png) 0 0 no-repeat;
}

#prev a:hover {
	cursor: pointer; /* IE7 */
	background-position: 0 -11px;
}

#calendar .today {
	background-color: #e0e5e9;
}

#calendar .blank {
	background-color: #f0f0f0;
}




/*============================= Navigation ====================================*/

#nav_vert {
	color: #fff;
	padding-top: 8px;
}

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


#nav_vert li {
	list-style: none;
	white-space: nowrap;
	margin: 3px 0;
}

#nav_vert li a {
	color: #333;
	display: block;
	text-decoration: none;
	padding: 0 10px;
	line-height: 20px;
	text-align: center;
	outline: none;
}

#nav_vert .selected, #nav_vert a:hover
{
	color: #859caa;
	font-weight: bold;
	text-decoration: none;
}