* {
	margin: 0;
	padding: 0;
}

BODY {
	width: 100%;
	height: 100%;
	background: #96b5f6 url('/images/bg_body.jpg') repeat-x;
	font-family: Georgia, serif;
	font-size: 1em;
	text-align: center;
	line-height: 125%;
	color: #333333;
}

H1 {
	font-size: 40px;
	color: #0099cc;
	font-weight: normal;
	margin-bottom: 12px;
	display: block;
}


H2 {
	font-size: 24px;
	color: #0099cc;
	font-weight: normal;
	margin-bottom: 12px;
	display: block;
}

A {
	text-decoration: none;
	color: #006699;
}

A:hover {
	text-decoration: underline;
}

IMG {
	border: 0;
}

TABLE {
	border-collapse: collapse;
}

p { margin: 1em 0; }


TABLE.body {
	width: 100%;
	height: 100%;
}

#container {
	width: 982px;
	height: 100%;
	background: #edf2fe;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

	#container TD.side {
		width: 16px;
		margin: 0;
		padding: 0;
	}
		#container TD.side.tl {
			height: 435px;
			background: url('/images/bg_page_tl.jpg') left top no-repeat;
		}

		#container TD.side.tr {
			height: 435px;
			background: url('/images/bg_page_tr.jpg') left top no-repeat;
		}
	
		#container TD.side.bl {
			background: url('/images/bg_page_bl.gif');
		}

		#container TD.side.br {
			background: url('/images/bg_page_br.gif');
		}

	#smallmenu {
		width: 360px;
		height: 40px;
		float: right;
		background: url('/images/bg_smallmenu.gif') no-repeat;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
	}

		#smallmenu A {
			color: #0099cc;
		}

			#smallmenu A:hover {
				color: #333333;
			}

		#smallmenu UL {
			list-style: none;
			margin-top: 10px;
			margin-left: 20px;
		}
		
			#smallmenu SPAN {
				padding-right: 4px;
				margin-right: 4px;
				border-right: 1px solid #0099cc;
				display: block;
				float: left;
			}	
		
			#smallmenu LI {
				display: inline;
			}

			#smallmenu LI.last {
				border: 0;
				padding-right: 0;
			}

	#mainmenu {
		height: 38px;
		background: url('/images/bg_mainmenu.jpg');
		font-size: 18px;
	}

		#mainmenu UL {
			list-style: none;
		}

		#mainmenu LI {
			display: block;
			height: 40px;
			float: left;			
		}

			#mainmenu SPAN {
				display: block;
				padding: 8px 12px 0 12px;
			}

			#mainmenu LI:hover  {
				background: url('/images/bg_mainmenu_hover.jpg') repeat-x;
			}
			
			 #mainmenu LI.active {
			 	background: url('/images/bg_mainmenu_active.jpg') repeat-x;
			 }

		#mainmenu A {
			color: white;
		}

	#logo {
		width: 135px;
		height: 140px;
		float: left;
		margin-top: 20px;
		margin-left: 35px;
	}

	#banner {
		width: 728px;
		height: 90px;
		margin-left: 35px;
		margin-top: 5px;
		float: left;
	}

#content {
	padding: 10px;
	height: 100%;
	vertical-align: top;
	width: 100%;
}



	.contentitem H1 {
		border-bottom: 4px solid #0099CC;
	}


.articleContent IMG {
	margin-right: 8px;
	border: 6px solid white;
}

	.articleContent UL {
		list-style-image: url('/images/star_blue_lg2.gif');
		font-size: 16px;
		margin-left: 26px;
		margin-top: 4px;
	}
	
	.articleContent UL LI {
		margin-bottom: 4px;
	}

.box_blue {
	width: 320px;
	height: 220px;
	background: white;
	border: 4px solid #8cccfb;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

	

.box_yellow {
	width: 320px;
	height: 200px;
	background: white;
	border: 4px solid #ffcc00;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

	.box_blue .content, .box_yellow .content {
		padding: 10px;
	}

#footer {
	height: 75px;
	padding-top: 8px;
	color: #003366;
	vertical-align: top;
	padding: 0 10px 0 10px;
}

	#footer .col1 {
		
		float: left;
		width: 300px;
	}

	#footer .col2 {
		float: left;
		width: 550px;
	}

	#footer .col3 {
		width: 73px;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#footer IMG {
		margin-right: 10px;
	}
	
		#footer .logo_padi IMG {
			margin: 0;
		}

	
#sidebar {
	width: 240px;
	margin-left: 20px;
	height: 100%;
	vertical-align: top;
	padding: 10px 0 0 10px;
}

	.menubox {
		width: 226px;
		background: white;
		border: 8px solid #e0f1fe;
		float: left;
		padding-bottom: 20px;
		margin-bottom: 60px;
	}
	
	.quotebox {
		width: 226px;;
		background: #e0f1fe;
		border: 8px solid white;
		float: left;
		font-size: 12px;
		color: #333333;
	}
	
	.quotebox .wrapper {
		padding: 16px;
		display: block;
	}
	
	.quotebox .author {
		font-style: italic;
		text-align: right;
	}
	
		
	.contentitem {
		margin-bottom: 1em;
	}
	
	
		.contentitem TABLE {
			width: 100%;
			margin-bottom: 10px;
		}
		
			.contentitem TD {
				padding: 2px;
			}
			
			.contentitem TH {
				padding: 2px;
				border: 0;
			}
	
	
/** gallery **/
DIV.galleryPicture {
	width: 112px;
	height: 111px;
	background: url('/images/bg_picture.gif') no-repeat;
	float: left;
	margin: 0px 20px 20px 0;
}

	DIV.galleryPicture.front {
		margin: 0;
		margin-right: 3px;
	}

.galleryThumb  {
	margin: 11px;
}	

/** left menu **/
UL.leftmenu {
	list-style-image: url('/images/icon_leftmenu.gif');
	font-size: 16px;
	margin-left: 36px;
	margin-top: 20px;
}
	UL.leftmenu .sub1{
		list-style-image: url('/images/icon_leftmenu.gif');
		font-size: 16px;
		margin-left: 16px;
		margin-top: 4px;
	}

	UL.leftmenu .sub2{
		list-style-image: url('/images/icon_leftmenu.gif');
		font-size: 16px;
		margin-left: 16px;
		margin-top: 4px;
	}

	
	UL.leftmenu LI {
		margin-bottom: 4px;
	}
	

	UL.leftmenu A.active {
		color: #0099CC;
	}

	UL.leftmenu A , UL.bluelg A {
		color: #666666;
	}
	
	UL.leftmenu A:hover , UL.bluelg A:hover {
		color: #0099CC;
	}

UL.bluelg {
	list-style: none;
}	
	
	UL.bluelg LI {
		list-style:none;
		padding-left: 25px;
		padding-top: 2px;
		background: url('/images/icon_blue_large.gif') no-repeat 0 0;
		margin-bottom: 4px;
	}

		
	
/** front items **/
.frontitem {
	margin-bottom: 4px;	
	color: #666666;
}

	.frontitem A , .smalltext A {
		color: #666666;
	}
	
	.frontitem A:hover , smalltext A:hover {
		color: #0099CC;
	}
	
	.frontitem .date {
		font-size: 12px;
	}	
	
	.frontitem .title {
		font-size: 20px;
	}
	
.smalltext {
	font-size: 12px;
	text-align: right;
}	

/** forms **/
/** admin forms **/
INPUT, TEXTAREA, SELECT {
	font-size: 12px;
	border: 1px #666666 double;
	padding: 2px;
}

TEXTAREA {
	color: #666666;
	width: 300px;
	font-family: Trebuchet MS , Arial, Helvetica, sans-serif;
	overflow: auto;
}

INPUT.checkbox {
	border: 0;
}

.label {
	font-weight: bold;
	text-align: right;
	color: #666666;
	vertical-align: top;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.field {
	width: 300px;
	color: #666666;
	background-color: white;
	font-family: Trebuchet MS , Arial, Helvetica, sans-serif;
}

.sm {
	width: 50px;
}

.wide {
	width: 300px;
}

.medium {
	width: 150px;
}

DIV.button {
	background: white;
	border: 1px solid #c0c0c0;
	padding: 2px 4px 2px 4px;
	float: left;
	width: 100px;
}

DIV.button .button , DIV.button .button_red {
	text-transform: uppercase;
	border: 0;
	color: #ffffff;
	width: 100%;
	border: 1px solid #c0c0c0;
	background: #0099cc url('/images/bg_button.jpg') repeat-x;
}

	.button:hover {
		background: #0099cc url('/images/bg_button_hover.jpg') repeat-x;
	}

	DIV.button .button_red {
		background: #ff0000 url('/images/bg_button_red.jpg') repeat-x;
	}

	DIV.button .button_red:hover {
		background: #ff0000 url('/images/bg_button_red_hover.jpg') repeat-x;
	}

	DIV.button.left {
		float: left;
	}

	DIV.button.right {
		float: right;
		margin: 0;
	}


FIELDSET {
	border: 0;
}

	FIELDSET LEGEND {
		visibility: hidden;
		display: none;
	}

	
FIELDSET.form {
	margin-top: 10px;
}


FIELDSET.form.login {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

FIELDSET.form.login .button {
	float: right;
}

FIELDSET.form.login .field {
	font-size: 16px;
	font-weight: bold;
}

FIELDSET.form DIV {
	margin-bottom: 10px;
}

FIELDSET.form LABEL {
	width: 160px;
	/* text-align: right; */
	padding-right: 4px;
	font-weight: bold;
	display: block;
	float: left;
}


FIELDSET.form SPAN {
	display: block;
 	margin: 0;
	background: #f0f0f0;
	padding: 4px;
	width: 300px;
	clear: left;
}

FIELDSET.form SPAN.wide {
	width:500px;
}

/** newsletterform */
#nlform {
	color: white;
	background: #006699;
	width: 252px;
	height: 45px;
	background: url('/images/bg_newsletter.jpg') no-repeat;
	float: right;
	font-family: Tahoma, Helvetica, sans-serif;
	color: white;
}

#nlform TD {
	font-size: 11px;
	color: white;
}

#nlform A {
	color: white;
}


TD.c {
	text-align: center;
	width: 28px;
}

TABLE.sitemap {
	margin: 0;
}
	
	TABLE.sitemap TD {
		padding: 0;
	}
	
	TABLE.sitemap A {
		color: inherit;
	}

	TABLE.sitemap A:hover {
		color: #0099cc;
	}
