body {
	text-align:center;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	margin: 0;
	padding: 0px;
	background-color: #0b0011;
	background-image: url(../images/site/body_bg.jpg);
		}
	
	#header_submenu {
	text-align:left;
	z-index: 20;
	position: relative;
	font-size: 9px;
	background-color: #330C39;
	height: 14px;
	padding-right: 4px;
	padding-left: 4px;
	color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
		}	
#header {
	z-index: 20;
	position: relative;
	width: 750px;
	background-image: url(../images/site/header.jpg);
	height: 216px;
}


		
	#header_menu {
	text-align:left;
	z-index: 10;
	position: relative;
	background-color: #330C39;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 6px;
		}	

.footer {
	text-align:center;
	background-image: none;
	font-size: 10px;
		}	
		
	#contentleft {
	text-align: left;
	position: relative;
	top: 0px;
	float: left;
	width: 480px;
	height: 1%;
	z-index: 2;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
		}
	
	#contentright {
	width:220px;
	position: relative;
	float:right;
	height: 1%;
	z-index: 5;
	display: block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #35103B;
	text-align: center;
	background-color: #FDDC3F;
	right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #35103B;
	border-right-color: #35103B;
	border-bottom-color: #35103B;
		}
	
a:link { color: #3366cc ; text-decoration: none; }
a:visited { color: #3366cc ; text-decoration: none; }
a:hover { color: #3366cc ; text-decoration: underline; }
a:active { color: #000 ; text-decoration: none; }
a.header:link {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
a.header:visited {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;

}
a.header:hover {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: lowercase;
}
a.header:active {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;

}

a.purplebold:link {
	color: #5A4763;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
a.purplebold:hover {
	color: #5A4763;
	font-size: 14px;
	font-weight: bold;
}
a.purplebold:active {
	color: #5A4763;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
a.purplebold:visited {
	color: #5A4763;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}


.txtTitle {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.txtCellBold {
	color: #2F1137;
	font-size: 12px;
	font-variant: normal;
	font-weight: bold;
	text-align: right;
}
.txtSecHead {
	color: #36183E;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.cell_leftTitle { font-size: 11px; background-color: #ededed; }
img.port {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

.port_description {
	background-color: #000000;
	padding: 3px;
	color: #FFFFFF;
	height: 1%;
	display: block;
	
}
img.portR {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	margin-left: 5px;
}
.txtPortTitle {
	color: #3366cc;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
hr {
	height: 1px;
	width: 80%;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 100;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #FFFFFF;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;

}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#framefooter {
	z-index: 500;
	position: relative;
}
#vladi_left {
	height: 460px;
	width: 162px;
	z-index: 6;
	float: left;
	visibility: visible;
	text-align: left;
	display: block;
	background-image: url(../images/site/vladi_left.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#vladi_right {
	height: 468px;
	width: 158px;
	z-index: 6;
	float: right;
	visibility: visible;
	display: block;
	background-image: url(../images/site/vladi_right.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	right: 0px;
	text-align: right;
}

table.schedule
{
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	width: 90%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.schedule td
{
	padding: 2px;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
}

table.schedule td.hed
{background-color: #666;
color: #fff;
padding: 0px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: bold;}

table.rightside
{
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	width: 210px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.rightside td
{
	padding: 2px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


.thrColAbs #container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1074px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

/* Tips for absolutely positioned sidebars:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
*/
.thrColAbs #sidebar1 {
	position: absolute;
	top: 0;
	width: 162px;
	background-image: url(../images/site/vladi_left.jpg);
	height: 460px;
	background-repeat: no-repeat;
	left: 0px;
}
.thrColAbs #sidebar2 {
	position: absolute;
	width: 107px; /* padding keeps the content of the div away from the edges */
	background-image: url(../images/site/vladi_right.jpg);
	height: 486px;
	background-repeat: no-repeat;
	top: 0;
	right: 4px;
}
.thrColAbs #mainContent {
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
 
</style>[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.thrColAbs #sidebar1 { width: 162px; }
.thrColAbs #sidebar2 { width: 158px; }
</style>
<![endif]

@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	margin: 0px;
	padding: 3px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #35103B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #fddc3f;
	border-right-color: #fddc3f;
	border-bottom-color: #fddc3f;
	border-left-color: #fddc3f;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 150px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	color: #FFFFFF;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
}
.AccordionPanelOpen .AccordionPanelTabHover {
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3D1843;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #3E1743;
	color: #FFFFFF;
}