/*----------------------------------------------------------------
* Filename:			styles-wide.css
* Description:		Global CSS
* Version:			1.0.0.7
* Author:			Jeremy Pratte
* Last Edited by: 	Juan Sanchez (AOTA)

== STRUCTURE =====================================================

* Page width:		960px
* # of columns:		2

/* 
/// ~~~~ TABLE OF CONTENTS ~~~~ ///

I. Color Scheme

II. Redefined 
	A. Redefined Main
	B. Headers
	C. The A Team
	D. Lists
	E. Forms
	F. Tables

III. The Grid
	A. Grid Main
		1. Main	
		2. Flex Zone
	B. Block Grids

IV. Main Structure Categories
	A. Header
	B. Main Nav
	C. Content
		1. Main
		2. Other Content Elements
			a. Side, Sub Navs
			b. Pagination
			c. Breadcrumbs
		3. Animated Feature / JQuery Cycle
	D. Footer

	
V. Global Styles

*/


/* I. Color Scheme */
/*

	#003399: 	AOTA Blue		rgba: 0		51		153
	#3366ff: 	Bright Blue		rgba: 51	102		255
	#cf8f34:	Orange			rgba: 207	143		52
	#111111:	Black			rgba: 17	17		17
	#333333:	Text Gray		rgba: 51	51		51
	#cccccc:	Border Gray		rgba: 204	204		204
	#f2f2f2:	Bkgrnd Gray		rgba: 242	242		242

*/

/* II. Redefined */

/** A. Redefined Main **/

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html { font-size: 62.5%; height: 100%;}

body {font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; line-height: 1; z-index:1; color: #333333; position: relative; -webkit-font-smoothing: antialiased; height: 100%;}

p {padding-bottom: 16px; line-height: normal;}

/** B. Headers **/

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-style: normal; color: #111111; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px;}

h1 {font-size: 24px; padding-bottom: 7px; margin-bottom: 20px; border-bottom: 1px solid #3366ff; margin-top: 10px;}
h2 {font-size: 16px;}
h3 {font-size: 14px; font-weight: bold; color: #333;}
h4 {font-weight: bold; font-size: 13px; color: #333;}

h2.icon {background-position: right; background-repeat: no-repeat;}

/** C. The A Team **/

a:link {color: #003399; text-decoration: none;}
	a:visited {color: #003399; text-decoration: none;}
	a:active {color: #000; text-decoration: none;}
	a:hover {color: #003399; text-decoration: underline;}

p a, p a:visited { line-height: inherit; }

/** D. Lists **/

ul, ol, dl { font-size: 12px; line-height: 1.2; margin-bottom: 17px; list-style-position: outside; margin-left: 0px; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/** E. Forms **/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input

[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], 
/* AOTA Mod - Remove Display:Block */
/* AOTA Mod - Remove Hight value for select controls*/
input[type="url"], textarea{ background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75);  font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="url"], select { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75);  font-size: 14px; margin: 0 0 12px 0; padding: 6px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"]
[disabled], textarea[disabled] {background-color: #ddd;}

textarea {height: auto;}

select {}

/** F. Tables **/

table {background: #fff; margin: 0 0 18px;}

table thead, table tfoot {background: #f5f5f5;}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {display: table-cell; font-size: 14px; line-height: 18px; text-align: left;}

table thead tr th, table tfoot tr td {padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #ffffff; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }



/* III. The Grid */

/** A. Grid Main **/

/*** 1. Main ***/

.row { width: 940px; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0; }
.row .row.collapse { margin: 0; }

/* AOTA Mod - remove 10px padding
    .column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
    */
.column, .columns { float: left; min-height: 1px; padding: 0 0px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"]:first-child + [class*="column"] { float: right; }

.tweeter [class*="column"]:first-child + [class*="column"] { float: left; }

[class*="column"] + [class*="column"].end { float: left; }

.width-full {width: 960px;}
.width-Main1 {width: 960px;}
.width-Main2 {width: 960px;}
.width-RailModule {width: 220px;}
.width-Main1half {width: 347px;}

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

/* AOTA Mod - Disable 50% width
.six, .row .six { width: 50%; }*/

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

.map
{
    width:100%;
    margin-bottom:40px;
}

#map_canvas img, .map_canvas img { max-width: none!important; }

/*** 2. Flex Zone ***/

aside.column.width-RailModule.global-nopadding+.width-Main1 {width: 715px;}
.content-cont.row > .width-Main1 h1 {width: 960px;}
aside.column.width-RailModule.global-nopadding+.width-Main1 > .row > .column.width-Main2 {width: 480px;} 
aside.column.width-RailModule.global-nopadding+.width-Main1 > .row > .column.width-Main2 p {width: 96%;}
.content-flexzone {position: relative; width: 100%; display: inline-block; clear: both;}

.content-flexzone .content-cont-module {margin-right: 20px; float: left !important; }

.content-flexzone .width-Main1half+.width-RailModule { float: right;}
.column.width-full .content-flexzone .width-Main1half, .column.width-full .content-flexzone .width-RailModule {margin-bottom: 20px; float: left; margin-top: 0px !important;}
.column.width-full .content-flexzone .width-Main1half~.width-RailModule {margin-bottom: 72px !important;}
.content-flexzone .width-RailModule+.width-Main1half {float: right;}
.content-flexzone .width-RailModule+.width-Main1half+.width-RailModule {margin-top: 51px; float: left;}

/** B. Block Grids **/

/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; margin: 0 -8px; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; padding: 0 8px 8px; }
.block-grid.two-up { margin: 0 -15px; margin: 0 -8px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; padding: 0 8px 8px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; margin: 0 -8px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; padding: 0 8px 8px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }

.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }

/* IV. Main Structure Categories */

/** A. Header **/

.header {position: relative; margin:0 auto; z-index: 999; height: 86px;overflow:visible;
background: rgb(0,51,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,51,153,1) 0%, rgba(51,102,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,153,1)), color-stop(100%,rgba(51,102,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* W3C */
} 
.header div.row {position: relative; width: 960px; height: 86px; margin: 0 auto; padding: 0; z-index: 999; overflow:visible;
 background: rgb(0,51,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,51,153,1) 0%, rgba(51,102,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,153,1)), color-stop(100%,rgba(51,102,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,51,153,1) 0%,rgba(51,102,255,1) 100%); /* W3C */ 
                    }

.header-logo {
	position: absolute;
	top: 25px;
	left: 10px;
	width: 28%;
	height: 65px;
	z-index: 999;
	overflow: hidden;
}

.header-logo img {max-width: 100%;}

.header-search {
	position: absolute;
	top: 50px;
	right: 145px;
	width: 330px;
	height: 30px;
	z-index: 999;
}

/*AOTA Mod - change width to 56px*/
.header-join-sign {
	position: absolute;
	top: 50px;
	right:480px;
	width: 56px;
	height: 20px;
	z-index: 999;
	color: #3366ff; background: #fff;
	font-size: 11px;
	overflow:visible;
}

.header-join-sign a {display:block; height: inherit; line-height: 18px; height: 20px; padding: 0 5px; background: #fff; float: left; font-weight: bold; border: 1px solid #ccc;}

.header-join-sign a:first-child {background: #cf8f34; color: #fff; border-right: 1px solid #ccc;}
.header-join-sign a:first-child:hover {background: #003399;}

.header-join-sign > div {width: 54px; border: 1px solid #ffffff; 
                         border-top: 0; color: #3366ff; display:inline-block; 
                         line-height:20px; height:20px; font-weight: 
                         bold; cursor:pointer; position:relative; z-index:999; text-align:center;}



.header-join-sign a:active {line-height: 19px;}





.header-join-sign-signin {position:absolute; width: 160px; right:-3px; border: 1px solid #003399; border-top: 0; 
                          background: #fff; display: none; z-index: 999; padding: 5px; cursor:auto;}
                          
                          
.header-join-sign-signin-flyout
{
    position:absolute; 
    width: 160px; 
    right:-3px; 
    border: 1px solid #003399; 
    border-top: 0; 
    background: #fff; 
    display: none; 
    z-index: 999; 
    padding: 5px; 
    cursor:auto;
}                       
                          
                          

.header-search-inputcont {position: relative; float: left; height: 21px; font-weight: bold; font-size: 11px;}

.header-search input.search {
	float: left;
	width: 190px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 2px !important;
}

.header-join-sign > div {border: 1px solid #003399; border-bottom: 0; border-top: 0; border-right: 0; } 

/*.header-join-sign > div:hover .header-join-sign-signin {display: block;}

.header-join-sign-signin:hover {display: block;}*/

.header-join-sign a:hover {text-decoration: none; border:none;}

.header-search input.search.default-srch-txt {color: #000; font-style: normal;}
input.search.two.default-srch-txt {color: #555; font-style: normal;}

.header-search input.search+input {float: left;}
.header-search input.search+input+span {
	margin-left: 10px; clear: right; float: right; display: block; margin-top: 5px;
}
.header-search input.search+input+span a {color: #fff; text-decoration: none;}
.header-search input.search+input+span a:hover {text-decoration: underline;}

.header-utilitynav {
    margin: 0;
	padding: 0;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 60;
}

.header-utilitynav ul {
    margin: 0;
    padding: 0;
    z-index: 60;
}

.header-utilitynav li {
    display: inline;
    float: left;
    list-style-type: none;
    position: relative;
    z-index: 60;
    font-size: 11px;
	margin-left: 15px;
}

.header-utilitynav li a {color: #fff; text-decoration: none;}
.header-utilitynav li a:hover {text-decoration: underline;}
.header-utilitynav li a:active {color: #ccc;}

/** B. Main Nav **/

.topnav {position: relative; margin:0 auto; z-index: 5; height: 50px; background: #003399;
border-bottom: 10px solid #f2f2f2;} 

.topnav div.row {position: relative; width: 960px; height: 40px; margin: 0 auto; padding: 0;background: #003399; z-index:5;}

.topnav div ul { margin: 0; padding: 0; background: #003399; height:40px; position:relative; z-index:5; display:block;}

.topnav div ul li {position: relative; display: inline-block; height: 40px; 
                   list-style: none; padding: 0; margin: 0; font-size: 13px; 
                   font-weight: bold; height: 40px; line-height: 40px; 
                   text-align: center; padding: 0 14px; color: #fff; 
                   text-decoration: none; border: 2px solid #003399; 
                   border-top-color: transparent; cursor: pointer; border-bottom-color: transparent;
                   z-index:5}

.topnav div ul li a {color: #fff; text-decoration: none;}
.topnav div ul li:hover a {color: #003399; text-decoration: none;}

.topnav div ul li:hover {background: #fff; color: #003399; border-top-width: 2px; margin-top: -1px;}
.topnav div ul li.hasdrop:hover {border-bottom-color: #fff; border-bottom-width: 2px;}

.topnav div ul li.hasdrop ul {margin: 0; position: absolute; top: 38px; display: none; background: #fff; 
                              padding: 20px 280px 20px 20px; width: 465px; border: 2px solid #003399; 
                              border-top: 0; left: -2px; min-height: 260px !important;}

.topnav div ul li:last-child.hasdrop ul {left: -100%;}

.topnav div ul li.hasdrop:hover ul {display: block; margin-left: 0; min-height: 260px; height:auto !important;}

.topnav div ul li.hasdrop ul li {font-size: 12px; padding: 0 0 15px 0; margin: 0; border: none; height: auto; width: 100%; display:block; line-height: normal; text-align: left;}
.topnav div ul li.hasdrop ul li:last-child {padding-bottom: 0;}

.topnav div ul li.hasdrop ul li a {color: #003399; text-decoration: none; font-weight: normal; font-size: 12px;}
.topnav div ul li.hasdrop ul li a:hover, .topnav nav ul li.hasdrop ul a:hover {text-decoration: underline;}

.topnav div ul li.hasdrop ul .content-cont-module {position: absolute; right: 0; top: 20px;}

.topnav div ul li.selected {background: #f2f2f2; border-top-color: #eeaa00; line-height: 40px; height:40px; border-bottom-color: #f2f2f2; }
.topnav div ul li.selected a {color: #003399;}

/** C. Content **/

/*** 1. Main ***/


.content {position: relative; width: 100%; clear: both; z-index: 1;}

.content-utility {position: relative; margin: 10px auto; padding: 0; width: 960px; background: #f2f2f2; }

.content-cont.row {position: relative; margin: 0 auto; padding: 0; width: 960px; clear:both;}

.content-cont-featurearea {position: relative; float: left; width: 715px; height: auto; margin-bottom: 20px;}

.width-Main2 .content-cont-featurearea {width: 100%; height: auto;}

.content-cont-module {padding: 6px; margin-bottom: 20px; font-weight: normal;}
.content-cont-module h2 {padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 0px;}
.content-cont-module > a+img { margin:0 auto; margin-bottom: 8px; max-height:80px; display:block; }
.content-cont-module p {padding-left: 10px; padding-right: 10px;}

.row .column.width-RailModule:first-child {margin-right: 20px;}

.width-RailModule.content-cont-module h2 {margin-bottom: 1px;}

.width-RailModule.content-cont-module h2+p {margin-top: 14px;}

.row .width-RailModule.content-cont-module {min-height: 194px;}
aside.column.width-RailModule .width-RailModule.content-cont-module {min-height: inherit;} 

.row .width-RailModule.content-cont-module h2+nav {margin-top: 15px;}

.row .width-RailModule.content-cont-module.ad, .content-cont-module.ad {height: auto; text-align: center;}

.content-cont-module.ad img+img {margin: 20px 0;}

.pink h1, h1.pink, .pink h2, h2.pink, header.pink {border-bottom-color: #ff0066;}
.pink2 h1, h1.pink2, .pink2 h2, h2.pink2, header.pink2 {border-bottom-color: #cc3366;}
.gold h1, h1.gold, .gold h2, h2.gold, header.gold {border-bottom-color: #cc9933;}
.blue h1, h1.blue, .blue h2, h2.blue, header.blue {border-bottom-color: #0066cc;}
.blue-lt h1, h1.blue-lt, .blue-lt h2, h2.blue-lt, header.blue-lt {border-bottom-color: #0099ff;}
.blue-dk h1, h1.blue-dk, .blue-dk h2, h2.blue-dk, header.blue-dk {border-bottom-color: #6600ff;}
.orange h1, h1.orange, .orange h2, h2.orange, header.orange {border-bottom-color: #ff3300;}
.green h1, h1.green, .green h2, h2.green, header.green {border-bottom-color: #33ff00;}
.gray h1, h1.gray, .gray h2, h2.gray, header.gray {border-bottom-color: #cccccc;}

.content-cont-ltgray-orangetopborder {padding: 6px; background: #f5f5f5; border-top: 1px solid #cf8f34; margin-bottom: 20px;}

.column.width-Main1 .content-cont-ltgray-orangetopborder.tweeter {width: 960px;}
.column.width-Main1 .content-cont-ltgray-orangetopborder.tweeter .row .column {padding-left: 0; padding-right: 0;}
.column.width-Main1 .content-cont-ltgray-orangetopborder.tweeter .row .column.one {width: 5%;}
.column.width-Main1 .content-cont-ltgray-orangetopborder.tweeter .row .column.one a {display: inline-block; padding-top: 5px;}
.column.width-Main1 .content-cont-ltgray-orangetopborder.tweeter .row .column.ten {width: 87%;}
.column.width-Main2 .content-cont-ltgray-orangetopborder.tweeter {width: 470px;}
.column.width-Main2 .content-cont-ltgray-orangetopborder.tweeter .row .column.one {width: 5%; margin-right: 2%;}
.column.width-Main2 .content-cont-ltgray-orangetopborder.tweeter .row .column.ten {width: 82%; line-height: 14px;}
.column.width-RailModule .content-cont-ltgray-orangetopborder.tweeter {width: 225px;}
.column.width-RailModule .content-cont-ltgray-orangetopborder.tweeter .row .column.one:first-child {width: 16%; margin-right: 2%; padding-right: 0;}
.column.width-RailModule .content-cont-ltgray-orangetopborder.tweeter .row .column.one+.column.one {width: 82%; padding-left: 0; padding-top: 4px;}
.column.width-RailModule .content-cont-ltgray-orangetopborder.tweeter .row .column.ten {clear: both; width: 100%; margin-top: 10px; padding-bottom: 5px;}

h2 span.global-arrow {display: inline-block; height: 10px; color: #000;  vertical-align: top; padding-top: 2px;} 

.content-cont-module ul, .content-cont-module ol {margin-left: 0px; padding-left: 20px;}
.content-cont-module ul, .content-cont-module ol li {margin-bottom: 10px;}

aside.width-RailModule header {font-weight: bold; font-size: 14px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 14px;}

.content-cont-module-option {width: auto; margin-bottom: 20px; clear: both;}

.content-cont-module-option header {font-weight: bold; margin: 15px 0px 5px 0px !important; border-bottom-width: 0px !important; padding: 0; font-size: 12px !important; cursor: pointer;}

.content-cont-module-option header .global-arrow {margin-top: -2px;}
.content-cont-module-option-filter {display: block;}
.content-cont-module-option-filter p {padding-left: 0px; padding-bottom: 0px; padding-top: 16px;}
.content-cont-module-option-filter p:first-child {padding-top: 0px;}
.content-cont-module-option header.collapse {display: none;}

.content-cont-module-option header.uncollapse .global-arrow.down {display: none;}
.content-cont-module-option header.uncollapse .global-arrow.up {display: inline-block;}
.content-cont-module-option header.collapse .global-arrow.up {display: none;}
.content-cont-module-option header.collapse .global-arrow.down {display: inline-block;}
	
/*** 2. Other Content Elements ***/

/**** a. Side, Sub Navs ****/
ul.side-nav { display: block; list-style: none; margin: 0; padding: 5px; padding-bottom: 0px; border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 20px;}
ul.side-nav li { display: block; list-style: none; background: #f2f2f2; border-bottom: 1px solid #ccc; font-size: 12px;}
ul.side-nav li:last-child {border-bottom: 0px;}
ul.side-nav li a {display:block; padding: 5px 5px 10px 5px;}
ul.side-nav li.selected a {color: #333; font-weight: bold;}
ul.side-nav li.selected ul {padding: 0px; margin: 0; background: #fff; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-top: 1px solid #ccc;}
ul.side-nav li.selected ul li {background: #fff; border-bottom-color: #f2f2f2;}
ul.side-nav li.selected ul li:last-child {border-bottom: 0px;}
ul.side-nav li.selected ul li a {font-size: 12px; background: inherit; color: #333399; text-decoration: none; padding: 6px; padding-left: 11px; font-weight: normal;}
ul.side-nav li.selected ul li a:hover {text-decoration: underline;}

ul.side-nav li ul li.selected a {font-weight: bold; color: #111111;}

/**** b. Pagination ****/
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #003399; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #2ba6cb; }

/**** c. Breadcrumbs ****/
ul.breadcrumbs { display: block; padding: 0 10px 0; margin: 3px 0 0 0; width: auto; float: left; width:70%;}
ul.breadcrumbs li { margin: 0; padding: 0px 5px 0px 0; margin:3px 0; float: left; list-style: none; display:inline-block; position:relative; }
ul.breadcrumbs li a, ul.breadcrumbs li span {font-size: 10px; padding-left: 10px; text-transform: uppercase;}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before  { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #000; margin-right: 15px; margin-top: -3px; position: absolute; top: 51%; }
ul.breadcrumbs li:first-child:before { content: " "; margin: 0; padding: 0; boder: 0; visibility: hidden;}
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

/*** 3. Animated Feature / JQuery Cycle ***/
.content-home-feature {position: relative; width: 715px; margin: 0 auto; background: #fff; height: 290px; overflow: hidden; z-index: 2; float:left;}
#slideshow { margin: 0px; height: 290px; z-index: 2;}
.content-home-feature-imgdiv {width: 715px; height: 290px; z-index: 3;}
.content-home-feature-imgdiv-header {position: absolute; width: 225px; height: 290px; top: 0; right: 0; background-color: #333333; text-decoration: none; color: #ccc; padding: 20px; z-index: 20;}

.content-home-feature-imgdiv-headerbtm {position: absolute; width: 715px; height: 40px; bottom: 0; left: 0; background: #f2f2f2; text-decoration: none; color: #fff; z-index: 24;}

.content-home-feature-imgdiv-header h1 {font-size: 20px; color: #fff; margin: 0 0 15px 0; border: 0;}

.content-home-feature-imgdiv-header h1 a:link,
.content-home-feature-imgdiv-header h1 a:visited,
.content-home-feature-imgdiv-header h1 a:active,
.content-home-feature-imgdiv-header h1 a:hover {color: #fff; text-decoration: none; font-weight: normal;}

.content-home-feature-imgdiv-header h1 .global-arrow {margin-top: -8px;}

.content-home-feature-imgdiv-header a:link h1,
.content-home-feature-imgdiv-header a:visited h1,
.content-home-feature-imgdiv-header a:active h1,
.content-home-feature-imgdiv-header a:hover h1 {color: #fff; text-decoration: none; font-weight: normal;}

.content-home-feature-imgdiv-header a:link,
.content-home-feature-imgdiv-header a:visited,
.content-home-feature-imgdiv-header a:active,
.content-home-feature-imgdiv-header a:hover {color: #fff; text-decoration: none; font-weight: bold;}

.content-home-feature-imgdiv-header a:hover {text-decoration: underline;}

.content-home-feature-imgdiv-header a.global-arrowlink span.global-arrow {color: #66cc00;}

#nav {position: absolute; display: block; bottom: 0px; left: 0px; z-index: 21; margin:0; padding:0; -moz-padding-start:0; width: 715px; height: 40px;}

#nav li {
	
	height: 40px;
	line-height:40px;
	text-align:center;
	float: left;
	list-style: none;
	display: inline-block;
	margin:0;
	padding: 0;
	background: #f2f2f2;
	cursor: pointer;
	z-index: 22;
	border: 1px solid #cccccc;
	border-left: 0;
	border-bottom: 0;
	font-size: 12px;
	color: #333;
	display:none;
}

#nav a { z-index: 9; color: #333333; text-decoration: none; display:block; height:100%; width:100%; text-align:center;}
#nav a .secondary {}
#nav li.activeLI {background: #fde189; display: block;}
#nav a:focus {outline: none;}

#prev, #next {position: absolute; top: 100px; width: 26px; height: 54px; cursor: pointer; z-index: 10;}
#prev {left: 0px;}
#next {right: 0px;}

/** D. Footer **/

.footer {position: relative; width: 100%; float: left; clear: both; z-index: 1; background: #f2f2f2; 
margin-bottom: 30px; margin-top: 20px;} 
.footer footer.row {position: relative; margin: 0 auto; height: 400px; width: 960px; padding-top: 25px; color: #003399;}

.footer footer.row header {font-weight: bold; font-size: 13px; margin-bottom: 20px;}

.footer footer.row header+ul li {margin-bottom: 12px;}

.footer2 {clear: both; width: 100%; border-top: 1px solid #ccc; padding-top: 15px;}

.footer2 .column:first-child ul {margin: 0; padding: 0; list-style-type: none;}

.footer2 .column ul li {list-style-type: none; float: left; margin-right: 6px;}
.footer2 .column ul li:last-child {margin-right: 0px;}
.footer2 .column:first-child nav ul li {margin-right: 15px; margin-bottom: 10px;}

.footer-last {position: absolute; height: 30px; line-height: 30px; left: 0px; color: #999;}
.footer-last p {line-height: 30px;}

/* V. Global Styles */

.global-ltgraybg {background: #f2f2f2;}

.global-left { float: left; }

.global-right { float: right; }

.global-text-left { text-align: left; }

.global-text-right { text-align: right; }

.global-text-center { text-align: center; }

.global-img-left {float: left; margin: 0 10px 5px 0;}

.global-img-right {float: right; margin: 0 0 5px 5px;}

.global-hide { display: none !important; }

.global-highlight { background: #ffff99; }

.global-arrow {height: 10px; line-height: 1px; display: inline-block; padding-bottom:2px; vertical-align: middle;}

a:link .global-arrow {color: #333; text-decoration: none;}
	a:visited  .global-arrow{color: #333; text-decoration: none;}
	a:hover .global-arrow {color: #000; text-decoration: underline;}
	a:active .global-arrow {color: #333; text-decoration: none;}
	
.global-red-border {border: 1px solid #98012e;}

						
.global-small {font-size: 11px;}
.global-smaller {font-size: 10px;}
.global-reg {font-size: 12px;}
.global-big {font-size: 13px;}
.global-bigger {font-size: 14px;}
.global-biggest {font-size: 16px;}

ul.global-small li {font-size: 11px;}
ul.global-smaller li {font-size: 10px;}
ul.global-reg li {font-size: 12px;}
ul.global-big li {font-size: 13px;}
ul.global-bigger li {font-size: 14px;}
ul.global-biggest li {font-size: 16px;}

.global-clear {clear: both; font-size: 0; width: 100%;}

.global-clearinherit {padding: 0; margin: 0; -moz-padding-start: 0; list-style-type: none; height: auto; width: auto; border: 0; position: relative; top: 0px;}

.global-clearinherit li {padding: 0; margin: 0; -moz-padding-start: 0; list-style-type: none; height: auto; width: auto; border: 0;}
.global-rowHighlight {background-color: #f2f2f2;}
.global-addtopmargin20 {margin-top: 20px !important;}
.global-addtopmargin10 {margin-top: 10px !important;}
.global-addbtmmargin20 {margin-bottom: 20px !important;}
.global-addbtmmargin10 {margin-bottom: 10px !important;}
.global-nobtmmargin {margin-bottom: 0px !important;}

ul.global-addtopmargin20 li {margin-top: 20px;}
ul.global-addtopmargin10 li {margin-top: 10px;}
ul.global-addbtmmargin20 li {margin-bottom: 20px;}
ul.global-addbtmmargin10 li {margin-bottom: 10px;}
ul.global-nobtmmargin li {margin-bottom: 0px;}

.global-standardbutton {display: block; height: 20px; line-height: 18px; border:1px solid #ccc; cursor: pointer;
font-size: 11px; font-weight: bold; color: #3366ff; padding: 0 5px; background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* W3C */}

@-moz-document url-prefix() { 
  input.global-standardbutton {
     font-size: 10px; padding-bottom: 2px; letter-spacing: 1px;
  }
}
						
a:link.global-standardbutton,
a:visited.global-standardbutton,
a:active.global-standardbutton
a:hover.global-standardbutton {color: #fff; text-decoration: none;}
						
.global-standardbutton:active, a:active.global-standardbutton {padding: 5px;}

.global-brdrtop {border-top: 1px solid #cccccc; padding-bottom: 9px;}
.global-brdrbtm {border-top: 1px solid #cccccc; padding-bottom: 9px;}

.global-ccc-brdr {border: 1px solid #ccc;}

.global-overlay
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200%;
    text-align: center;
    z-index: 1000;
}

.global-overlay .global-modal
{
    width: 800px;
    margin: 180px auto;
    background-color: #FFFFFF;
    border: 1px solid #000;
    padding: 1px;
    text-align: center;
    border: 1px solid #CDCDCD;
}


.global-nobullet {margin: 0; padding: 0px 0px 0px 8px; -moz-padding-start: 0;}
.global-nobullet {list-style-type: none;}
.global-source {font-style: italic; color: #a7a9ac;}

.global-borderbottompadding {
    border-bottom-color: #DDDDDD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    float: left;
    font-size: 0;
    margin-bottom: 15px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.global-dateline {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	display:block;
}

.global-dateline.article {
	font-size: 12px;
	margin: -15px 0 15px 0;
}

.global-loose-ul {margin: 0; padding: 0; display:inline; float:left;}

.global-loose-ul li {display: block; float: left;}

.global-uncap {text-transform: none;}

.global-form-required {text-transform: uppercase; color: #ccc; font-style: italic;}

.global-pad5btm {padding-bottom: 5px;}

.global-pad10btm {padding-bottom: 10px;}

.global-center, table.global-center td {text-align: center;}

.global-absbtm-lft {display:block; position: absolute; bottom: 0px; left: 0px;}
.global-absbtm-rt {display:block; position: absolute; bottom: 0px; right: 0px;}
.global-abstop-lft {display:block; position: absolute; top: 0px; left: 0px;}
.global-abstop-rt {display:block; position: absolute; top: 0px; right: 0px;}

.global-clicktomodal {cursor: pointer;}

.global-unfancyLI, .global-unfancyLI li, .global-unfancyLI ul, .global-unfancyLI ul li {list-style-type: none; margin: 0; padding: 0;}

.global-nopadding {padding: 0 !important;}

.global-talkbubble {
   width: 120px;
   background: #f2f2f2;
   position: relative;
   padding: 15px;
   width: 100%;
   border: 1px solid #cccccc;
   margin-bottom: 10px;
}
.global-talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 30%;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-right: 10px solid #f2f2f2;
   border-bottom: 10px solid transparent;
}
.global-talkbubble-beforebefore {
   content:"";
   position: absolute;
   right: 97.2%;
   top: 30.3%;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-right: 11px solid #ccc;
   border-bottom: 10px solid transparent;
   font-size: 0;
}

.global-talkbubble-beforebefore {right: 97.5% \0/IE8+9; top: 30.1% \0/IE8+9;}

.global-talkbubble-cont {position: relative; padding-left: 9px; margin-left: -9px;}

.global-listsplit li {float: left; width:45%; margin-right:5%;}

@-moz-document url-prefix() { 
  .global-talkbubble-beforebefore {display:none;
  }
}

/*@media print {

.header {box-shadow: inset 0 0 0 1000px #194ccc; background: none;}

.topnav, .header-utilitynav, .header-search, .header-join-sign, aside, .content-utility, .footer footer.row .column, .footer footer.row .footer2.row, .footer footer.row .footer-last a, a:link .global-arrow, h2 span.global-arrow {display: none;}

.footer, footer.row {height: 5px;}

.footer-last {bottom: inherit;}

.column.global-nopadding.width-Main1, .column.global-nopadding.width-Main2, .column.global-nopadding.width-Main1half {width: 100%;}

.row .column.width-Main1half.content-cont-module {width: 100%; clear: both;}

.row .column.width-RailModule.content-cont-module {width: 50%; float: left; clear: both;}

center {display: none;}
}
*/
.subtitle {margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; color: #cf8f34;}

/* New Tweets */

#tweet
{
    float:right;
    width:82%;
}

#tweet > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    clear:both;
}

#tweet > ul > li
{
    clear:both;
}

#tweet > ul > li div.user
{
    float:left;
    height:20px;
    display:none;
}

#tweet > ul > li div.user > a
{
    
}

#tweet > ul > li div.user > a > img
{
    float:left;
    margin-right:15px;
}

#tweet > ul > li div.user > a > span
{
    float:left;
}

#tweet > ul > li div.user > a > span > span
{
    
}

#tweet > ul > li .tweet
{
    float:right;
    width:100%;
    padding:0;
    margin:0;
}


#tweet > ul > li .timePosted
{
    float:right;
    width:100%;
    padding:0;
    margin:10px 0 5px 0;
    
}

/*CSS Fixes 6/27/2013*/

.select-width-override
{
    width:100%;
}

.HiddenJoin
{
    display:none;
}

.header-join-sign > div.signed-in
{
    text-align:center;
    width:100%;
    background:#cf8f34;
    color:#fff;
    border:1px solid #ffffff;
}

.header-join-sign > div.signed-in > div
{
    top:18px;
}

.footer [class*="column"]:first-child + [class*="column"] { float: left; }

#divRead > .bam
{
    width:225px;
}