/* Font used in the main-head Div */

@font-face
{
  font-family: 'rav';
  src: url('HolyRavioliNF.woff') format('woff');
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {
  border: none; }

/* =Global Settings
-------------------------------------------------------------- */
/*Psuedo Elements that doesn't stop the padding and border from increasing elements width*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*Controls the general appearance of the template.  Background-color, font, font-size and spacing between lines */
body {
  background-color: transparent;
  color: #000;
  font-family: "Arial", Calibri;
  font-weight: 250;
  font-size: 0.900em;
  line-height: 1.513em; }

/*Colour of the Hyperlinks and removal of underline */
a {
  text-decoration: none;
  color: #006BA6; }

/*Colour of Hyperlinks when hovered over */
a:hover {
  color: rgb(0,108,180); }

/*Used to display all content in a div or other elements in a central position. */
.content-Center
{
    display:table;
    margin: 0 auto 0 auto;
}

.content2
{
    display:table;
    margin: 0 1.875em 0 40%;
    text-align:center;

}

.content
{
    display:table;
    margin: 0 1.875em 0 auto;

}

#links
{
    text-align: right;
}

.backdrop
		{
			position:absolute;
			top:0.000em;
			left:0.000em;
			width:100%;
			height:100%;
			background:transparent;
			opacity: .0;
			filter:alpha(opacity=0);
			z-index:50;
			display:none;
		}
 

.box, .box2, .box3, .box4, .box5
		{
			position:fixed;
			top:11%;
			left:25%;
			width:42%;
			height:auto;
			background:#fff;
			z-index:51;
			padding:0.625em;
			-webkit-border-radius: 0.313em;
			-moz-border-radius: 0.313em;
			border-radius: 0.313em;
			-moz-box-shadow:0.000em 0.000em 0.313em #006BA6;
			-webkit-box-shadow:0.000em 0.000em 0.313em #006BA6;
			box-shadow:0.000em 0.000em 0.313em #006BA6;
			display:none;
		}

.close
		{
			float:right;
			margin-right:0.375em;
			cursor:pointer;
            font-weight: bold;
            color:#C8102e;
		}


/* Template
-------------------------------------------------------------- */

/*The Wrapper is used in conjunction with the .container to control the width of the page. */
#wrapper {
  width: 70%;
  margin: 0 auto; }

#main {
  background-color: transparent;
  padding: 0.376em 0; }

/* Header section of Template */
#main-head
{
background-color:#006BA6;
font-family:"Arial", Helvetica;
color:#008ec1;
width:625.000em;
height:0.950em;
font-size: 4.875em;
display:table-cell;
table-layout: auto;
vertical-align: middle;
padding-left:0.313em;
font-weight: 700;
}

/* Used to control space between Header and Navigation Menu Items */
#spacer
{
   width:100%;
   height:0.150em;
   background-color:transparent;
}

/* Media Queries
-------------------------------------------------------------- */
/* Controls the look of the Template be careful DO NOT DELETE */
/*.container will control how much of the width it takes in browser but is constrained inside the wrapper */

@media all and (max-width: 37.500em) {
  .container {
      width: 60%; } }

/* Tabbed-List be careful when changing elements in this section
-------------------------------------------------------------------- */

ul#tabs-list {
  list-style-type: none;
  margin: 0 0 0.575em 0;
  padding: 0;
  text-align: center;
 background-color: #A7A9AC;
 font-family: "Arial";
}
  
ul#tabs-list li {
    display: inline-block;
    background-color: #A7A9AC;
    padding: 0.213em 1.475em;
    margin-bottom: 0.050em;
    color: #000;
    cursor: pointer; 
    border-radius: 0.150em;
  }

ul#tabs-list span {
    color:#006ba6;
}
    
ul#tabs-list li:hover {
      background-color: #006BA6; 
}

    ul#tabs-list li.active {
      background-color: #006BA6;
    color:#fff;
}

ul#tab-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

  ul#tab-list li {
    display: none;
    padding: 1.000em;
    background-color: transparent;
    color:#000;
    height: 700px;
  }
    ul#tab-list li.active {
      display: block; }

    ul#tab-list li h2 {
      font-weight: 400;
      margin-bottom: 1.675em;
      padding-bottom: 0.313em;
      border-bottom: solid 0.213em #006BA6;
      float:left;
      width:25%;
      font-size:1.100em;
      font-family:"Arial", Calibri;
      display: table;
      vertical-align: middle;
      line-height: 1.500em;
}
/*  End of Tabbed-List Section 
----------------------------------------------- */

/*Styling for H2 element */
h2
{
    margin:10% auto 0 3%;
    
}

/*Styling for H3 Element ... I use this as my main heading */ 
h3 {
    padding-bottom: 0.800em; 
    font-weight:bold; 
    color:#006BA6;
    font-size: 24px;
    font-family: "Arial";
}

/* Classes that can be added to elements to control the text size etc 
------------------------------------------------------------------------*/
.subheading{
    color:#006BA6;
    font-size: 18px;
    line-height: 1.300em;
    font-weight: 700;
}

.subheading2{
    color:#000;
    font-size:15px;
    line-height: 1.500em;
    font-weight: 700;
}
/* End of classes for text size etc. 
------------------------------------------------------------------------*/

/* Footer section of Template
-------------------------------------------*/

footer{
    
    color:#fff;
    background-color:#006BA6;
    padding-left: 1.313em;
    clear:both;
}
p{
    padding-top:0.250em;
    padding-bottom:0.250em;
}

/*End of Footer
-------------------------------------------*/