/**********************************************************
 * /_Assets/css/main.css
 * 
 * Stylesheet file to contain main CSS code
 * 
 * --------------------------------------------------------
 * Author: [Author Name]
 * Created Date: [DATE]
 * Description: Initial Release
 *
 * REVISIONS:
 * Version#:    Date:        Name:           Description
 * X.X.X.X      XX/XX/XXXX   [FIRST LAST]    [DESCRIPTION]
***********************************************************/
/* ================================================================================================
    RESET/NORMALIZE:
    normalize.css v3.0.2 | MIT License | git.io/normalize 
   ============================================================================================= */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* ================================================================================================
    GLOBAL
   ============================================================================================= */
/* micro clearfix hack: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
/* ================================================================================================
    LAYOUTS
    http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths
   ============================================================================================= */
/* common styles */
#mainHeader,
#mainFooter {
    background: #bbb; /* for example purposes */
}
.colmask {
    position:relative;		/* Fixes IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* 1 Column Full Page Layout */
.fullpage {
    background:#eee;
    min-height: 500px;
}
.fullpage .col1 {
    margin:0 15px;
}
/* 2 Column Right Menu */
.rightmenu {
    background:#ddd;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#eee;
    min-height:500px;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 15px 0 215px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:170px;
    position:relative;
    left:185px;
}
/* 2 Column Left Menu */
.leftmenu {
    background:#ccc;
}
.leftmenu .colright {
    float:left;
    width:200%;
    position:relative;
    left:200px;
    background:#eee;
    min-height:500px;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:185px;
}
/* 3 Column Blog Style */
.blogstyle {
    background:#ddd;    	/* Right column background colour */
}
.blogstyle .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#ccc;    	/* Centre column background colour */
}
.blogstyle .colleft {
    float:left;
    width:100%;
    margin-left:-200px; 	/* Width of centre column */
    background:#eee;    	/* Left column background colour */
}
.blogstyle .col1wrap {
    float:left;
    width:50%;
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
    margin:0 15px 0 415px;	/* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
    position:relative;
    left:100%;
    overflow:hidden;
}
.blogstyle .col2 {
    float:right;
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
    float:right;
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    position:relative;
    left:555px;
}
/* 3 Column Holy Grail */
.holygrail {
    background:#ddd;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#eee;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
    background:#ccc;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 215px;     	/* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    min-height: 500px;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
    min-height: 500px; 
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    min-height: 500px;
}
/* ================================================================================================
    CONTAINER/WRAPPER
   ============================================================================================= */
#container {
}
/* ================================================================================================
    HEADER
   ============================================================================================= */
#mainHeader {
}
nav#topnav ul {
  float: right;
  margin: 5px;
}
nav#topnav ul li {
  float: left;
  list-style: none;
}
nav#topnav ul li a {
  color: #333;
  padding: 5px 10px;
}
nav#topnav ul li a:hover, nav#topnav ul li a:active {
  color: #666;
  padding: 5px 10px;
}
nav#topnav a.facebook {
  background: url('../img/icon_facebook.gif') center right no-repeat;
  padding-right: 30px;
}
nav#topnav a.twitter {
  background: url('../img/icon_twitter.gif') center right no-repeat;
  padding-right: 30px;
}
nav#topnav a.linkedIn {
  background: url('../img/icon_linkedin.gif') center right no-repeat;
  padding-right: 30px;
}
nav#topnav a.facebook:hover, nav#topnav a.twitter:hover, nav#topnav a.linkedIn:hover {
  padding-right: 30px;
}
nav#sitenav {
  clear: both;
  margin: 0;
}
#sitenav ul {
	background: #333;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 30px;
  line-height: 30px;
}
#sitenav ul li { 
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0;
	margin: 0;
}
#sitenav ul li a {
	padding: 0 15px;
	display: block;
	color: #fff;
  height: 30px;
  text-decoration: none;
	font: 12px/30px arial, verdana, sans-serif;
}
#sitenav ul li a:hover, #sitenav ul li a:active {
  
}
/* Submenu */
#sitenav ul li ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	list-style: none;
  padding: 0;
	margin: 0;
  z-index: 999;
}
#sitenav ul li:hover, #sitenav ul li:active { 
  background-color: #666666;
  color: #333;
  height: 30px;
  line-height: 30px;
  position: relative; 
}
#sitenav ul li:hover ul {
  color: #fff;
	left: 0;
	top: 30px;
	background-color: #333;
	padding: 0;
  margin: 0;
}
#sitenav ul li:hover ul li {
  display: block;
  padding: 0;
	margin: 0;
  height: 30px;
  line-height: 30px;
}
#sitenav ul li:hover ul li a {
	color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
	width: 100px;
	background-color: #666666;
}
#sitenav ul li:hover ul li a:hover, #sitenav ul li:hover ul li a:active { 
  background-color: #333; 
  color: #fff;
  height: 30px;
  line-height: 30px;
}
nav#sitenav ul li.dividerLine:hover {
  background: none;
}
nav#sitenav ul li.selected { 
  background-color: #666666;
}
nav#sitenav ul li.selected ul li.selected a {
  background-color: #333;
}
/* ================================================================================================
    FOOTER
   ============================================================================================= */
#mainFooter {
  padding: 10px 0;
  text-align: center;
}
#mainFooter a {
  color: #333;
  text-decoration:  none;
}
#mainFooter a:hover, #mainFooter a:active {
  color: #000;
  text-decoration:  underline;
}
/* ================================================================================================
    CONTENT
   ============================================================================================= */
#mainWrapper {
}
#mainWrapper h1 {
  color: #333;
}
.breadcrumb {
  font-size: 11px;
  margin: 5px 15px;
}
/* ================================================================================================
    INTERSTITIALS
   ============================================================================================= */
/* ================================================================================================
    IE
   ============================================================================================= */
.lt-ie10 {
}
.lt-ie9 {
}
.lt-ie8 {
}
.lt-ie7 {
}
/* ================================================================================================
    GLOBAL STYLING
   ============================================================================================= */
body {
  padding: 0;
}
a {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}