/*
 *  Preamble, License info, Etc.
 *  @author X Y <xy@z.ab> 
*/
 
/* STYLES FROM TEXT.CSS */
/*! `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  font-size: 13px;
  color: #222;
  line-height: 125%;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/*! `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/*! `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 10px;
}
/* END STYLES FROM TEXT.CSS */

/* LINKS */
a {
	color:#01709e;
	text-decoration:none
}

a:visited {
	color:#015e85;
}

a:hover {
	color:#50cbff;
}

.address {
	font-size:12px; 
}

a.current {
	font-weight:bold;
}

.blurb{background:#ebebeb;color:#252525;text-align:center;padding:22px 0;font-family: Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 18px; font-weight: normal;}

.copyright{color:#747474;display:inline-block;margin-right:10px}

.endcap{font-size:12px;background:#111111;color:#4b4b4b}

.endcap #nav{color:#4b4b4b}

.endcap #nav a{color:#b9b9b9}

.endcap #nav a:hover{text-decoration:underline}


h3{font-size:16px;line-height:1}
.h3{font:bold 16px/1 Arial, 'Liberation Sans', FreeSans, sans-serif;}
.h3.alt{padding:7px 10px;margin:0 0 10px 0;font-size:13px;background:#747474;color:#FFF}
.h3.alt.aviq{padding-top:4px;padding-bottom:4px;background:#111111}
.h3.twitter{background:#01709e !important}
.h3.twitter .bird{background:url(../img/sprite.png) -100px -500px no-repeat;width:24px;height:15px;display:inline-block;margin-left:43px}

hr.solid{background:#111111}

input[type=submit],button{color:#FFF;text-shadow:1px 1px 1px #666;font-weight:normal;font-size:14px}

/* PAGE TITLE WITH BACKGROUND IMAGE */
#pagetitle{margin-bottom:30px;background-repeat:no-repeat;background-position:0 0; background-image: url(../img/pgtitle_bg04.jpg);}
#pagetitle h1{background:rgba(0,0,0,0.75);color:#FFF;display:inline-block;margin:0;padding:15px;position:relative;left:-7px;font-family:Arial, 'Liberation Sans', FreeSans, sans-serif;font-size:45px;line-height:1}
#pagetitle h1{background:url(../img/black_transparent.png) top left repeat}

.styled li:before{color:#747474}
.styled.has-links li:before{color:#ed1d25}* :first-child{margin-top:0}

input[type=radio]+label,input[type=checkbox]+label{margin-left:10px;display:inline-block}
input[type=submit],button{border-radius:0;background:#00a1e4;background:-moz-linear-gradient(top, #00a1e4 0%, #0291cd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a1e4), color-stop(100%, #0291cd));background:-webkit-linear-gradient(top, #00a1e4 0%, #0291cd 100%);background:-o-linear-gradient(top, #00a1e4 0%, #0291cd 100%);background:-ms-linear-gradient(top, #00a1e4 0%, #0291cd 100%);background:linear-gradient(top, #00a1e4 0%, #0291cd 100%);border:none;padding:5px 20px}
input[type=submit]:hover,button:hover{background:#ed1d25}
input[type=text],input[type=password],input[type=search]{-moz-box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);border:1px solid #d4d4d4;height:3em;/* text-transform:uppercase; - AS */font-size:10px}
input[type=text].bg,input[type=password].bg,input[type=search].bg{background:#ebebeb}

ul{padding-left:0}
ul,li{margin:10px 0}
ul li{margin:0 0 10px 10px}
hr{border:none;border-bottom:1px dotted #c2c2c2;margin:20px 0;clear:both}

#bodywrapper{position:relative}
#footer{margin-top:50px}
#footer .container_12{position:relative}
#masthead{position:relative;z-index:2;margin-bottom:30px}
#login-overlay{width:250px;padding:10px}
#login-overlay ul{padding-left:0}

.endcap{padding:15px 0}
.endcap #nav{display:inline-block}
.endcap #nav li{display:inline;margin:0}

input.full-width{width:100%}

.floatright{float:right}
.floatleft{float:left}

hr.solid{height:3px;border:none}
.h2.icon{margin-top:0;display:inline-block}
.icon:before{content:"";height:25px;width:25px;margin-right:5px;display:inline-block;background-image:url(../img/sprite.png);background-repeat:no-repeat;position:relative;top:5px}
img.floatright{margin-left:20px}
img.floatleft{margin-right:20px}

.mainlogo{display:inline-block;vertical-align:top;margin:30px 35px 0 10px}
.more.alt:before{font-size:14px;font-weight:bold;content:"\00203a \0020";padding-right:5px}
.more.alt:after{content:'';padding-left:0}
.more:after{font-weight:bold;font-size:14px;content:"\00203a \0020";padding-left:5px}

#nav.main.footer ul,#nav.main.footer li{margin:0;padding:0}
#nav.main.footer ul{list-style:none}
#nav.main .main{margin-top:30px;position:relative}
#nav.main .main>li{display:inline-block;position:relative}
#nav.main .main>li:first-child{margin-left:0}
#nav.main .main>li:hover>ul{display:block}
#nav.main .main>li ul{position:absolute;top:28px;width:150px;font-size:12px;padding:10px 14px 10px 22px;display:none;border-bottom-width:3px;border-bottom-style:solid}

.nobullet{padding-left:0;list-style:none;text-indent:0}
.nobullet li{margin-left:0}
.nobullet li:before{content:''}

.social{display:inline-block;position:absolute;right:0}
.social a{background-image:url(../img/sprite.png);background-repeat:no-repeat;text-indent:-9999px;display:inline-block;width:21px;height:21px}
.social li{margin:0;display:inline;margin-left:5px}
.social ul{list-style:none;padding:0;margin:0}
.social .twitter a{background-position:0 0}
.social .facebook a{background-position:-50px 0}
.social .googleplus a{background-position:-100px 0}
.social .linkedin a{background-position:0 -50px}
.social .youtube a{background-position:-50px -50px}
.social .slideshare a{background-position:0 -100px}
.social .flickr a{background-position:-50px -100px}
.social .community a{background-position:-100px -50px}

.styled{list-style:none;text-indent:-0.7em}
.styled li{padding-left:0}
.styled li:before{content:"\00203a \0020"}

/* FIXES FOR OLDER BROWSERS - NOT BEING USED IN SKINS */
.oldie #header ul.main>li.hover ul,.oldie #header ul.main>li a:hover{background:url(../img/black_transparent.png) top left repeat}
.oldie input[type=text],.oldie input[type=search]{line-height:24px}
.ie9 .main li ul{top:28px !important}.ie9 #bodywrapper input[type=submit],.ie9 #bodywrapper button{border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00a1e4, endColorstr=#0291cd,GradientType=0 );border:none;padding:5px 20px}
.ie8 #nav.main .main>li ul{top:29px}
.ie7 #header ul.main>li{display:inline}
.ie7 #header ul.main>li ul{left:0;top:37px}
.ie7 #header ul.main>li>a{display:block}
.ie7 #header ul.main>li.hover li{dispaly:block}
.ie7 #header ul.main>li.hover>a{background:url(../img/black_transparent.png) top left repeat;display:inline-block}
.ie7 .h2.icon{display:inline;zoom:1}
.ie7 #pagetitle h1{display:inline;zoom:1}
.ie7 .copyright,.ie7 #nav.footer,.ie7 .social{display:inline;zoom:1}
.ie7 .social li{height:21px;width:21px;display:inline;zoom:1}ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
#nav ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

.ie7 .social li a{text-transform:capitalize;display:block}

@-moz-document url-prefix(){#nav.main .main>li ul{top:29px}}

/* SELECT STYLES FROM BOILERPLATE.CSS */
#header, #footer, #nav { display: block;}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: Arial, 'Liberation Sans', FreeSans, sans-serif; color: #222; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/* universal CSS for Portal forms - use CSS selectors in page head to make changes  */

UL.errors { 
	font-size:0.85em;
	color:#F00;
	margin-top:10px; margin-bottom:10px; margin-left:-1px; 
	padding:0;
	clear:both;
}
.errors LI {
	text-align:left; list-style-type:none; line-height:28px!important; overflow:hidden;
	background:url(../img/warning_sm.png) no-repeat 0 -1px; 
	padding-left:28px!important; padding-top:0;
	margin:0;
}

/*Search Forms - Taken from old forms; may need to delete or edit */
h2.searchHeadings {height: 24px; color: #253d42;}

.SearchFormDisplay {color: #262626;}
.SearchFormDisplay input, .SearchFormDisplay select {margin: 0 0 .9em 0; color: #262626;}

td.FormLabelDisplay {text-align: right; padding-top: 3px; font-weight: bold;}

.MemberDetailTable {color: #262626;}
.MemberDetailTable td {padding: 5px;}

.SearchResultsTable {color: #262626;}
.SearchResultsTable td {padding: 2px;}
 


