/* BASE */
* { margin: 0; padding: 0; }

body, html {
	width: 100%;
	height: 100%;
	background: #749DDD url(/share/images/site/page-background.gif) center repeat-y;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	/*color: #6F6F6F;*/
	color: #333333;

	height: 100%;
}

img {
	border: none;
}

a {
	color: #CC3399;
	text-decoration: none;
}

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

h1, h2, h3, h4, h5 {
	margin: 0 0 10px 0;
	font-size: 18px;
}

h1 {
	color: #fff;
}

p {
	margin: 0 0 10px 0;
}

#content #left ul, #content #left ol {
	margin: 0 0 0 10px;
}

#content #left ul li, #content #left ol li {
	margin: 0 0 0 10px;
}

/* LAYOUT */
#wrap {
	width: 768px;
	margin: auto;
	padding: 0 19px 19px 19px;
	display: table;
}

#header {
	width: 768px;
	height: 230px;
	float: left;
	padding: 0 19px 19px 19px;
}

#main {
	width: 768px;
	padding: 10px 19px 0 19px;
	float: left;
}

#footer {
	width: 768px;
	padding: 8px 19px 0 19px;
	float: left;
	border-top: 1px solid #DEDEDE;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666;
}

/* HEADER */
#header ul {
	position: absolute;
	top: 0;
	list-style: none;
	margin-left: 40px;
}

#header ul li {
	height: 45px;
	float: left;
}

#header ul li.separator {
	width: 1px;
	background: url(/share/images/site/header-menu-separator.gif) no-repeat;
}

#header ul li a {
	height: 45px;
	padding: 0 15px;
	float: left;
	background: url(/share/images/site/header-menu-background.gif) repeat-x;
	line-height: 45px;
	color: #fff;
}

#header ul li a:hover {
	background: url(/share/images/site/header-menu-background-hover.gif) center repeat-x;
	text-decoration: none;
}

/* #header ul li.current a {
	background: url(/share/images/site/header-menu-background-hover.gif) center repeat-x;
	text-decoration: none;
} */

#header ul li.begin {
	padding: 0 0 0 16px;
	background: url(/share/images/site/header-menu-left.png) no-repeat;
}

/* #header ul li.current.begin {
	padding: 0 0 0 16px;
	background: url(/share/images/site/header-menu-left-hover.png) no-repeat;
} */

#header ul li.begin a {
	padding: 0 15px 0 0;
}

#header ul li.end {
	padding: 0 16px 0 0;
	background: url(/share/images/site/header-menu-right.png) right no-repeat;
}

/* #header ul li.current.end {
	padding: 0 16px 0 0;
	background: url(/share/images/site/header-menu-right.png) right no-repeat;
} */

#header ul li.end a {
	padding: 0 0 0 15px;
}

#header ul li a.print {
	width: 19px;
	text-indent: -9000px;
	background: url(/share/images/site/header-menu-print.gif) no-repeat;
}

#header ul li a:hover.print {
	background: url(/share/images/site/header-menu-print-hover.gif) no-repeat;
}

#header h1 img {
	position: absolute;
}

/* MAIN */
/* MAIN -> BREADCRUMB */
#breadcrumb {
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
}

#breadcrumb span {
	color: #CC3399;
}

#breadcrumb ul {
	list-style: none;
	display: inline;
	color: #CC00CC;
}

#breadcrumb ul li {
	display: inline;
}

#breadcrumb ul li a {
	color: #CC00CC;
}

/* MAIN -> CONTENT */
#content {
	float: left;
	line-height: 20px;
}

#content #left {
	width: 544px;
	padding: 0 19px 19px 0;
	float: left;
}

#content #left .grey {
	position: relative;
	width: 768px;
	margin: 0 0 -19px -19px;
	padding: 19px 19px 19px 19px;
	float: left;	
	background: #F6F6F6;
	z-index: 100;
}

#content #left .grey div {
	width: 544px;
	padding: 0 19px 0 0;
	float: left;	
}

#content #left .grey img.with-border {
	margin: 0 0 0 19px;
	border: 4px solid #fff;
}

#content #left div#banners {
	width: 204px;
	padding: 0;
	float: left;
}

#content #left .news {
	padding-top: 10px;
	clear: both;
}

#content #right {
	width: 204px;
	float: left;
}

#content #right ul {
	width: 204px;
	margin-bottom: 30px;
	float: left;
	list-style: none;
}

#content #right ul li {
	width: 204px;
	float: left;
}

#content #right ul li a {
	width: 170px;
	height: 27px;
	margin: 1px 0 2px 0;
	padding: 0 0 0 34px;
	float: left;
	color: #fff;
	line-height: 27px;
}

#content #right ul li a.nav1 { background: url(/share/images/site/navigation-pink.gif) no-repeat; }
#content #right ul li a.nav2 { background: url(/share/images/site/navigation-orange.gif) no-repeat; }
#content #right ul li a.nav3 { background: url(/share/images/site/navigation-green.gif) no-repeat; }
#content #right ul li a.nav4 { background: url(/share/images/site/navigation-blue.gif) no-repeat; }

#content #right ul li a:hover { 
	background: url(/share/images/site/navigation-hover.gif) no-repeat;
	text-decoration: none;
	color: #000;
}

/* #content #right ul li a.current { 
	background: url(/share/images/site/navigation-hover.gif) no-repeat;
	text-decoration: none;
	color: #000;
} */

#content #banners a {
	margin-bottom: 30px;
}

#content #banners a.pink {
	padding: 8px 0 0 8px;
	float: left;
	background: url(/share/images/site/banner-corner-pink-top.gif) top left no-repeat;
}

#content #banners a.pink span {
	padding: 0 8px 3px 0;
	float: left;
	background: url(/share/images/site/banner-corner-pink-bottom.gif) bottom right no-repeat;
}

#content #banners a.orange {
	padding: 8px 0 0 8px;
	float: left;
	background: url(/share/images/site/banner-corner-orange-top.gif) top left no-repeat;
}

#content #banners a.orange span {
	padding: 0 8px 3px 0;
	float: left;
	background: url(/share/images/site/banner-corner-orange-bottom.gif) bottom right no-repeat;
}

#content #banners a span img {
	border: 6px solid #ccc;
	cursor: pointer;
}

#content #banners a:hover span img {
	border-color: #FFCC00;
}

/* FOOTER */
#footer p {
	float: right;
	text-align: right;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #CC3399;
	text-decoration: underline;
}

#footer span {
	color: #CC3399;
}

#footer ul {
	margin-left: -6px;
	list-style: none;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	padding: 3px;
	margin: 0 3px;
	color: #666;
}

#footer ul li a:hover {
	color: #fff;
	background: #CC3399;
	text-decoration: none;
}

/* FORMS */
#content label {
	/* width: 135px; */
	width: 100%;
	height: 15px;
	margin: 3px 0;
	float: left;
	line-height: 26px;
}

#content label.nonBlock {
	width: auto;
	margin: 0 0;
	clear: none;
}

#content input, #left .content textarea {
	font-size: 10px;
	line-height: 18px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

#content input.text {
	width: 280px;
	height: 17px;
	padding: 2px 5px 0 5px;
	margin: 5px 0;
	float: left;
	border: 1px solid #999;
}

#content input.file {
	width: 280px;
	height: 26px;
	margin: 5px 0;
	padding: 2px 5px 0 5px;
	float: left;
	border: 1px solid #999;
}

#content input.password {
	width: 280px;
	height: 17px;
	margin: 5px 0;
	padding: 2px 5px 0 5px;
	float: left;
	border: 1px solid #999;
}

#content input.radio {
	margin: 3px 10px;
	display: inline;
}

#content input.checkbox {
	margin: 3px 10px;
	display: inline;
}

#content input.button {
/* 	width: 56px;
	height: 20px; */
	margin: 0 0 10px 0;
	padding: 3px;
	float: left;
	cursor: pointer;
	clear: both;
}

#content textarea {
	width: 280px;
	height: 86px;
	margin: 5px 0;
	padding: 2px 5px 0 5px;
	float: left;
	border: 1px solid #999;
}

#content select {
	width: 280px;
	height: 23px;
	margin: 5px 0;
	padding: 2px 5px 0 5px;
	float: left;
	border: 1px solid #999;
}

#content select option {
	background: #fff;
}

/* GALLERY */
.gallery .image img{
	border: 4px solid #F15323;
	margin: 0 15px 15px 0;
}

/* ALIGNMENT CLASSES */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

.float-image-left  { margin: 3px 10px 3px 0;float: left; }
.float-image-right { margin: 3px 0 3px 10px; float: right; }

/* FONT STYLES */
.strong { font-weight: bold; }
.italic { font-style: italic; }

/* COLORS */
.blue { color: #003399; }
.orange { color: #F15323; }
.pink { color: #CC3399; }

/* IMAGE BORDERS */
.border-white { border: 4px solid #fff; }
.border-blue { border: 4px solid #003399; }
.border-orange { border: 4px solid #F15323; }
.border-ping { border: 4px solid #CC3399; }

/*MARGINS *10px */
.margin-top { margin-top: 10px; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }
.margin-left { margin-left: 10px; }