/*SPRUZGEN*/
/* Login and Header */
	#banner-ad { display: none; }
	#page-header-custom { color: #ACC8F2; background-color: #2A62B6; background-image: url(content-bg.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 176px; 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: #ACC8F2; background-color: #2A62B6; background-image: url(content-bg.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 176px; margin: 0; }
	#page-header h1 { font-size: 31px; font-family: verdana; text-align: center; position: absolute; top: 27px; left: 35px; display: block; width: auto; z-index: 40; margin: 0; }
	#page-header .sub-title {text-align: center; font-size: 0.6em; display: block;}
	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 176px; z-index: 5; overflow: hidden; display: none;}
	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 176px; overflow: hidden; display: diamond.png; }
	#header-graphic1 span { background-image: url(none); background-repeat: no-repeat; background-position: left top; position: absolute; top: 6px; left: 2px; width: 167px; height: 120px; z-index: 5; }
	#header-graphic2 span { background-image: url(diamond.png); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 53px; right: 32px; width: 249px; height: 200px; }
	#login-area { background-image: none; position: absolute; top: 5px; right: -20px; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }
	.login-text td { color: #F7F6F2; background-color: transparent; }
	.login-text td a { color: #FFFFFF; }
	.login-text td a:hover { color: #FFDA72; }
/* Body, Site Container and Global*/
	a { color: #A2C4F7; }
	a:hover { color: #FFFFFF; }
	td, th { font-size: 10pt; font-family: arial; }
	p { }
	body { color: #FFFFFF; font-size: 10pt; font-family: arial; background-color: #000000; background-image: url(sitebg.jpg); background-repeat: repeat-x; text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }
	#master-table-container { background-color: #2A62B6; background-image: url(content-bg.jpg); }
	#master-table { width: 100%; margin: 0; padding: 0; }
	#container { vertical-align: top; position: relative; width: 980px; margin: 0 auto; border: solid 0 #fff; }
/* Navigation and Sides */
	.side-nav-table { width: 100%; padding: 2px; }
	.side-nav-box td.header { color: #FFFFFF; font-size: 10pt; font-family: arial; font-family: arial; font-size: 18px; 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: 5px; border-left: 1px solid #F0A400; border-right: 1px solid #F0A400; border-top: 1px solid #F0A400; border-bottom: 1px solid #F0A400; background-color: #F0A400; color: #FFFFFF; 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: 1px solid #F0A400; border-right: 1px solid #F0A400; border-top: 1px solid #F0A400; border-bottom: 1px solid #F0A400; background-color: #6C6C6C; color: #F7F7EA; }
	.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: 180px; height: 1px; margin: 0; padding: 0; overflow: hidden;}
/* Content Sections */
	.content-table { width: 100%; border:0px solid #FFFFFF; color: #3C3C3C; background-color: transparent; }
	.content-innertable {  }
	.content-cell-inner { color: #3C3C3C; }
	#content-cell-inner { color: #3C3C3C; }
	#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: #FFFFFF; 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: #F7F7EA; font-size: 10pt; font-family: arial; font-weight: bold; background-color: #2A62B6; background-image: url(content-bg.jpg); 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: #F7F7EA; font-size: 10pt; font-family: arial; font-weight: bold; background-color: #2A62B6; background-image: url(content-bg.jpg); 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: 18px; color: #FFFFFF; background-color: transparent; background-image: url(none); }
	#container .element-header-inner { font-weight: bold; color: #FFFFFF; font-family: arial; font-size: 18px;}
	#container .element-header a { color: #FFFFFF; }
	#container .element-header-inner a { color: #FFFFFF; }
	#container .element-row1-inner { color: #FFFFFF; }
	#container .element-row2-inner { color: #FFFFFF; }
	#container .element-row1 { color: #FFFFFF; background-color: transparent; }
	#container .element-row2 { color: #FFFFFF; background-color: #224E91; }

/*Custom Modifiers Start*/
/*Underline Links on Hover||Only display link underlines when you mouseover them.*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/*Remove Top Window Padding||Removes the padding at the top of your site so your header fits right next to the window edge.*/
body {padding-top: 0px;}

/*Site BG Centered||Centers your site background.*/
body {background-position: center top; background-attachment: fixed;}

/*Container Borders||Adds borders around your content on your site.*/
#container {border-left: 1px solid #6B95D5; border-right: 1px solid #6B95D5; box-shadow:0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000;}
#page-header {border-bottom: 1px solid #1C4C94;}
#master-table-container {border-top: 1px solid #6B95D5 ;border-bottom: 1px solid #1C4C94;}
#page-footer {border-top: 1px solid #6B95D5 ;}

/*Unbold Title Font||Sets your title font to normal instead of bold.*/
#page-header h1 { font-weight: normal; text-transform: uppercase; text-shadow: #224E91 0 -1px 1px, #fff 0 0 50px, #fff 0 0 25px, #6F9BDE 0 0 12px; }

/*Welcome Line Style||Adds shadow and makes font smaller.*/
.login-text td { font-size: 11px; font-weight: bold;  }

/*Top Nav Style||Adds a style to your navigation. No-bullet, larger text and lowercase.*/
#section10 .side-nav-box td.content { padding:3px 10px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
#section10 .side-nav-box td.content li a { font-family: Georgia, Times New Roman; font-size: 18px; line-height: 18px; margin: 3px 0; padding: 5px 15px; border-width: 0 1px 0 0; background-color: transparent; }
#section10 .side-nav-box td.content li:last-child a {border-width: 0;}
#section10 .side-nav-box td.content li a:hover { text-decoration: underline; text-shadow: #6C4C0D 0 1px 1px; }
#section10 .side-nav-box td.content li ul.sub-menu { background-color: #F0A400;}
#section10 .side-nav-box td.content li.on > a { text-decoration: none; color: #9595B3; text-shadow: #FFFFFF 0 1px 0px; background-color: #FFDA72;border-radius: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



/*Side Nav Style||Gives lighter border between side nav buttons.*/
#nav-cell .side-nav-table li a, #ads-cell .side-nav-table li a {margin-bottom: -1px;}

/*Side Padding||Gives 10 pixels padding on the left and right global areas to add space between the elements and the sides of the site.*/
#nav-cell {padding-left: 10px;}
#ads-cell {padding-right: 10px;}

/*Content Header Style||Adds a colored border at the bottom and sets the font weight to normal.*/
#container .element-header, .side-nav-box td.header { font-family: Georgia, Times New Roman ; font-weight: normal; text-align: left; line-height: normal; padding: 15px 4px 2px 4px; border-bottom: 5px solid #BACFEF;}
#container .element-header b {font-weight: normal;}
#container .section1 .element-header {border-color: #B4DBB2;}
#container .section2 .element-header {border-color: #EFDDAD;}
#container .section3 .element-header {border-color: #DBB2D6;}

/*Element Background Dark||Simitransparent Dark Background to Elements*/
#container .element-container { background: url(dark.png); box-shadow:0px 2px 2px #222; -moz-box-shadow: 0px 2px 2px #222; -webkit-box-shadow: 0px 2px 2px #222;}

/*Content Header Icons||Adds icons to your element headers based on element type.*/

#container .element-container.members-box .element-header,
#container .element-container.members .element-header,
#container .element-container.members-whosonline .element-header,
#container .element-container.groups .element-header {padding-left: 56px; background-image: url(member-icon.png); background-repeat: no-repeat;}

#container .element-container.chat-shoutbox .element-header,
#container .element-container.chat .element-header,
#container .element-container.chat-live-shoutbox .element-header {padding-left: 56px; background-image: url(chat-icon.png); background-repeat: no-repeat;}

#container .element-container.members-activity .element-header {padding-left: 56px; background-image: url(activity-icon.png); background-repeat: no-repeat;}

#container .element-container.forums-activity .element-header,
#container .element-container.forums-top_members .element-header,
#container .element-container.forums-threads .element-header,
#container .element-container.forums-new_posts .element-header {padding-left: 56px; background-image: url(forum-icon.png); background-repeat: no-repeat;}

#container .element-container.blog-full .element-header,
#container .element-container.blog-headlines .element-header,
#container .element-container.blog .element-header {padding-left: 56px; background-image: url(blog-icon.png); background-repeat: no-repeat;}

#container .element-container.calendar-box .element-header,
#container .element-container.calendar-mini_cal .element-header,
#container .element-container.calendar .element-header {padding-left: 56px; background-image: url(events-icon.png); background-repeat: no-repeat;}

#container .element-container.members-login .element-header {padding-left: 56px; background-image: url(login-icon.png); background-repeat: no-repeat;}

#container .element-container .element-row1 .element-header {padding: inherit; background: inherit;}

/*Center Powered By Line||Centers the powered by line that displays on sites that have branding.*/
#page-bottom { text-align: center; }
#page-bottom div, #page-bottom div p { float: none !important; margin: auto; text-align: center !important;}
