@import url(http://yourownsite.info/_imgshare/_css/reset-min.css); /* ------- Reset all CSS Styles */

body {
	text-align: center; /* To Make Content Centered */
/* 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(../images/back-page2.png) ;
/* 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: 0px 0px;
/* 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_background_color:background-color: XXX;:This is the background color of the main page. Use the HEX value or spell it out;}} << */
	background-color: #ffffff;
	font: 0.7em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; /*rich:fixed css text ref.*/
/* Edit {{page_font_color:color: XXX;:This is default color of the throughout your site. Use the HEX value or spell it out.;}} << */
	color: #555;
	margin: 0px;
}

#bodyIndent {
/* 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;
/* Edit {{indent_background_color:background-color: XXX;:This is the background color of the banner area. Use the HEX value or spell it out;}} << */
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#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: 100px;
	height: 69px;
/* 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(../images/back-header3.png);
	background-image: URL(../images/back-header4.png);
/* Edit {{banner_background_color:background-color: XXX;:This is the background color of the banner area. Use the HEX value or spell it out;}} << */
	background-color: #ececec;
/* 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;
/* Edit {{banner_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: bottom center;
	position: relative;
	top: 0;
	margin:0px auto;
/*	border: 1px solid #aaa;*/
}


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

img {
	border: none;
}

/*</group>*/

/*<group=Layout>*/

.clearer {
	clear: both;
}


#container { 
/* Edit {{container_background_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(../images/back-contentb.png);
/*rich:took out background color*/
/* Edit {{container_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-y;
	background-position: left;
	position: relative;
	text-align: left;
/* Edit {{container_margins:margin: 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.;}} << */
	margin: 0 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: 0px;	/* 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(http://yourownsite.com/_templates/_images/sidebar_bg.png);
/* 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;
}

#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: 909px;
}

#sidebarContainer {
	width: 175px;
	display: none; 
}

#sidebarContainer #sidebar {
	padding: 0 10px 10px;
}

#sidebarContainer .sideHeader {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 10px 3px;
}

#contentContainer {
/* Edit {{content_area_width:width: XXX;:This can be either a pixel width (650px) or a percentage (65%).;}} << */
	width: 878px;
/* Edit {{content_area_padding:padding: XXX;:This should be a pixel width (10px).;}} << */
	padding: 0px;
/* Edit {{content_area_margin:margin: XXX;:This should be a pixel(10px 0 0 0).;}} << */
	margin: 0px auto;
	text-align: left;
	background: URL(../images/back-content-bottom.png) repeat-x bottom;
	background: 0;
}

#contentContainer h1 {
font-size:30px;
color:#000;
font-weight:bold;
padding:10px 0;
}

#contentContainer h2 {
font-size:24px;
color:#336699;
font-weight:bold;
padding:10px 0;
}

#contentContainer h3 {
font-size:18px;
color:#666666;
font-weight:bold;
padding:10px 0;
}

#contentContainer p, #contentContainer ul{
padding:5px 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#contentContainer ul{
list-style:disc;
margin-left:30px;
}

#contentContainer ul li{
padding:3px 0;
}

#contentContainer a:link, #contentContainer a:visited,#contentContainer a:active{
color:#2D5FBB;
text-decoration:none;
}
#contentContainer a:hover{
text-decoration:underline;
}

#contentContainer strong{
font-weight:bold;
}

#exec {
min-height:215px;
padding:10px 0;
}

#exec strong.blu {
color:#336699;
}

#content, #content1 {
	line-height: 1.5em;

}

#content {
	padding: 20px;
}

#footer {
	color: #ffffff;
	position: relative;
/* Edit {{footer_width:width: XXX;:This is the width of the footer area.;}} << */
	width: 100%;
/* Edit {{footer_background:background-image: URL(XXX);:This is the image that appears in the background of your site, repeats on the X axis and is fixed. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */
	background-image: URL(../images/footer-graphicss.jpg); /* rich: fixed the footer image */
/* Edit {{footer_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 {{footer_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;
/* Edit {{footer_background_position:background-position: 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-position: top center;
/* Edit {{footer_background_color:background-color: XXX;:This is the background color of the main page. Use the HEX value or spell it out;}} << */
	background-color: #fff;
/* Edit {{footer_font_color:color: XXX;:This is default color of the throughout your site. Use the HEX value or spell it out.;}} << */
	color: #333333;
/* Edit {{footer_height:height: XXX;:This is height of the footer block.;}} << */
	height: 80px;
	padding-top: 4px;
}

#footer-nav {

	width:580px;
	height: 15px;
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
	float: right;
	
}

#footer #footer-nav a {
	color: #aaa;
	font-weight: normal;
	font-size: 9pt;
}

#footer #footer-nav a:hover {
	color: #fffffe;
}
#footer #footer-nav li:hover UL {
	display: none;
}

#footer-nav UL {
	list-style: none;
	margin: 0px;
	padding: 0;
}

#footer-nav LI {
	float: left;
	width: 100px;
	border-left: #bbb solid 1px;
}

#footer-nav LI UL {
	display: none;
}

#footerline {
	top: 100px;
	width: 879px;
/* Edit {{footer_margin:margin: XXX;:This is the margin of the footer area;}} << */
	margin: 0 auto;
/* Edit {{footer_padding:padding: XXX;:This is the margin of the footer area;}} << */
	padding: 0px;
	color: #369;
	font-weight: bold;
	height: 120px;
}

#footl {
	width: 650px;
margin:30px auto;
}

#footl p {
	font-size: 8pt;
	color: #888;
	margin-top: 2px;
}

#footr {
	width: 200px;
	float: right;
	font-size: 10pt;
	margin-top: 50px;
}


#footer a:link, #footer a:visited {
	color: #369;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
}
		
/*</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: 19px;
/* Edit {{linkbar_bottom_margin:margin-bottom: XXX;:This is the space between the bottom of the navCOntainer and the next item inline.;}} << */
	margin-bottom: 10px;
	margin-left: 270px;
	position:absolute;
	z-index: 99;
/* Edit {{linkbar_width:width: XXX;:This is the total width of the navContainer;}} << */
	width: 670px;
/* 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();
	display: table;
/* Edit {{linkbar_top_position:top: XXX;:This is the distance from the top of the navContainer sitting within the #banner.;}} << */
	top: 5px;
	padding:6px 0px 0px;
}

/* Parent - Level 0 */

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

#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: 119px;
	text-align: center;
/* Edit {{linkbar_link_right_border:border-right: XXX;:This is pretty strict! Use the hex code for the color, pixels with then border type(solid, dashed, dotted, etc);}} << */
	border-right: #AAB5CF 0px solid;
	background: URL(../images/back-link.png) no-repeat top right ;
}

#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: 9pt;
/*rich: took out font-weight*/
	margin-top: 0;
	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: 10px 7px;
/* Edit {{linkbar_link_height:height: XXX;:This is the pixel height of the individual link. You should use pixel size. Default=(15px);;}} << */
	height: 20px;
/*rich:took out background-color*/
/* 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();
}

#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();
}

/* 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: 149px;
	padding: 0 0 10px 0px;
	position: absolute;
	margin-bottom: 0px;
	background-image: URL(../images/back-flyout.gif);
	background-position: bottom left;
/* Edit {{linkbar_flyout_top_position:top: XXX;:This is the pixel distance from the top of the hovered link to the top position of the flyouts.;}} << */
	top: 40px;
	margin-top: -1px;
/* Edit {{linkbar_flyout_left_position:left: XXX;:This is the pixel distance from the left of the hovered link to the left position of the flyouts.;}} << */
	left: 0;
	border-right: 0;
}

#navcontainer ul ul li {
	background: URL() ;
/* Edit {{linkbar_flyout_text_align:text-align: XXX;:ALignment of the link text in the flyout menu.;}} << */
	text-align: left;
/* Edit {{linkbar_flyout_li_width:width: XXX;:Description Here;}} << */
	width: 149px;
	border-right: 0;

}

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

#navcontainer UL UL a {
	font-size: 10pt;
/* Edit {{linkbar_flyout_text_color:color: XXX;:Description Here;}} << */
	color: #444;
/* Zdit {{linkbar_flyout_link_height:height: XXX;:Description Here;}} <<  SKIP THIS FOR NOW */
	height: 9px;
/*rich:took out background-color*/
/* Edit {{linkbar_flyout_link_background_image:background-image: URL(XXX);:Description Here;}} << */
	background-image: URL();
/* Edit {{linkbar_flyout_font-weight:font-weight: XXX;:Description Here;}} << */
	font-weight:bold;/*rich: said regular - replaced with bold*/
	padding-left: 10px;
	margin-left: 0;
}



#navcontainer UL UL a:hover {
/* Edit {{linkbar_flyout_font_color:color: XXX;:Description Here;}} << */
	color: #fff;
/* Edit {{linkbar_flyout_background_hover_color:background-color: XXX;:Description Here;}} << */
	background-color: #446a93;
/* Edit {{linkbar_flyout_background_hover_image:background-image: URL(XXX);:Description Here;}} << */
	background-image: URL();
}

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

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>*/

blockquote {
	background: #573940;
}

/*</group>*/


/* This is the default float side for this theme. We only have this file as we need to set a default css file for the theme variations. */
#sidebarContainer {
	float: left;
	width:auto;
}
#loginLinks {
	float: right;
	text-align: right;
	margin-right: 30px;
	margin-top: 30px;
	font-size: 10pt;
	width:auto;
}

#loginLinks a {
	padding: 5px 10px;
	color: #38507f;
	font-weight: bold;
}

#loginLinks a:hover {
	background: #eee URL(../images/back-banner-links.png) bottom ;
}

#repinfo {
text-align:left;
color:#fff;
font-size:14px;
padding-left:20px;
padding-top:5px;
}