@charset "utf-8";
/* CSS Document */
/*<group=General Styles>*/
/* CSS Width Control (863)*/
@import url(http://yourownsite.info/_imgshare/_css/reset-min.css); /* ------- Reset all CSS Styles */

a:hover, a:active {
	text-decoration: none;
}

body {
/* Edit {{page_background:background-image: url(XXX);:This is the background image that appears in your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: url(none);
/* Edit {{page_background_attach:background-attachment: XXX;:You have 2 options here, fixed or scroll. Depending on how/if you want the image to sit on the background, is which repeat option you should use.;}} << */
	background-attachment: scroll;
/* Edit {{page_background_image_position:background-position: XXX;:This tells the browser where in the banner block you would like the image to sit(top, center, right, bottom or pixel outset(10px center)).;}} << */
	background-position: 0 0;
/* Edit {{page_background_repeat:background-repeat: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */
	background-repeat: repeat-x;
/* Edit {{page_font_setup:font: XXX;:This is the font setup for the body of the page;}} << */
	font: 13px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0px;
	background-color: #6592BB;
	color: #616161;
}

#bodyIndent {
/* Edit {{indent_height:height: XXX;:This is the height of the area that sits outside of the content area and up top of the background of the page.nThis measurement should be in pixels. Default is set at 180px;}} << */
	height: 328px;
	/* The height of the background below, should be the same size as the inside part of the #banner graphic */
/* Edit {{indent_strip_image:background-image: url(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page, repeats on the X axis. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: url(../_images/back-bodyindent.png);
/* Edit {{indent_repeat:background-repeat: XXX;:You have 3 options here; no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	position: absolute;
	margin: 0px auto;
	padding: 0px;
	top: 0;
	left: 0;
}

#banner {
/* Edit {{banner_height:height: XXX;:This is the height of the image you have in the banner area. This measurement should be in pixels. Default is set at 180px;}} << */
	height: 40px;
/* Edit {{banner_image:background-image: url(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: url(none);
/* Edit {{banner_background_repeat:background-repeat: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */
	background-repeat: no-repeat;
	text-align: center;
	color: #fffffe;
	padding: 5px 0px 0px;
}

#banner a {
	color: #fffffe;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: none;
}

img {
	border: none;
}

/*</group>*/

/*<group=Layout>*/

.clearer {
	clear: both;
}

#container {
	position: relative;
	padding: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#pageHeader {
/* Edit {{header_height:height: XXX;:This is the height of the image you have in the banner area. This measurement should be in pixels. Default is set at 180px;}} << */
	height: 4px;	/* This is the space between the banner and the margin area below the top margin of the window */
/* Edit {{header_back_image:background-image: url(XXX);:This is the image that appears in the background of the content area of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: url(none);
/* Edit {{header_back_repeat:background-repeat: XXX;:This is the image that appears in the background of the content area of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-repeat: repeat;
	display: none;
}

#pageHeader H1, #pageHeader H2  {
	display: none;
}

#banner, #container, #footer  {
/* Edit {{total_page_width:width: XXX;:This should be a definite pixel width. Default should be 800px;}} << */
	width: 863px;
}

#contentContainer {
/* Edit {{content_area_width:width: XXX;:This can be either a pixel width (650px) or a percentage (65%).;}} << */
	width: 863px;
/* Edit {{content_area_padding:padding: XXX;:This should be a pixel width (10px).;}} << */
	padding: 0px 0px 10px;
	margin: 0px;
	background: #ffffff;
}

#contentContainer #content {
	padding: 0px;
	margin: 10px 0px 0px 20px;
	line-height: 1.5em;
	width: 580px;
	float: left;
}

#contentContainer #content a{
	color: #616161;
}

.side-nav {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 220px;
}
	
/*</group>*/

/* Toolbar Styles */
#navcontainer {
/* Edit {{linkbar_top_margin:margin-top: XXX;:This is the space between the top of the navCOntainer list and the last item inline.;}} << */
	margin-top: 0px;
/* Edit {{linkbar_bottom_margin:margin-bottom: XXX;:This is the space between the bottom of the navCOntainer and the next item inline.;}} << */
	margin-bottom: 0px;
	position: relative;
	/*z-index: 99;*/
/* Edit {{linkbar_background:background-image: url(XXX);:This is the image that appears in the background of the linkbar. Choose an image that you have uploaded, or a stock image.;}} << */
	background-image: url(../_images/back-navcontainer.png);
	padding: 0px;
	background-repeat: repeat-x;
	height: 31px;
/* Edit {{linkbar_width:width: XXX;:This is the total width of the navContainer;}} << */
	width: 863px;
	clear: both;
}

/* Parent - Level 0 */

#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navcontainer li {
	position: relative;
	padding-bottom: 0px;
	display: block;
	float: left;
/* Edit {{linkbar_link_width:width: XXX;:This is pretty tough, and reacts weird in IE6. You may want to use a percentage with this skin set. Our default=(18%);}} << */
	width: 17%;
	text-align: center;
	background-image: url(none);
	background-repeat: no-repeat;
	background-position: right 10px;
}

#navcontainer a {
/* Edit {{linkbar_link_fontsize:font-size: XXX;:This is the size of the font in the first level of your linkbar. You can use point size (pt), pixel size (px) or (em) or percentages (150%).;}} << */
	font-size: 14px;
	margin-top: 0px;
	margin-left: 8px;
	display: block;
/* Edit {{linkbar_link_color:color: XXX;:This is the color of the link text in the main part of your linkbar. Use the HEX value or spell it out;}} << */
	color: #fffffe;
	text-decoration: none;
/* Edit {{linkbar_link_padding:padding: XXX;:This is the padding with the link itself. You should use pixel size, whether you use 1,2,3 or 4 pixels settings. Default=(7px 10px);;}} << */
	padding: 6px 0px 0px 0px;
/* Edit {{linkbar_link_height:height: XXX;:This is the pixel height of the individual link. You should use pixel size. Default=(15px);;}} << */
	height: 25px;
/* Edit {{linkbar_link_background_image:background-image: url(XXX);:This is the image that appears in the background of the individual main link. Choose an image that you have uploaded, or a stock image.;}} << */
	background-image: url(none);
}

#navcontainer a:hover {
/* Edit {{linkbar_link_background_on_hover:background-image: url(XXX);:This is the image that appears in the background of the individual main link when you HOVER over it. Choose an image that you have uploaded, or a stock image.;}} << */
	background-image: url(none);
	background-color: #6592BB;
}

/* Fix IE. Hide from IE Mac */
/* End */

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
/* Edit {{linkbar_flyout_width:width: XXX;:Description Here;}} << */
	width: 130px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	top: 31px;
/* Edit {{linkbar_flyout_left_position:left: XXX;:Description Here;}} << */
	left: 0px;
}

#navcontainer ul ul li {
/* Edit {{linkbar_flyout_width:width: XXX;:Description Here;}} << */
	width: 130px;
	text-align: left;
}

#navcontainer UL UL a {
/* Edit {{linkbar_flyout_link_height:height: XXX;:Description Here;}} <<  SKIP THIS FOR NOW */
	height: 20px;
/* Edit {{linkbar_flyout_link_background_color:background-color: XXX;:Description Here;}} << */
	background-color: #6592BB;
/* Edit {{linkbar_flyout_link_background_image:background-image: url(XXX);:Description Here;}} << */
	background-image: url(none);
	padding: 6px 0px 6px 10px;
	margin:0px;
/* Edit {{linkbar_flyout_font_weight:font-weight: XXX;:Description Here;}} << */
	font-weight: normal;
/* Edit {{linkbar_flyout_width:width: XXX;:Description Here;}} << */
	width: 130px;
	color: #fffffe;
	font-size: 11px;
}

#navcontainer UL UL a:hover {
/* Edit {{linkbar_flyout_font_color:color: XXX;:Description Here;}} << */
	color: #fffffe;
/* Edit {{linkbar_flyout_background_hover_color:background-color: XXX;:Description Here;}} << */
	background-color: #6b98c1;
/* Edit {{linkbar_flyout_background_hover_image:background-image: url(XXX);:Description Here;}} << */
	background-image: url(none);
}

* html #navcontainer ul UL li a { height: 15px; }

#navcontainer ul ul ul {
	width: 125px;
	position: absolute;
	text-align: left;
	margin-bottom: 0px;
	top: 0;
}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display: none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display: block;
}

/*<group=Global Classes>*/

#footer-indent {
	bottom: 0px;
	width: 100%;
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

#footer {
	margin: 0px auto;
	bottom: 0px;
	padding: 0px;
}

#footer p {
	color: #782b2b;
	text-align: center;
	font-size: 10px;
	margin: 0px;
	padding: 10px 0px 0px;
	line-height: 12px;
}

#footer a:link, #footer a:visited {
	color: #782b2b;
}

#footer a:hover, #footer a:active {
	color: #6a2626;
}