@charset "utf-8";

/* GLOBAL FORMATTING */
body  {
	margin: 0; 
	padding: 0;
	text-align: center; /* CENTERS CONTAINER IN IE 5* */
	color: #e6e6e6;
	background: #2d2d2d;
	background-image: url(/images/bg_alum.jpg);
}
 #container {
	position: relative; 
	width: 768px;  
	background: #2d2d2d;
	margin: 0 auto; /*AUTO MARGIN PLUS 0 WIDTH CENTERS PAGE */
	border: 0px solid #000000;
	text-align: left;
	color: #FFF;
	background-image: url(/images/bg.png);
	background-repeat: repeat-y;
} 

	
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

/* TEXT FORMATTING */
p { 
	font-family: Verdana, Geneva, sans-serif;
	line-height: 14pt;
	padding: 0 15px 0 10px;
}
p.er {
	color: #F33;
	line-height: 1em;
	padding: 0;
}

p.ctr {
	color: #ccc;
	text-align: center;
	font-size: xx-small;
	font-family: sans-serif;
}

a img {
border-width: 0px;
}
a:link {
	color: #d09537;
	text-decoration: none;
}
a:visited {
	color: #9f6000;
	text-decoration: none;
}
a:hover {
	color: #9f6000;
	text-decoration: none;
}
a:active {
	color: #d09537;
}

ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #e6e6e6;
	line-height: 1.25em;
}

/* DEFAULT TABLE FORMATTING */
TD, TH { 
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: top;
	border: none;
}

/* HEADING FORMATTING */

H1 {
	font-family: sans-serif;
	color: #e6e6e6;	
	font-size: 160%;
	font-weight: bold;
	background-image: url(/images/h1_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	line-height: 2.1em;
	padding: 3px 0 5px 25px;
	margin: 10px -25px 0 -17px;
	text-shadow: 0px -1px 2px #8f7244;
	text-transform: uppercase;
}
H2 {
	font-family: sans-serif;
	color: #e6e6e6;
	font-size: 140%;
	line-height: 1.5em;
	padding: 5px 0px 15px 5px;
	margin: 10px -5px 0 -5px;
	background-image: url(/images/h2bg_alt.png);
	background-repeat: repeat-x;
	background-position: top;
	text-shadow: 0px 1px 2px #383838;
}
H3 {
	font-family: sans-serif;
	color: #e6e6e6;
	font-size: 120%;
	font-weight: bold;
	background-image: url(/images/h2bg_alt.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
H4 {
	font-family: sans-serif;
	color: #e6e6e6;
	font-size: 100%;
	font-weight: bold;
}
H5 {
	font-family: sans-serif;
	color: #e6e6e6;
	font-weight: normal;
	font-size: 80%;
	margin-top: 3px;
	padding-top: 3px;
	font-style: normal;
	
}

.alert {  /* IE6- UPGRADE BROWSER MESSAGE */
	text-align: left;
	font-size: 75%;
	border-top: 1px solid #d09537;
	border-bottom: 1px solid #d09537;
}

/* INDICATOR ICONS ON HYPERLINKS */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_doc.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
}
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_xls.gif) no-repeat center right;
}
a[href$='.ppt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_ppt.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icons/icon_mailto.gif) no-repeat center right;
}
a[href$='.ics'] {
	padding: 0 25px 0  0;
	background: transparent url(../images/calendaritem.gif) no-repeat center right;
}

/* HEADER FORMATTING */

#header {
	height: 246px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	text-align: center;
	
} 
#header2 {
	height: 76px;
	padding: 0 0px 0 0px;  /* IF IMAGE IS USED, REMOVE PADDING. */
	position: relative;
	text-align: center;
} 
#header h1 {
	margin: 0; /* ZERO MARGIN TO AVOID MARGIN COLLAPSE WHEN BORDERS NOT USED. */
	padding: 0px 0; 
}

/* SIDEBAR FORMATTING */
#sidebar1 {
	float: left; 
	width: 230px; /* ACTUAL WIDTH INCLUDES PADDING AND BORDERS */
	padding: 20px 0px 2px 0px; 
	color: #E6E6E6;
	margin: 0 5px 0 0;
}
#sidebar1 p {
	padding: 0 4px 0 8px;
	margin-right: 8px;
	font-size: 80%;
}
#sidebar1 h1 {
	background-image: url(/images/sidebar_h1bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: -5px;
	line-height: 40px;
	padding: 0px 0 3px 10px;
	font-size: 100%;
	font-weight: bold; 
    color: #e6e6e6;
	text-shadow: 0px -1px 1px #8f7244;
	text-transform: uppercase;
}
#sidebar1 h2 {
	background-image: url(/images/h2bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 8px;
	line-height: 2em;
	padding: 10px 5px 0px 4px;
	margin: 0 0 0 4px;
	font-size: 100%;
}
#sidebar1 h4 {
	color: #e6e6e6;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 5px;
}
#sidebar1 h5 {
	padding-left: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 80%;
}
#sidebar1 TD, TH { 
	font-family: sans-serif;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	border: none;
}
#sidebar1 table {
	border: 0px;
	border-style: ridge;
	border-color: #383838;
	padding: 3px;
}
#sidebar1 img {
	padding: 3px;
}
/* FEEDBURNER IN SIDEBAR */
#sidebar1 li { 
	list-style-type: none;
	line-height: 1.25em;
	padding: 0px;
	margin: 5px 0 0 -25px;
	
}

#sidebar2 {
	position: relative;
	top: 0px;
	right: 0px;
	width: 225px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000;
	padding: 15px 10px 15px 20px; 
	color: #E6E6E6;
}

/* MAIN CONTENT */

#mainContent {
	margin: 0 0px 0px 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 10px 0 0px;
	color: #e6e6e6;
	text-align: left;
	font-size: 80%;
}

/* MAIN CONTENT TABLE FORMATTING - REGISTRATION STYLE */

table {
	border: 2px;
	border-style: ridge;
	border-color: #383838;
	padding: 3px;
}
td p {
	font-size: 90%;
	color: #e6e6e6;
	line-height: 14pt;
}
td h1 {
	font-size: 160%;
	background: url(/images/tableh1_bg.png);
	background-repeat: repeat-x;
	background-position: top;
   	line-height: 1em;
	padding: 5px 0 2px 2px;
	margin: 0px 0 5px 0px;
}
td h2 {
	font-size: 140%;
	font-weight: bold;
	background: url(/images/tableh2_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 1.25em;
	padding: 10px 0 0px 2px;
	margin: 0px 0 2px 0px
}
td h3 {
	font-weight: normal;
	line-height: 1.5em;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 2px 0px;
}

td h4 {
	font-size: 100%;
	font-weight: bold;
	background-color: #d09537;
	line-height: 1.5em;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 2px 0px
}
/* FORMATTING OF TEXTBOX, CHECKBOX, SELECT BUTTON */
input {
	background: #d6d6d6;
	border: 1px solid #242424;
}
textarea {
	background: #d6d6d6;
	border: 1px solid #242424;
}
select {
	background: #d6d6d6;
	border: 1px solid #242424;
}

/* CLASS= TABLE2 // MAIN CONTENT TABLE FORMATTING - SHADOWED BOXES W/ BLACK OUTLINES*/
table.table2 {
	border: 2px;
	border-style: ridge;
	border-color: #383838;
	background-image: url(/images/tableh4bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 3px;
	margin: 5px 0 0 0;
}
table.table2 p {
	font-size: 100%;
}
table.table2 td {
	padding: 3px;
}
table.table2 h1 {
	font-size: 160%;
	background: url(/images/tableh1_bg.png);
	background-repeat: repeat-x;
	background-position: top;
    line-height: 1em;
	padding: 5px 0 2px 2px;
	margin: 0px 0 5px 0px;
}
table.table2 h2 {
	font-size: 140%;
	font-weight: bold;
	background: url(/images/tableh2_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	line-height: .75em;
	padding: 10px 0 0px 2px;
	margin: 0px 0 2px 0px;
}

table.table2 h4 {
	font-weight: bold;
	font-style: italic;
	background-position: bottom;
	line-height: 1em;
	margin: 0px 0 0px 0px;
}

table.table2 h3 {
	font-weight: bold;
	line-height: 1.5em;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 2px 0px
}

table.table2 td h4 {
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	background-color: #242424;
	margin: 0px 0 2px 0px;
}


/* MAIN CONTENT 2 // LOWER HALF OF PAGE */

#mainContent2 {
		margin: 0 0px 0px 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 15px 10px 0 0px;
	color: #e6e6e6;
	text-align: left;
	font-size: 80%;
	color: #E6E6E6;
	background-image: url(/images/mainbreak.jpg); /* DIVIDING IMAGE TO SEPARATE TOP AND BOTTOM CONTENT */
	background-repeat: no-repeat;
	background-position: top center;
}

#img mainContent2 {
	padding: 0px;
}

/* BOTTOM OF PAGE */

#footer {
	padding: 0px 0 0px 0;
	font-size: 70%;
	top: auto;
	clear: both;
	background-image: url(/images/footerbg.jpg);
	color: #e6e6e6;
	border-top: solid 4px;
	border-top-color: #d09537;
} 
#footer p {
	margin: 0; /* ZERO MARGIN TO PREVENT COLLAPSE */
	padding: 10px 0; 
	color: #CCC;
	font-size: 100%;
	}

#footer table {
	width: 100%;
	background-color: #171717;
	border: 0px;
}

#footer td {
	width: 20%;
}
	
/* COLLAPSIBLE PANEL STYLES */
@charset "UTF-8";


.CollapsiblePanel {
	margin: 0px 5px 0 5px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0 0 10px 0;
	padding: 0 15px 10px 15px;
	background-image: url(/images/contentpanel_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: #666;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #000;
	background-image: url(/images/panel_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	/*background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
 
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/*background-color: #3399FF; */
}