/**************************************************************
ELEMENTS
**************************************************************/

body
{
	background-image:	url(images/bkg.gif);
	margin:				0px;	
}

img
{
	border:				0px;	
}

form
{
	margin:				0px;	
}

.overdown
{
	cursor:				pointer;	
}

.hidden
{
	display:			none;	
}

/**************************************************************
STRUCTURE
**************************************************************/

#container
{
	position:			absolute;
	left:				0px;
	right:				0px;
	width:				100%;
	min-width:			950px;
}

#container-inner
{
	position:			absolute;
	width:				950px;
	left:				50%;
	margin-left:		-475px;
	top:				20px;
}

/**************************************************************
HEADER
**************************************************************/

#strip
{
	position:			absolute;
	top:				0px;
	left:				0px;
	right:				0px;
	width:				100%;
	height:				85px;
	background-color:	#ffffff;
}

#logo
{
	position:			absolute;
	top:				1px;
	width:				300px;
	height:				105px;
	background-image:	url(images/logo.gif);
	z-index:			1;
}

#logo-right
{
	position:			absolute;
	right:				-12px;
	width:				252px;
	height:				170px;
	top:				65px;
	background-image:	url(images/logo-right.png);
	z-index:			1;
}

#address
{
	position:			absolute;
	width:				180px;
	height:				20px;
	right:				0px;
	top:				45px;
	background-image:	url(images/address.gif);
	z-index:			2;
}

#iso
{
	position:			absolute;
	right:				0px;
	top:				0px;
	width:				67px;
	height:				39px;
	background-image:	url(images/iso.gif);
}

/**************************************************************
FOOTER
**************************************************************/

#footer
{
	position:			absolute;
	z-index:			10;	
	width:				400px;
	height:				25px;
	bottom:				-30px;
	left:				0px;
	line-height:		25px;
}

.footer
{
	color:				#ffffff;
	font-size:			10px;
	font-family:		verdana;
}

.footer ul, .footer li
{
	display:			inline;	
	padding:			0px;
	margin:				0px;
}

.footer li
{
	margin-right:		15px;	
}

.footer a, .footer a:visited
{
	text-decoration:	none;
	color:				#ffffff;
}

.footer a:hover
{
	color:				#996699;
}

/**************************************************************
MENU
**************************************************************/

#menu
{
	position:			absolute;
	top:				65px;
	left:				65px;
	width:				650px;
	height:				40px;
	z-index:			2;
}	

#menu div
{
	float:				left;
	margin:				10px;
}

.menu-item
{
	color:				#996699;
	font-weight:		bold;
	font-size:			12px;
	font-family:		arial;	
}

.menu-item a, .menu-item a:visited
{
	color:				#996699;
	text-decoration:	none;
}

.menu-item a:hover
{
	color:				#ffffff;
}

.menu-item-selected
{
	color:				#ffffff;
}

/**************************************************************
BODY
**************************************************************/

#body-top
{
	position:			absolute;
	left:				0px;
	top:				-10px;
	width:				725px;
	height:				10px;
	background-image:	url(images/content/t.png);
}

#body-bottom
{
	position:			absolute;
	width:				725px;
	height:				9px;
	left:				0px;
	bottom:				-9px;
	background-image:	url(images/content/b.png);
}

#body
{
	position:			absolute;
	width:				725px;
	top:				115px;	
	background-image:	url(images/content/m.png);
	z-index:			2;
}

.body-generic
{
	min-height:			426px;
}

.body-frontpage
{
	min-height:			498px;
}

#body-inner
{
	margin:				0px 14px 0px 14px;
}

#body-inner-left
{
	float:				left;
	width:				476px;
	margin-left:		14px;
	margin-bottom:		3px;
}

#body-inner-right
{
	float:				right;
	width:				225px;
	height:				420px;
	background-image:	url(images/sections/generic.jpg);
	background-repeat:	no-repeat;
}

#body-inner-form
{
	float:				right;
	width:				725px;
}

.body-inner-right-image
{
	margin-right:		4px;
	width:				210px;
	height:				420px;
	display:			none;
}

#body-inner-home-left
{
	float:				left;
	margin-top:			72px;
	margin-left:		11px;
	margin-bottom:		3px;
	width:				220px;
}

#body-inner-home-left-image
{
	width:				220px; 
	height: 			142px;
	position: 			absolute; 
	bottom: 			8px;
	background-image:	url(images/home/shape.gif);
}

#body-inner-home-right
{
	float:				right;
	width:				466px;
	height:				490px;
	margin-right:		16px;
}

#body-inner-home-right-front
{
	position:			absolute;
	width:				466px;
	height:				490px;
	background-image:	url(images/home/bkg.gif);
	background-repeat:	no-repeat;
	cursor:				pointer;
}

#body-inner-home-right-back
{
	position:			absolute;
	width:				466px;
	height:				490px;
	background-image:	url(images/home/bkg-2.gif);
	background-repeat:	no-repeat;
	cursor:				pointer;
	display:			none;
	opacity:			0;
}

.body-inner-home-downloads
{
	width:				24px;
	height:				24px;
	margin-right:		4px;	
}

#box
{
	position:			relative;
	min-height:			490px;
	width:				370px;
	left:				40px;
	top:				0px;
}

#box div
{
	position:			relative;
	padding-top:		25px;
	padding-bottom:		25px;
	width:				380px;
}

#box-tl
{
	position:			absolute;
	background-image:	url(images/home/t.gif);
	width:				140px;
	height:				90px;
}

#box-br
{
	position:			absolute;
	background-image:	url(images/home/b.gif);
	width:				140px;
	height:				90px;
	bottom:				8px;
	right:				15px;
}

.body-inner, .body-inner-home
{
	color:				#666666;
	font-family:		verdana;
	font-size:			x-small;	
}

.body-inner a, .body-inner a:visited, .body-inner-home a, .body-inner-home a:visited
{
	color:				#669933;
	text-decoration:	none;
}

.body-inner a:hover, .body-inner-home a:hover
{
	color:				#336600;
	text-decoration:	underline;
}

.body-inner h1
{
	color:				#996699;
	font-weight:		bold;	
	font-family:		verdana;
	font-size:			14px;
}

.body-inner h2
{
	color:				#996699;	
	font-family:		verdana;
	font-size:			12px;
}

.body-inner-home h1
{
	color:				#99cc33;
	font-weight:		bold;	
	font-family:		verdana;
	font-size:			14px;
}

.body-inner-home h2
{
	color:				#99cc33;	
	font-family:		verdana;
	font-size:			12px;
}

/**************************************************************
FORM
**************************************************************/

.input-unfocus
{
	color:				#cccccc;	
}

#form-title
{
	margin-left:		6px;
}

#form-intro
{
	margin:				6px;	
	margin-bottom:		10px;
}

.form-title
{
	font-size:			15px;	
	color:				#996699;
	font-weight:		bold;
	font-family:		verdana;
}

.form-error
{
	color:				#cc6666;
	font-weight:		bold;
	height:				30px;
}

.form-success
{
	font-weight:		bold;
	text-align:			center;
}

#form-m
{
	width:				725px;
	background-image:	url(images/form/m.gif);
}

#form-m-inner
{
	margin-left:		25px;
	width:				670px;
}

#form-t
{
	background-image:	url(images/form/t.gif);
	width:				725px;
	height:				35px;
}

#form-b
{
	background-image:	url(images/form/b.gif);
	width:				725px;
	height:				35px;
	margin-bottom:		3px;
}

#form-detail
{
	margin-top:			25px;
	margin-left:		25px;
	width:				670px;
}

.form-input-error input, .form-input-error textarea, .form-input-error select
{
	
}

.form-normal input, .form-normal textarea
{
	border:				1px solid #cccccc;	
}

.form-row
{
	height:				20px;
	padding:			4px 0px 4px 0px;
}

.form-row-error
{
	height:				18px;
	padding:			0px;
}

.form-row-textarea
{
	height:				150px;
}

.form-row-textarea-short
{
	height:				70px;
}

.form-row-submit
{
	height:				25px;
	margin-right:		3px;
}

.form-field
{
	float:				left;
	width:				100px;
	height:				18px;
	line-height:		18px;
	color:				#996699;
	font-weight:		bold;
}

.form-field-error
{
	color:				#cc6666;
}

.form-input
{
	float:				left;
	width:				570px;
	height:				18px;
}

.form-input input
{
	width:				250px;	
	height:				16px;
	font-family:		verdana;
	font-size:			11px;
}

.form-input select
{
	width:				252px;	
	height:				18px;
	font-family:		verdana;
	font-size:			11px;
	border:				1px solid #cccccc;	
}

.form-textarea
{
	float:				left;
	width:				570px;
}

.form-textarea textarea
{
	width:				565px;
	height:				150px;
	font-family:		verdana;
	font-size:			11px;
}

.form-textarea-short textarea
{
	height:				70px;
}

.form-submit
{
	float:				right;	
}

.form-submit input
{
	width:				150px;
}

#form-divider
{
	height:				3px;
	width:				640px;
	background-color:	#996699;
	margin-top:			20px;
	margin-left:		41px;
	padding:			0px 0px 0px 0px;
}

/**************************************************************
SIDE BAR
**************************************************************/

#side
{
	position:			absolute;
	top:				272px;
	right:				0px;
	z-index:			3;
	width:				225px;
	height:				225px;
}

/**************************************************************
SEARCH BOX
**************************************************************/

#side-search-box
{
	width:				225px;
	height:				27px;
	background-image:	url(images/search/box.gif);
}

#side-search-box-input
{
	border:				0px;
	margin-left:		8px;
	height:				16px;
	width:				180px;
}

#side-search-box-button
{
	position:			absolute;
	right:				1px;
	top:				1px;
	height:				19px;
	width:				32px;
	cursor:				pointer;
	background-image:	url(images/search/box-button.png);
}

/**************************************************************
CALENDAR
**************************************************************/

#side-calendar-box
{
	position:			relative;
	width:				225px;
	height:				246px;
	background-image:	url(images/calendar/box.gif);
}

#side-calendar
{
	position:			absolute;
	top:				15px;
	left:				28px;
	width:				200px;
	height:				223px;
	background-image:	url(images/calendar/bkg.gif);
	background-repeat:  no-repeat;
}

#side-calendar-top
{
	position:			absolute;
	top:				13px;
	left:				0px;
	width:				175px;
	height:				25px;
}

#side-calendar-top-month
{
	position:			absolute;
	width:				100px;
	left:				6px;
	line-height:		25px;
}

.side-calendar-top-month
{
	color:				#ffffff;
	font-family:		arial;	
	font-size:			11px;
	font-weight:		bold;
}

#side-calendar-top-previous
{
	position:			absolute;
	left:				110px;
	width:				14px;
	height:				14px;
	top:				6px;
	background-image:	url(images/calendar/previous.png);
	cursor:				pointer;
}

#side-calendar-top-next
{
	position:			absolute;
	left:				128px;
	top:				6px;
	width:				14px;
	height:				14px;
	background-image:	url(images/calendar/next.png);
	cursor:				pointer;
}

#side-calendar-body
{
	position:			absolute;
	top:				63px;
	left:				0px;
	width:				175px;
	height:				150px;
}

#side-calendar-body div
{
	float:				left;
	width:				25px;
	height:				25px;
	line-height:		25px;
	text-align:			center;
	font-family:		verdana;
	font-size:			11px;
}

.side-calendar-day-past
{
	background-image:	url(images/calendar/day-past.png);
	color:				#cccccc;
}

.side-calendar-day-event
{
	background-image:	url(images/calendar/day-event.png);
	cursor:				pointer;
	color:				#336600;
}

.side-calendar-day-today
{
	color:				#333333;
	font-weight:		bold;
}

/**************************************************************
SPONSOR
**************************************************************/

#side-sponsor-box
{
	width:				225px;
	height:				90px;	
}

/**************************************************************
FLOATING CALENDAR
**************************************************************/

input.dashboard, select.dashboard 
{
	width: 				228px;
	color:				#cccccc;
}

button.dashboard 
{
	background: 		url(images/calendar/dashboard-icon.gif);
	border: 			0;
	margin-left:		2px;
	cursor: 			pointer;
	position: 			absolute;
	height: 			20px;
	width: 				20px;
}

button.dashboard:hover, button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard 
{
	background: 		url(images/calendar/dashboard.png);
	height: 			158px;
	padding: 			0 0px;
	text-align: 		center;
	width: 				129px;
}	
	
div.dashboard * 
{
	margin: 			0;
	padding: 			0;
}	
	
div.dashboard div 
{
	background: 		none !important;
	height: 			141px;
	overflow: 			hidden;
	padding-top: 		8px;
	position: 			relative;
	width: 				129px;
}	
	
div.dashboard caption 
{
	color: 				#ffffff;
	font-family:		verdana;
	font-size:			11px;
	padding-top: 		0px;
	text-align: 		left;
	width: 				129px;
	height:				25px;
}

div.dashboard caption a 
{
	cursor: 			pointer;
	display: 			block;
	height: 			8px;
	overflow: 			hidden;
	position: 			absolute;
	text-indent: 		-100px;
	top: 				0px;
	width: 				6px;
}
	
div.dashboard caption a.prev 
{
	background-image: 	url(images/calendar/previous-small.png);
	right: 				10px;
	top:				15px;
}

div.dashboard caption a.next 
{
	background-image: 	url(images/calendar/next-small.png);
	right: 				0px;
	top:				15px;
}
	
div.dashboard caption span 
{
	height: 			25px;
	position: 			relative;
	text-align: 		center;
	display:			inline;
}

div.dashboard caption span.month  
{
	position: 			absolute;
	left:				8px;
}

div.dashboard caption span.month a.prev 
{
	left: 				0px;
	top:				15px;
}

div.dashboard caption span.month a.next 
{
	left: 				10px;
	top:				15px;
}

div.dashboard caption span.month:after 
{
	content: 			'';
}

div.dashboard caption span.year 
{
	position: 			absolute;
	right:				8px;
}

div.dashboard table 
{
	position:			absolute;
	border: 			0;
	border-collapse: 	collapse;
	border-spacing: 	0;
	cursor: 			default;
	left:				5px;
	overflow: 			hidden;
	width: 				119px;
}

div.dashboard th 
{
	border: 			0;
	font-size:			8px;
	text-align: 		center;
	line-height:		17px;
	width: 				17px;
	height: 			17px;
	color:				#996699;
	font-weight:		normal;
	font-family:		verdana;
}

div.dashboard td
{
	border: 			0;
	font-size:			8px;
	text-align: 		center;
	line-height:		17px;
	width: 				17px;
	height: 			17px;
	font-family:		verdana;
}

div.dashboard td.valid 
{
	color: 				#000000;
	cursor: 			pointer;
}

div.dashboard td.active, div.dashboard td.hover 
{
	color: 				#996699;
	font-weight:		bold;
	cursor: 			pointer;
}