﻿/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style:none; }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* REMOVE PADDING AND MARGIN VALUES */
* {	margin: 0; padding: 0;/*border: 1px solid black !important*/ }

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a img,:link img,:visited img { border:none; }
:link,:visited { text-decoration:none }

/* DE-ITALIZICE ADDRESS */
address { font-style:normal }

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}


/* basic elements */

body 
{
	color: #4c4c4c;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	background: #dfdbd3 url(graphics/bg.gif) top left repeat-x;
}
div {
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
	margin: 0;
	padding: 0;
}
p {
	font-size: .8em;
	line-height: 2em;
}
a {
	color: #4c4c4c;
	-moz-outline-style: none;
	outline: none;
}

acronym, abbr {
	border: 0 none;
	cursor: help;
	font-style: italic;
	background: transparent url(graphics/abbr.gif) bottom left repeat-x;
}
#container {
	width: 800px;
	background: transparent url(graphics/contbg.gif) top left repeat-y;
}
#intro {
	padding-top: 15px;
	width: 755px;
	min-height: 215px;
	height: 215px;
	background: transparent url(graphics/banner.gif) top left no-repeat;
	z-index: 0;
}
#supportingText {
	margin: 0 0 0 70px !important;
	margin: 0 0 0 70px;
	padding: 30px 0 30px 0;
	min-height: 300px;
	width: 686px;
	height: auto;
}
#supportingText h3, #supportingText p {
	padding-left: 10px;
	padding-right: 40px;
}
#participation, #benefits, #requirements {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 0 69px 0 26px;
	padding-bottom: 20pt;
	width: 600px;
}
.generalContainer 
{
	width:100%;
	padding: 0 20px 0px 20px;
}
.photoAlbumContainer 
{
	width:100%;
	padding: 0 20px 0px 20px;
	margin: 0 auto;
}
.photoAlbumContainerInner 
{
	width:100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;

}
.photoPagerContainerInner 
{
	text-align:center;
	margin: 0px auto;
}
/* configures cat menu */
#menuItemsContainer 
{
	width:100%;
	padding: 0px 20px 20px 20px;
}
#menuItemContent 
{
	width:100%;
	padding: 0px 20px 20px 20px;
}

div.spacer {
	clear: both;
	height: 10px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.spacer-20px {
	clear: both;
	height: 20px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.spacer-35px {
	clear: both;
	height: 35px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.spacer-50px {
	clear: both;
	height: 50px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.spacer-100px-right 
{
	clear: both;
	float:right;
	height: 100px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.spacer2 {
	clear: both;
	height: 5px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.pedigreeNote {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 0px;
	padding-bottom: 20pt;
	width: 640px;
	line-height: 15px;
}
/* textual styles */
div.highlights 
{
	
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	width: 100%;
	float:left;
}
.highlights .title 
{
	font-size: 115%;
	font-style:normal;
	font-weight:bold;
	margin-bottom: 20px;
	color: #cccccc;
	display: inline-block;
	text-align:left;
}
div.photoAlbumHeader 
{
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size:medium;
	margin: 0;
	padding: 0 0 0 10px;
	padding-bottom: 5px;
	display: inline-block;
	width:100%;
}
.photoAlbumHeader h1 
{
	font-style:normal;
	font-weight:normal;
	font-size: 0.65em;
	color: #a7a7a7;
	padding-left: 25px;
}
.photoAlbumHeader h6 
{
	font-style:italic;
	font-weight:normal;
	font-size: 0.83em;
	color: #a7a7a7;
	padding-left: 28px;
}
div.header 
{
	margin: 0;
	padding: 0 0 0 35px;
	padding-bottom: 5px;
	width: 630px;
	display: inline-block;
	margin-bottom: 20px;
}
.header h1 
{
	font-style:normal;
	font-weight:bold;
	font-size: 1.2em;
	color: #a7a7a7;
	padding-left: 25px;
}
.header h6 
{
	font-style:italic;
	font-weight:normal;
	font-size: 0.55em;
	color: #a7a7a7;
	padding-left: 28px;
}

div.subtitle {
	margin: 0;
	padding: 0;
	width: 100%;
}
.subtitle h1 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	margin-bottom: 10px;
	color: #4c4c4c;
	display: inline-block;
}

div.section {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
}
.section h2 {
	font-size: 13px;
	font-style:normal;
	font-weight: bold;
	text-decoration:underline;
	margin-bottom: 2px;
	color: #FF6701;
	padding-left: 20px;
	display: inline-block;
	
}
div.blockText {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 0 0 20px 0;
	width: 686px;
}
.justify {
	padding: 0px auto;
	text-align: justify;
}
.blockText p {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 16px;
}
.blockText .leftColumn {
	padding: 0 auto;
	padding-left: 40px;
	width: 285px;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 16px;
	float: left;
	text-align: justify;
}
.blockText .rightColumn {
	padding: 0 auto;
	padding-right: 40px;
	width: 285px;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 16px;
	float: right;
	text-align: justify;
}
.blockText .singleColumn {
	padding: 0 auto;
	width: 100%;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 16px;
	float: left;
	text-align: justify;
}
.blockText .rightColumn h1, .leftColumn h1 {
	text-align: left;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding-left: 35px;
	color: #4C4C4C;
	display: inline-block;
}

.blockText .rightColumn h2, .leftColumn h2 {
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
	color: #4c4c4c;
	font-style: normal;
	font-weight: bold;
	display: inline-block;
}
.blockText .rightColumn h3, .leftColumn h3 {
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
	color: #4c4c4c;
	font-style: normal;
	font-weight: bold;
	display: inline-block;
}
.blockText .rightColumn h4, .leftColumn h4 {
	text-align: left;
	font-size: 11px;
	padding-left: 0px;
	color: #4c4c4c;
	font-style: normal;
	font-weight: bold;
	display: inline-block;
}
.blockText .rightColumn h5, .leftColumn h5 {
	text-align: left;
	font-size: 130%;
	padding-left: 0px;
	color: #cccccc;
	font-style: normal;
	font-weight: bold;
	display: inline-block;
}
.accordionLink {
	padding: 0;
	padding-left: 0;
	color: #FF6701;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	-moz-outline-style: none;
}
.accordionHeader {
}
.accordionContent {
	padding: 5px 0 15px 15px;
	line-height: 13px;
}
.bulletList {
	margin-left: 10px;
	padding-left: 0;
	list-style: none;
}
.bulletList li {
	padding-left: 5px;
}
.bulletList li a:link, li a:visited, li a:active, li a:hover {
	color: #000000;
}
.bulletList li a:focus {
	-moz-outline-style: none;
}
.numberedList {
	margin-left: 30px;
	padding-left: 0;
	list-style: none;
	padding-right: 40px;
}
.numberedList li {
	padding-left: -1px;
}
.discBoldList {
	margin-left: 30px;
	padding-left: 0;
	list-style: none;
}
.discBoldList li {
	padding-left: -1px;
	font-weight: bold;
}
.discDefaultList {
	margin-left: 30px;
	padding-left: 0;
	list-style: none;
}
.discDefaultList li {
	padding-left: -1px;
	font-weight:normal;
}
.discBoldList2 {
	margin-left: 30px;
	padding-left: 0;
	list-style: none;
}
.discBoldList2 li {
	padding-left: -1px;
	font-weight: normal;
}
.
/* end of textual styles */
.contactDetailsWrapper {
	padding: 0 0 0 26px;
	padding-bottom: 15pt;
	width: 600px;
}
.contactDetails {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	margin-right: 5%;
	width: 40%;
	float: left;
}
.contactDetails h2 {
	color: #FF6701;
	font-size: 100%;
	font-style: normal;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	border-bottom: 1px #cccccc dashed;
	font-weight: bold;
}

#infoList {
	left: 755px;
	padding-top: 5px;
	position: absolute;
	top: 10px;
	width: 285px;
	height: 10px;
	z-index: 0;
}
#infoList2 {
	cursor: hand;
	width: auto;
	height: auto;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 10px;
	padding: 0 5px 0 10px;
	float: left;
}
#newsList {
	left: 755px;
	padding: 5px 5px 5px 5px;
	position: absolute;
	width: 285px;
	height: 100px;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 10px;
	text-align: left;
	z-index: 0;
	background: transparent url(graphics/infobg.gif) top left repeat-y;
}
.newsPanel {
	width: 100%;
	height: 100%;
	overflow: hidden !important;
}
.flagFlyoutTab
{
	width: 90px; 
	height: 110px; 
	border-collapse:collapse;
}
.flagFlyoutTab tr
{
	vertical-align:middle;
}

.flagFlyoutTab td
{
	padding: 0px 0px 0px 5px;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 10px;
	text-align: left;
	color: #4c4c4c;
}

.flagFlyoutTab td a
{
	text-decoration:none;
}

.commentbox {
	padding: 0px;
	width: 600px;
	height: auto;
	
}
.commentfooter {
	
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
}
.commentbox .date {
	color: #FFF;
	background: #FF6701;
	font-weight: bold;
}
.commentbox .header {
	margin-bottom: 5px;
}
.commentbox .title {
	font-weight: bold;
	text-decoration: underline;
}
.commentbox .content 
{
	padding-top:5px;
	line-height: 15px;
	font-size: 10px;
	text-align: left;
}
#linkList {
	left: 755px;
	padding-top: 30px;
	position: absolute;
	top: 175px;
	width: 285px;
	height: auto;
	z-index: 0;
	background: transparent url(graphics/navbg.gif) top left repeat-y;
}
#linkList2 {
	font: .6em/1.4em Verdana,Arial,Helvetica, Sans-Serif;
	padding-bottom: 160px;
}
#linkList3 {
	height: auto;
	margin: 5px 30px 5px 5px;
}
/* QUICK LINKS STYLES */
.quickLinksFlyoutPopup {
	background-color: #fcfcfc;
	border: solid 1px silver;
	padding: 10px;
	text-align: left;
}
.quickLinksFlyoutPopup h4 {
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #00008B;
	height: 5px;
	padding-left: 10px;
}
.quickLinksFlyoutPopup .hyperlinks {
	width: 200px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	font-family: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
}
.quickLinksFlyoutPopup .hyperlinks .listItem {
	color: black;
	text-decoration: none;
}
.quickLinksFlyoutPopup .hyperlinks .listItem a, .listItem a:visited {
	color: black;
	text-decoration: none;
}
.quickLinksFlyoutPopup .hyperlinks .listItem a:hover {
	color: #DC143C;
	text-decoration: none;
}
.quickLinksFlyoutPopupHr {
	background-color: #D6E3EF;
	width: 5px;
}
/* END QUICK LINKS STYLES */

/* QUICK PICTURE VIEW STYLES */
.quickPictureViewFlyoutPopup 
{
	width:640px;
	height:436px;
	background-color: #eeeeee;
}
.quickPictureViewFlyoutPopup .cross:hover {
	cursor: hand !important;
}
/* END QUICK PICTURE VIEW STYLES */
#footer {
	width: 755px;
	background: transparent url(graphics/footer-bg.gif) top left no-repeat;
	padding: 10px 0 50px 0;
	z-index: 0;
}
#footer .image {
	float: left;
	vertical-align: top;
	margin: 0;
	text-align: center;
	padding-left: 30px;
}
#footer2 {
	text-align: left;
	font-size: 10px;
	margin-left: 120px;
	padding: 100px 0 0 170px;
}


