@charset "utf-8";
@import url("specific.css");
@import url("sliding_panels.css");
@import url("accordion.css");
@import url("tabbed_panels.css");
@import url("collapsible_panel.css");
@import url("tables.css");
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------- Screen CSS - The styles for screen medias --------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------ */

/* ***************************************************** */
/* The style for the body                                */
/* ***************************************************** */
html {
	min-height: 100%;
	height: auto;
}
body {
	background-image: url(../graphics/gui/backgrounds/bg_main.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #CCCCCC;
}
/* ***************************************************** */
/* The style general Classes                             */
/* ***************************************************** */

.displayNone {
	display: none;
}


/* ***************************************************** */
/* The styles for the main Containers                    */
/* ***************************************************** */
.divStrecher{
	width: 100%;
}
.divStrecherPersent{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.divWrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
	margin-bottom: 15px;
}
.divWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapper {
	height: 1%;
}
/* End Hide from IE-mac */

.divWrapperNoMargin {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
}
.divWrapperNoMargin:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapperNoMargin {
	height: 1%;
}
/* End Hide from IE-mac */


.divWrapperNarrow {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
	margin-bottom: 15px;
}
.divWrapperNarrow:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapperNarrow {
	height: 1%;
}
/* End Hide from IE-mac */

.divWrapperBlack {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
	padding-bottom: 15px;
	color: #CCCCCC;
}
.divWrapperBlack:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapperBlack {
	height: 1%;
}
/* End Hide from IE-mac */

.divGreyBar {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;	
	height: 1%;
}
.divGreyBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divGreyBar {
	height: 1%;
}
/* End Hide from IE-mac */

.divWhiteBar {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
	height: 1%;
	background-color: #FFFFFF;
}
.divWhiteBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWhiteBar {
	height: 1%;
}
/* End Hide from IE-mac */

.divWhiteContent {
	height: 1%;
	background-color: #FFFFFF;
	border: 1px solid #333;
	padding: 5px;
}
.divWhiteContent:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWhiteContent {
	height: 1%;
}
/* End Hide from IE-mac */

/* ***************************************************** */
/* The styles for GUI items                              */
/* ***************************************************** */
.divShadow {
	background-image: url(../graphics/gui/backgrounds/panels_shaddow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 10px;
	margin-bottom: 5px;
}
.divShadowReflect {
	background-image: url(../graphics/gui/backgrounds/panels_shaddow_reflect.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 10px;
	margin-top: 5px;
}

.divGreyRoundBarTop {
	background-image: url(../graphics/gui/round_bars/grey_round_top_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
}
.divGreyRoundBarBottom {
	background-image: url(../graphics/gui/round_bars/grey_round_bottom_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
}

.divWhiteRoundBarTop {
	background-image: url(../graphics/gui/round_bars/white_round_top_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
}
.divWhiteRoundBarBottom {
	background-image: url(../graphics/gui/round_bars/white_round_bottom_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
}

/* ***************************************************** */
/* The styles for the Header                             */
/* ***************************************************** */
#divHeader {
	background-color: #FFFFFF;
	height: 80px;
}

#divHeader a:hover {
	background-color: #FFCC00;
}
/* The Logo Square on the right */
#divLogo {
	width: 80px;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}
#divLogoContainer {
	text-align: center;
}
#divLogo h1 {
	display: none;
}
#divLogo h2 {
	display: none;
}

/* The Main Navigation Square on the left */
#divHeaderLeft {
	width: 708px;
	text-align: right;
	float: left;
}
#divMainNav {
	margin-top: 30px;
	height: 27px;
}
#divMainNav h3 {
	display: none;
}
#divMainNav li {
	display: inline;
	color: #CCCCCC;
}
#divMainNav a:link, #divMainNav a:active, #divMainNav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 3px;
}
#divMainNav a.current:link,#divMainNav a.current:visited {
	color: #CCCCCC;
	background-color: #FFFFFF;
}

/* ***************************************************** */
/* The styles for the Square Adds                        */
/* ***************************************************** */

/* The 5 squares side by side */
#divSquares h3 {
	display: none;
}
#divSquares  li {
	float: left;
	width: 20%;
	text-align: center;
	padding-top: 10px;
	height: 130px;
	display: block;
}
#divSquares span {
	display: none;
}

/* ***************************************************** */
/* The styles for the Quick Link Bar INFO BAR            */
/* ***************************************************** */

#divInfoBar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#divInfoBar h3 {
	display: none;
}
#divInfoBar li {
	display: inline;
	padding: 5px;
}
#divInfoBar a:link, #divInfoBar a:active, #divInfoBar a:visited {
	font-family: Arial, Helvetica, sans-serif;
}
#divInfoBar a:hover {
}

/* ***************************************************** */
/* The styles for the SiteInfo                           */
/* ***************************************************** */

#divSiteInfo {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 0.8em;
}
#divSiteInfo h3 {
	display: none;
}
#divSiteInfo a:hover {
	background-color: #FFCC00;
}
#divSiteInfo form {
	margin-top: 20px;
	margin-bottom: 20px;
}
#divSiteInfoBlack {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 0.8em;
}
#divSiteInfoBlack h3 {
	display: none;
}
#divSiteInfoBlack li {
	list-style-type: none;
}
#divSiteInfoBlack a:hover {
	background-color: #FFCC00;
}
#divSiteInfoBlack form {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ***************************************************** */
/* The styles for the Ticker                             */
/* ***************************************************** */

#divTicker {
	padding: 5px;
	color: #666666;
}
#divTicker li {
	display: inline;
	margin-right: 10px;
}
#divTicker a:link, #divTicker a:active, #divTicker a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
}
#divTicker a:hover {
	color: #333333;
}

/* ***************************************************** */
/* The styles for the Breadcramps                        */
/* ***************************************************** */

#divBreadcramps {
	color: #666666;
}
#divBreadcramps h3 {
	display: none;
}

#divBreadcramps li {
	display: inline;
}
#breadcrampsHome a:link, #breadcrampsHome a:visited, #breadcrampsHome a:active {
	height: 25px;
	width: 50px;
	background-image: url(../graphics/gui/ticker/home.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	float: left;
	overflow: hidden;
}
#breadcrampsHome a:hover {
	background-position: left top;
}
#breadcrampsHome span {
	display: none;
}
.breadcrampsLink a:link, .breadcrampsLink a:active, .breadcrampsLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1.1em;
	display: block;
	padding-top: 4px;
	float: left;
	height: 21px;
	background-image: url(../graphics/gui/ticker/link_arrow.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-left: 5px;
	font-style: italic;
}
.breadcrampsLink a:hover {
	color: #333333;
}
#breadcrampsCurrent {
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	font-size: 1.1em;
	color: #333333;
	font-style: italic;
	height: 21px;
	padding-top: 4px;
}

/* ***************************************************** */
/* The styles for the Quick Links                        */
/* ***************************************************** */

#divQuickLinks {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBBBBB;
}

#divQuickLinksPadding {
	height: 5px;
}
#divQuickLinks h3 {
	display: none;
}
.divQuickLinksColumn {
	float: left;
	width: 25%;
	margin: 0px;
	padding: 0px;
}
.divQuickLinksColumn ul {
	margin: 5px;
}
.divQuickLinksColumn li {
	display: block;
	padding-top: 2px;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
}
.divQuickLinksColumn a:link, .divQuickLinksColumn a:active, .divQuickLinksColumn a:visited {
	font-weight: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.divQuickLinksColumn a:hover {
	color: #333333;
}

.divQuickLinksAccordeon ul {
	margin: 5px;
}
.divQuickLinksAccordeon li {
	display: block;
	padding-top: 2px;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	color: #333333;
}
.divQuickLinksAccordeon a:link, .divQuickLinksAccordeon a:active, .divQuickLinksAccordeon a:visited {
	font-weight: normal;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
}
.divQuickLinksAccordeon a:hover {
	color: #333333;
}

/* ***************************************************** */
/* The styles for the Columns of the Main Content        */
/* ***************************************************** */

/* The main content div */
.divContent {
	float: left;
}

/* The inner container used for stretching the columns to be equal */
.divInnerContent {
	float: left;
	overflow: hidden;
	padding-bottom: 1px;
	width: 800px;
}

/* Styles for the Main 3 column layout */
.divInnerContent .divColSide { 
	float: left;
	width: 19%; /*152px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
.divInnerContent .divColTwoCenter {
	float: left;
	width: 81%; /*648px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
.divInnerContent .divColThreeCenter {
	float: left;
	width: 62%; /*490px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
.divInnerContent .divColHalf {
	float: left;
	width: 50%; /*400px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
.divInnerContent .divColThirdSides {
	float: left;
	width: 33%; /*400px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
.divInnerContent .divColThirdCenter {
	float: left;
	width: 34%; /*400px for 800px layout */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}
/* ***************************************************** */
/* The styles for Specific Columns of the Main Content   */
/* ***************************************************** */

/* Styles for the column with boarder on the side */
.divInnerContent .divColBoarder {
	margin-bottom: -10000px;
	padding: 10px;
	padding-bottom: 10000px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBBBBB;
}

/* Styles for the column with margin on each side. Best for the center of 3 columns */
.divInnerContent .divColMargin {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	margin-right: 15px;
	margin-left: 15px;
}

/* Styles for the column with margin on each side. Best for the center of 3 columns */
.divInnerContent .divColMarginLeft {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	margin-left: 15px;
}
/* Styles for the column with margin on each side. Best for the center of 3 columns */
.divInnerContent .divColMarginRight {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	margin-right: 15px;
}

/* Styles for the column with right boarder. It is used with half columns to spit the middle 15px gap */
.divInnerContent .divColMarginRightBoarder {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	margin-left: 7px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBBBBB;
}

/* Styles for the column with right boarder. It is used with half columns to spit the middle 15px gap */
.divInnerContent .divColMarginLeftBoarder {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	margin-left: 15px;
	margin-right: 7px;
}

/* Styles for the column with margin on left side */
.divInnerContent .divColOneHundred {
	width: 100%;
}

/* Styles for the header on top of the white panels */
.divPanelWhiteTop {
	padding-top: 7px;
	padding-bottom: 7px;
}
.divPanelWhiteTop  h2 {
	background-image: url(../graphics/gui/symbols/arrow_open.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #FFFFFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	background-position: left top;
	margin-left: 5px;
}

/* ***************************************************** */
/* The styles for some General Panels                    */
/* ***************************************************** */

.panelPolaroid {
	background-image: url(../graphics/gui/backgrounds/polaroid_squares.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* ***************************************************** */
/* The styles for Side Panels                            */
/* ***************************************************** */

/* Styles for the White side panel and different color headers */
#panelSideHeaderBlue {
	background-image: url(../graphics/gui/backgrounds/bg_grad_blue1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#panelSideHeaderRed {
	background-image: url(../graphics/gui/backgrounds/bg_grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#panelSideHeaderGrey {
	background-image: url(../graphics/gui/backgrounds/bg_grad_gray1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.divInnerContent .divPanelSideWhiteCenter {
	margin-bottom: -10000px;
	padding: 10px;
	padding-bottom: 10000px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-image: url(../graphics/gui/backgrounds/panel_white_center.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/* Styles for the Blue side panel */
.divPanelSideBlueTop {
	background-image: url(../graphics/gui/panels/panel_blue_top.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 12px;
}
.divPanelSideBlueCenter {
	background-image: url(../graphics/gui/panels/panel_blue_center.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 10px;
	padding-left: 10px;
}
.divPanelSideBlueBottom {
	background-image: url(../graphics/gui/panels/panel_blue_bottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 14px;
}
.divPanelSideBlueBottomMargin {
	background-image: url(../graphics/gui/panels/panel_blue_bottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 14px;
	margin-bottom: 15px;
}
.divPanelSideBlueCenter h3 {
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
}

/* ***************************************************** */
/* The styles for Center Sliding Panels                  */
/* ***************************************************** */

.divPanelCenterAdd {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border: none;
}

/* ***************************************************** */
/* The styles for Three sliding panels control links     */
/* ***************************************************** */

#divSlidingLinksThreeControls {
	background-image: url(../graphics/gui/backgrounds/bg_grad_gray1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}
#divSlidingLinksThreeControls h3 {
	display: none;
}
#divSlidingLinksThreeControls li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#divSlidingLinksThreeControls a:link, #divSlidingLinksThreeControls a:active, #divSlidingLinksThreeControls a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
}
#divSlidingLinksThreeControls a:hover {
	color: #000000;
}

/* ***************************************************** */
/* The styles for the Side Navigation                    */
/* ***************************************************** */

.sideNavigation a:link, .sideNavigation a:visited, .sideNavigation a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	background-image: url(../graphics/gui/symbols/arrow_closed.gif);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.sideNavigation a:hover, .sideNavigation a.current:link, .sideNavigation a.current:visited {
	color: #333333;
	background-image: url(../graphics/gui/symbols/arrow_open.gif);
}

/* ***************************************************** */
/* The styles for Side Horizontal Panels                 */
/* ***************************************************** */

.divSideSlidingContent {
	width: 100%;
	height: 180px;
	overflow: hidden;
	border: none;
	text-align: center;
}
.divSideSlidingNav {
	margin-top: 10px;
}
.divSideSlidingNav li {
	display: inline;
	margin-right: 10px;
}
.divSideSlidingNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

/* ***************************************************** */
/* The styles for Content Containers                     */
/* ***************************************************** */

.divContentContainer {
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 1%;
}
.divContentContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divContentContainer{
	height: 1%;
}
/* End Hide from IE-mac */

.divContentContainerBorder {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}
.divContentContainer h1, .divContentContainerBorder h1 {
	margin-bottom: 0px;
	font-size: 1.7em;
}
.divContentContainer h6, .divContentContainerBorder h6 {
	color: #FFFFFF;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.divContentContainer p, .divContentContainerBorder p {
	margin-bottom: 10px;
}
.divContentColThirtySide {
	float: left;
	width: 32%;
}
.divContentColThirtySideNoCenter {
	float: left;
	width: 32%;
	margin-bottom: 5px;
	margin-right: 4px;
}
.divContentColThirtyCenter {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-left: 2%;
}

.divContentFullBoarder {
	border: 1px solid #FFFFFF;
	padding: 5px;
	text-align: center;
}
.divContentFullBoarderGrey {
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: center;
	margin: 10px;
}
.divContentFullBoarder h3 {
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #000;
}

.divContentContainerWhiteBoarder {
	background-color: #FFFFFF;
	width: 100%;
	padding: 5px;
	height: 1%;
}
.divContentContainerWhiteBoarder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divContentContainerWhiteBoarder{
	height: 1%;
}
/* End Hide from IE-mac */

/* ***************************************************** */
/* The styles for the Unordered Lists                    */
/* ***************************************************** */

#bodyHome .ulTabs {
	margin: 10px;

}
#bodyHome .ulTabs li {
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 5px;
	display: block; 
}
#bodyHome .ulTabs a:link, #bodyHome .ulTabs a:active, #bodyHome .ulTabs a:visited {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}
#bodyHome .ulTabs a:hover {
	text-decoration: underline;
}