/*SPRUZGEN*/

/* Login and Header */
	#banner-ad { display: none; }
	#page-header-custom { color: #0F8326; background-color: transparent; background-image: url(none); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 75px; margin: 0; }
	/*#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }
	#login-area-custom { background-image: none; position: absolute; top: 0; right: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }*/
	#page-header { color: #0F8326; background-color: transparent; background-image: url(none); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 75px; margin: 0; }
	#page-header h1 { font-size: 35px; font-family: arial; text-align: center; position: absolute; top: 4px; left: 28px; display: block; width: auto; z-index: 40; margin: 0; }
	#page-header .sub-title {text-align: left; font-size: 0.4em; display: block;}
	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 75px; z-index: 5; overflow: hidden; display: none;}
	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 75px; overflow: hidden; display: none; }
	#header-graphic1 span { background-image: url(none); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0px; left: 0px; width: 200; height: 155; z-index: 5; }
	#header-graphic2 span { background-image: url(none); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 0px; right: 0px; width: 195; height: 200; }
	#login-area { background-image: none; position: absolute; top: 16px; right: 13px; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }
	.login-text td { color: #9C9C9C; background-color: transparent; }
	.login-text td a { color: #4D87CE; }
	.login-text td a:hover { color: #2A65AD; }
/* Body, Site Container and Global*/
	a { color: #4D87CE; }
	a:hover { color: #2A65AD; }
	td, th { font-size: 10pt; font-family: arial; }
	p { }
	body { color: #555555; font-size: 10pt; font-family: arial; background-color: #FFFFFF; background-image: url(you-will-find-answers2.jpg); background-repeat: no-repeat; text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }
	#master-table-container { background-color: transparent; background-image: url(none); }
	#master-table { width: 100%; margin: 0; padding: 0; }
	#container { vertical-align: top; position: relative; width: 80%; margin: 0 auto; border: solid 0 #fff; }
/* Navigation and Sides */
	.side-nav-table { width: 100%; padding: 2px; }
	.side-nav-box td.header { color: #728C40; font-size: 10pt; font-family: arial; font-family: arial; font-size: 10pt; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(none); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }
	.side-nav-box tr.header-row td { background-color: transparent; }
	.side-nav-box td.content li a { display: block; padding: 3px; border-left: 0px none #7D7D7D; border-right: 0px none #7D7D7D; border-top: 0px none #7D7D7D; border-bottom: 0px none #7D7D7D; background-color: transparent; color: #4D87CE; text-decoration: none; width: 100%; }
	.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 0; color: #FFFFFF; background-color: transparent; background-image: url(none); }
	.side-nav-box td.content td.content { color: #FFFFFF; background-color: transparent; background-image: none; }
	html>body .side-nav-box td.content li a { width: auto; }
	.side-nav-box td.content li a:hover { border-left: 0px none #EFEFEF; border-right: 0px none #EFEFEF; border-top: 0px none #EFEFEF; border-bottom: 0px none #EFEFEF; background-color: #EEEEEE; color: #2A65AD; }
	.side-nav-box { padding: 0; font-family: arial; color: #333; }
	.side-nav-box li { border-bottom: 1px solid black; margin: 0; }
	.side-nav-box ul { list-style: none outside; margin: 0; padding: 0; border: none; }
	#nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }
	#ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }
	#nav-links { height:auto; margin: 0; display: inline; }
	#ads-apps { width:auto; height:auto; margin: 0; display: inline; }
	.nav-spacer {width: 175px; height: 1px; margin: 0; padding: 0; overflow: hidden;}
/* Content Sections */
	.content-table { width: 100%; border:0px solid #FFFFFF; color: #555555; background-color: transparent; }
	.content-innertable {  }
	.content-cell-inner { color: #555555; }
	#content-cell-inner { color: #555555; }
	#content-cell { padding: 10px;}
	#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }
	#content-section {  }
	input, textbox, select, textarea {  }
	td.tableheader { text-align: left; height: 24px; }
	td.cell {  }
	#content-cell td.header-cell { font-weight: bold; color: #736451; background-color: transparent; background-image: url(none);  }
	#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }
	td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }
/* Footer */
	#page-footer-custom { color: #7D7D7D; font-size: 10pt; font-family: arial; font-weight: bold; background-color: transparent; background-image: url(none); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; min-height: 47px; clear: both; margin: 0 0 0; }
	#page-footer { color: #7D7D7D; font-size: 10pt; font-family: arial; font-weight: bold; background-color: transparent; background-image: url(none); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; min-height: 47px; clear: both; margin: 0 0 0; }
	#page-footer h5 { font-size: 10pt; text-align: center; width: 100%; line-height: 30px; margin: 0; vertical-align: middle; }
	#page-bottom { margin-top: 50px; }
/* Elements */
	.element-container { background-color: transparent; width: 100%; border-width: 0; }
	#container .element-header { font-weight: bold; font-family: arial; font-size: 10pt; color: #736451; background-color: transparent; background-image: url(none); }
	#container .element-header-inner { font-weight: bold; color: #736451; font-family: arial; font-size: 10pt;}
	#container .element-header a { color: #736451; }
	#container .element-header-inner a { color: #736451; }
	#container .element-row1-inner { color: #555555; }
	#container .element-row2-inner { color: #555555; }
	#container .element-row1 { color: #555555; background-color: transparent; }
	#container .element-row2 { color: #555555; background-color: #555555; }

/*Custom Modifiers Start*/
/*Link Hover Underline||Only show the underline under a link when hovering over it.*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/*Container||Style*/
#container { margin: 0 0 0 240px; min-height: 100%;}
html { height: 100%;}
body {padding: 0; background-position: right bottom; background-attachment: fixed;}

/*Line Height||Changes your line height for your site elements to 170%.*/
.element-row1 { line-height: 20px;}

/*News Link||Makes the news link bigger.*/
.element-row2.main-title {font-size: 140%; }

/*Header Bottom Border||Adds a 1px border to the bottom of your header.*/
#page-header {border-bottom: 1px solid #eee;}

/*Change Title Font||Sets your title font to Century Gothic if available.*/
#page-header h1 { font-family: "Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif; font-weight: normal;}
#page-header h1 .sub-title {color: #7D7D7D;}

/*Welcome Line Right||Aligns your welcome/login line all the way to the right.*/
#login-area {padding-right: 0;}

/*Top Nav Move Up||Moves your top navigation up above the site content area and over the header.*/
#section10 .side-nav-box {position: absolute; top: 0; left:-240px; z-index: 6; width: 240px; height: 100%; background: url(master-menu-bg-green.png) repeat-y right top;}

/*Top Nav Style||Adds a style to your navigation. A top border on hover, larger text and lowercase.*/
#section10 .side-nav-box td.content, #section10 .side-nav-box .side-nav-table {padding: 0;}
#section10 .side-nav-box td.content li {margin: 0 !important; display: block !important; float: none; }
#section10 .side-nav-box td.content li a { margin: 0 !important; text-align: left; display: block !important; color: #2A65AD; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 18px;  font-weight: normal; padding: 8px 10px; }
#section10 .side-nav-box td.content li a:hover {border: 1px solid #aaa; border-width: 1px 0; padding: 7px 10px; box-shadow: inset #fff 0 1px 0, inset #fff 0 -1px 0; -moz-box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff; -webkit-box-shadow:  inset 0 1px 0 #fff, inset 0 -1px 0 #fff; color: #4D87CE; background-color: rgba(232,242,255,.25); }
#section10 .side-nav-box td.content li.on { background: url(master-menu-sel-bg.png);}
#section10 .side-nav-box td.content li.on a {border: 0; padding: 7px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; color: #777; background: transparent url(master-menu-sel-arrow.png) no-repeat right center; color: #000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: default; text-shadow: 0px 1px 0px #fff ;  text-shadow: 0px 1px 0px #ddd; }

/*Fix Sub Nav||Fixes your sub navigation menu style, so that it's visable*/
#section10 .side-nav-box td.content ul.sub-menu li a {border: 0; padding: 5px; background: #fff; color: #4D87CE;}
#section10 .side-nav-box td.content ul.sub-menu li a:hover {border: 0; padding: 5px; background: #fff; color: #2a65ad;}
#link-2095AADC-5E42-403B-B150-F900B499D55A, #link-182EDFB3-E63F-47DE-93D7-CF3AE4BB7BA6, #link-FCC9CD28-F1A5-4F66-B4F7-CBD239FA71CB { border-top: 1px dotted #A3DEA3;}


/*Side Nav Style||Adds a bullet to the side nav and adds some spacing between links.*/
#nav-cell .side-nav-table li a, #ads-cell .side-nav-table li a { background-image: url(submenua.gif); background-repeat: no-repeat; background-position: right center; padding-right: 14px; }
#nav-cell .side-nav-table li a:hover, #ads-cell .side-nav-table li a:hover { background-image: url(submenua_hover.jpg); background-repeat: repeat-y;}

/*Element Style||Style*/
.element-container .element-inner {padding: 5px; background: url(75.png);}
#section10 .element-container .element-inner  { padding: 0; background: transparent;}
#container .element-row2 {background: url(5b.png);}

/*Content Header Large||Makes the font larger for your content box headers.*/
#container .element-header, .side-nav-box td.header {font-size: 200%; font-weight: normal; }
#container .element-header b {font-weight: normal;}

/*Content Header Line||Adds a bottom border line to your content box headers.*/
#container .element-header, .side-nav-box td.header { border-bottom: 1px solid #736451;}

/*Smaller Side Headers||Makes the element headers on the side areas smaller*/
#nav-cell .element-header, #nav-cell .side-nav-box td.header, #ads-cell .element-header, #ads-cell .side-nav-box td.header { font-size: 140%; }
#nav-cell .element-header, #nav-cell .side-nav-box td.header {text-align: left;}
#ads-cell .element-header, #ads-cell .side-nav-box td.header {text-align: left;}

/*Side Space & Lines||Adds space between the main content area and the sides. Also adds divider lines.*/
#content-cell {padding: 10px 20px;}
#nav-cell {padding-right: 20px; padding-left: 20px; background: url(mainbar.jpg) no-repeat right top;}
#ads-cell {padding-left: 20px; padding-right: 20px; background: url(mainbar.jpg) no-repeat left top;}

/*Pagebottom || Style*/
#page-bottom { display: none;}
#SKYBar-spacer { height: 0;}

/*Video||Style*/
.SUI-VideoCard.right {font-size: 36px; }
.SUI-VideoCard.right  .SUI-CardImage { margin-right: 10px;margin-bottom: 20px;}
.SUI-VideoCard.right  .PopInfo { font-size: 26px; }
.SUI-VideoCard.right  .PopInfo .dim { font-size: 18px;}
.SUI-VideoCard.right  .PopInfo .mid a {color: #2A65AD; font-weight: normal;}
.SUI-VideoCard.right  .PopInfo .mid a:hover {color: #4D87CE;}

/*Home Page||style*/
p.home-links { text-align: center !important;}
.home-links a { border-color:#aaa #aaa #808080; border-style:solid; border-width:1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow: 0 1px 0px #fff; display: inline-block;  margin: 2px 10px; text-align: center;  background-position: 0 0; color: #444; font-weight: normal; font-size: 1.5em; background-image:url(300px-blended.png); cursor: pointer; outline: none; background-color: #eee; text-decoration: none; padding: 6px 28px;  }
.home-links a:hover {background-color: #26EF18;}

/*Blue Header||Profile Accent that changes the header to blue with white text. PAC=profile-accent5854*/
#container .profile-accent5854 .element-header {background-color: #3333ff; color: #ffffff; }


