@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
	} 

/*** general styles ***/	
	
html { 
	height: 100%;
	}

* { 
	margin: 0;
	padding: 0;
  }
  
 /*** body backgrounds ***/

body { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/capam.jpg) no-repeat; /* Cap America for home page */
	background-position: 0 100px;
	}

body.colbg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/collage.jpg) repeat-y; /* collage used for sub-pages */
	background-position: 0 100px;
	}

body.doombg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/doombg.jpg) no-repeat; /* Dr. Doom */
	background-position: 0 100px;
	}

body.dpbg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/dpbg.jpg) no-repeat; /* Deadpool */
	background-position: 0 100px;
	}

body.lokibg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/lokibg.gif) no-repeat; /* Loki */
	background-position: 0 100px;
	}

body.magbg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/magnetobg.jpg) no-repeat; /* Magneto */
	background-position: 0 100px;
	}

body.widowbg { 
	font: normal 95% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-shadow: 1px 1px #fff;
	background: #000 url(../images/widowbg.jpg) no-repeat; /* Widow */
	background-position: 0 100px;
	}
	
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(3, 61, 134,.8);
	-moz-box-shadow: 0px 0px 10px rgba(3, 61, 134,.8);
	box-shadow: 0px 0px 10px rgba(3, 61, 134,.8);
	z-index: 100;
	}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
	}
	
.center {
	text-align: center;
	margin: 0 auto;
	}
	
.classemph {
	text-shadow: 1px 1px 1px #bababa !important;
	font-size: 1.05em;
	font-family: Georgia, Constantia, "Times New Roman", serif;
	font-style: italic;
	}
	
.classemph a {
	color: #bde0ff !important;
	}
	
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
	
.headercenter {
	margin: 40px auto;
	text-align: center;
	}
	
.heroclasslink {
	text-decoration: none !important;
	}
	
.herotableimg {
	vertical-align: bottom;
	padding-left: 5px;
	}

p { 
	padding: 5px 0 10px 0;
	line-height: 1.7em;
	font-size: 100% 
	}

img { 
	border: 0;
	}
	
.largefont {
	font-size: 1.2em;
	}
	
.serif {
	font-family: Georgia, Constantia, "Times New Roman", serif;
	color: #24205B;
	font-size: 1.1em;
	font-weight: 700;
	}

/*** headings ***/
	
h1, h2, h3, h4, h5, h6 { 
	font: bold 150% 'News Cycle', Arial, sans-serif;
	color: #033d86;
	text-shadow: 1px 1px #aaa;
	margin: 10px 0 10px 0;
	}

h2 { 
	font: bold 150% 'News Cycle', Arial, sans-serif;
	}

h3 { 
	font: bold 130% 'News Cycle', Arial, sans-serif;
	color: #033D86;
	}

h4, h5, h6 { 
	margin: 0;
	padding: 0;
	font: normal 130% 'News Cycle', Arial, sans-serif;
	color: #033D86;
	line-height: 1.5em;
	}

h5, h6 { 
	font: normal 105% 'News Cycle', Arial, sans-serif;
	color: #6E6E6E;
	padding-bottom: 15px;
	}
  
span { 
	color: #000;
	}

/*** links ***/	
	
a { 
	color: #033d86;
	background: transparent;
	outline: none;
	text-decoration: underline;
	}

a:hover { 
	color: #8e2323;
	text-decoration: none;
	}
	
a:active {
  position: relative;
  top: 1px;
}
	
.iconlink {
	vertical-align:text-top;
	}
	
/*** lists ***/	

ul { 
	margin: 2px 0 22px 30px;
	line-height: 1.7em;
	font-style: normal;
	font-size: 100%;
	list-style-image: url(../images/icons/caicon.png);
}

ol {
	margin: 8px 0 22px 20px;
	}

ol li { 
	margin: 0 0 11px 0;
	}
	
li ul li {
	list-style-image: none;
	list-style-type: circle;
	}
	
dl {
	margin-bottom: 40px;
	}
	
dt {
	font-weight: bold;
	}

dd {
	background:none no-repeat left top;
	padding-left: 35px;
	margin: 5px 0;
	}
	
dd.blast {
	background-image:url(../images/icons/blaster.png);
	}
	
dd.bruiser {
	background-image:url(../images/icons/bruiser.png);
	}
	
dd.general {
	background-image:url(../images/icons/generalist.png);
	}
	
dd.inf {
	background-image:url(../images/icons/infiltrator.png);
	}
	
dd.scrap {
	background-image:url(../images/icons/scrapper.png);
	}
	
dd.tac {
	background-image:url(../images/icons/tactician.png);
	}
	
/*** main structure ***/	

#main, header, #banner, #menubar, #site_content, footer, #content_grey, nav, #header_section { 
	margin-left: auto; 
	margin-right: auto;
	}

/*** header ***/	
 
header { 
	position: relative;
	background: transparent url(../images/avbanner.jpg);
	height: 188px;
	} 
  
#header_section { 
	width: 940px;
	height: 150px;
	margin-bottom: 20px;
	}
  
#welcome {
	width: 940px;
	float: left;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: transparent;
	} 
   
#welcome h1 { 
	font: normal 340% 'News Cycle', Arial, sans-serif;
	letter-spacing: -2px;
	text-shadow: 2px 2px 2px #506987, 3px 3px 5px #344152;
	color: #fff;
	}
  
#welcome h3 { 
	font: normal 180% 'News Cycle', Arial, sans-serif;
	letter-spacing: -2px;
	text-shadow: 2px 2px 2px #506987;
	color: #fff;
	}
  
 /*** navigation ***/
 
nav { 
	width: 940px;	
	padding: 30px 0 20px 0;
	margin-top: -1em;
	float: left;
	background: #fff url(../images/pattern.png) repeat;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border: 7px 7px 0px 0px;
	}
  
ul#nav { 
	margin:0;
	float: left;
	}

ul#nav li { 
	padding: 0 0 0 0px;
	list-style: none;
	margin: 2px 0 5px 0;
	display: inline;
	text-align: center;   
	background: transparent;
	}

ul#nav li a { 
	font: bold 120% "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 24px;
	margin: 10px 0 0 20px;
	padding: 6px 10px 6px 10px;
	background: transparent; 
	text-align: center;
	color: #033d86;
	text-shadow: 1px 1px #9cadbb;  
	text-decoration: none;
	font-variant: small-caps;
	} 
  
ul#nav li.current a, ul#nav li:hover a { 
	color: #8e2323;
	text-shadow: 1px 1px #fff;  
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px;
	text-decoration: underline;
	}
  
 /*** content styles ***/

#site_content { 
	width: 940px;
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff url(../images/pattern.png) repeat;
	padding: 1.5em 2em;
	opacity:0.9;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border: 7px;
	}

.sidebar_container { 
	float: left;
	width: 230px;
	padding: 0;
	color: #000;
	}

.sidebar { 
	float: left;
	width: 240px;
	margin: 0 0px 10px 0;
	}

.sidebar_item { 
	width: 220px;
	font-family: Georgia, Constantia, "Times New Roman", serif;
	color: #4f4f4f;
	}

.sidebar h2 { 
	padding: 5px 0 0 0;
	font: bold 150% 'News Cycle', Arial, sans-serif;
	height: 30px;
	} 

#content { 
	width: 940px;
	margin: 0 10px 20px 0;
	float: left;
	}

.content_item { 
	float: left;
	width: 690px;
	margin-bottom: 20px;
	padding-left: 5px;
	}
 
.content_imagetext { 
	width: 700px;
	padding: 5px;
	margin: 20px 0 0 0;
	float: left;
	}
 
.content_image { 
	float: left; 
	min-height: 150px;
	margin: 0 20px 10px 0;
	}
  
.content_container { 
	width: 320px;
	padding: 5px;
	margin: 20px 10px 0 0;
	float: left;
	}
	
blockquote {
	background-image: -o-linear-gradient(bottom, #1a1a1a 0%, #4d4d4d 100%);
	background-image: -moz-linear-gradient(bottom, #1a1a1a 0%, #4d4d4d 100%);
	background-image: -webkit-linear-gradient(bottom, #1a1a1a 0%, #4d4d4d 100%);
	background-image: -ms-linear-gradient(bottom, #1a1a1a 0%, #4d4d4d 100%);
	background-image: linear-gradient(to bottom, #1a1a1a 0%, #4d4d4d 100%);
	width: 80%;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	margin: 10px 0 30px 50px;
	padding: 10px 5px 10px 15px;
	border-left: 5px solid #bde0ff;
	font-family: Candara, "Trebuchet MS", sans-serif;
	font-style: italic;
	color: #f0f8ff;
	text-shadow: none;
	} 
	
blockquote a {
	color: #fff;
	}
	
blockquote a:hover {
	color: #bde0ff;
	}
	
blockquote h5 {
	color: #bde0ff;
	font-size: 1.25em;
	}
	
.blockquoteiso {
	border-left: 5px solid #7cfc00;
	color: #e0eee0;
	}
	
.blockquoteiso h5 {	
	color: #7cfc00;
	}
	
.blockquoteiso a:hover {
	color: #7cfc00;
	}
  
 /*** footer ***/
  
footer { 
	padding: 6em 0;
	text-align: center; 
	text-shadow: 1px 1px #000;
	color: #fff;
	background: #323232 url(../images/metalbg.jpg) repeat;
	}

footer a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 20px;
	}

footer a:hover { 
	text-decoration: underline;
	color: #fff;
	}
  
 /*** buttons ***/
 
 .button_small { 
	font: normal 110% Arial, Helvetica, sans-serif;
	float: left;
	padding: 5px 15px 7px 10px;
	border: 1px solid #FFF; 
	background: #033D86;
	background: -moz-linear-gradient(#4177B9, #26466D);
	background: -o-linear-gradient(#4177B9, #26466D);
	background: -webkit-linear-gradient(#4177B9, #26466D);
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	}
  
.button_small a { 
	color: #fff;
	padding-left: 5px;
	text-shadow: 1px 1px #000;
	}

 /*** forms ***/
  
.form_settings { 
	margin: 15px 0 0 0;
	}

.form_settings p { 
	padding: 0 0 4px 0;
	}

.form_settings span { 
	float: left; 
	width: 280px; 
	text-align: left;
	text-shadow: none;
	}
  
.form_settings input, .form_settings textarea { 
	padding: 2px; 
	width: 299px; 
	font: 100% Arial; 
	border: 1px solid #e5e5db; 
	background: #fff; 
	color: #47433f;
	}
  
.form_settings input[type="checkbox"] { 
	padding: 2px 0; 
	width: 15px; 
	font: 100% arial; 
	border: 0; 
	background: #FFF; 
	color: #47433F;
	margin: 28px 0;
	}

.form_settings .submit { 
	font: 100% arial; 
	border: 1px solid #FFF; 
	width: 99px; 
	margin: 0 0 0 206px; 
	height: 26px;
	padding: 2px 0 3px 0;
	cursor: pointer; 
	background: #033D86;
	background: -moz-linear-gradient(#2EC0FF, #033D86);
	background: -o-linear-gradient(#2EC0FF, #033D86);
	background: -webkit-linear-gradient(#2EC0FF, #033D86);
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	color: #FFF;
	text-shadow: 1px 1px #000;
	}
  
 /*** slideshow ***/

.slideshow { 
	width: 700px;
	height: 300px;
	margin-top: 20px;
	float: right;
	}  
  
/* styling for the slideshow on the homepage */

ul.slideshow {
  list-style: none;
  width: 700px;
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: 0;
  }
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  }
 
ul.slideshow li.show {
  z-index: 500;
  }
 
ul img {
  border: none;
  }
 
#slideshow-caption {
  width: 700px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;
  }
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(../images/transparent.png) repeat;  
  z-index: 1000;
  }
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;
  text-shadow: 1px 1px #000;
  }
  
 /*** table for leveling ***/
 
 .cls_lvl_tbl caption {
	font-size: 20px;
	font-weight:normal;
	background:url(../images/icons/avengers-icon-sm.png);
	background-repeat:no-repeat;
	background-position: 350px center;
	padding-top: 20px;
	height:50px;
	text-shadow: none;
	color:#fff;
	}

.classlevelcont {
	padding-top:20px;
	margin:0 auto;
	background:url(../images/asfalt.png);
	margin: 20px 0;
	}

table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	-webkit-box-shadow:  0px 2px 1px 5px rgba(242, 242, 242, 0.1);
    box-shadow:  0px 2px 1px 5px rgba(242, 242, 242, 0.1);
	padding-top:20px;
	}
	
table a {
	color: #fff !important;
	}
	
table a:hover {
	color:#000 !important;
	}

.cls_lvl_tbl {
    border: 1px solid #555;
	border-radius: 0 0 15px 15px;
	}

.cls_lvl_tbl td {
    border-left: 1px solid #555;
    border-top: 1px solid #555;
    padding: 10px;
    text-align: left; 
	text-shadow: none;	
	}
	
.cls_lvl_tbl th, .cls_lvl_tbl th:hover {
    border-left: 1px solid #555;
	border-bottom: 1px solid #828282;
    padding: 20px;  
    background-color:#151515 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#404040)) !important;
    background-image: -webkit-linear-gradient(top, #151515, #404040) !important;
    background-image:    -moz-linear-gradient(top, #151515, #404040) !important;
    background-image:     -ms-linear-gradient(top, #151515, #404040) !important;
    background-image:      -o-linear-gradient(top, #151515, #404040) !important;
    background-image:         linear-gradient(top, #151515, #404040) !important;
	color:#fff !important;
	font-weight:normal;
	text-shadow: none;
	}

.cls_lvl_tbl tbody tr:nth-child(even) {
    background: #000 !important;
	color:#fff;
	}

.cls_lvl_tbl tr:hover *{
    background: #eee;
	color:#000;
	}

.cls_lvl_tbl tr {
	background:#404040;
	color:#fff;
	}
 
/*** tooltip ***/

.tooltip {
	border-bottom: 1px dotted #000; 
	color: #000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
	}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	}

.tooltip:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px #8c8c8c;
	opacity: .85;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 90%;
	position: absolute; 
	left: -2em; 
	top: 2em; 
	z-index: 99;
	margin-left: 0; 
	width: 175px;
	}
	
.tooltip:hover img {
	border: 0; 
	margin: -10px 0 0 -55px;
	float: left; 
	position: absolute;
	}

.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; 
	font-size: 1.2em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
	}
	
.classic { 
	padding: 0.8em 1em; 
	}
	
.custom { 
	padding: 0.5em 0.8em 0.8em 2em; 
	}

* html a:hover { 
	background: transparent; 
	}

.classic {
	background: #ffa; 
	border: 1px solid #ffad33; 
	}
	
.critical { 
	background: #fca; 
	border: 1px solid #ff3334;
	}

.help { 
	background: #9fdaee; 
	border: 1px solid #2bb0d7;
	}
	
.info { 
	background: #9fdaee; 
	border: 1px solid #2bb0d7;
	}
	
.warning { 
	background: #ffa; 
	border: 1px solid #ffad33; 
	}
	
/*** button for link on hero, other pages ***/

.herobutton {
	display: inline-block;
	text-decoration: none;
	padding: 2px 6px;
	margin-bottom: 30px;
	color: #262C31;
	border: 1px solid;
	border-color: #a2afb8 #8696a1 #6f818f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #a5b8c6;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); /*  IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); /*  WebKit */
	background: -moz-linear-gradient(top,  #becbd6, #88a1b4);
	text-shadow: 1px 1px 1px #f0f8ff;
	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; 
	}

.herobutton:hover {
	background: #adbfcb;
	border-color: #8996a0 #798791 #6c7a85;
	text-shadow: 0 1px 0 #ced9e0;
	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
	}