/*** Define Basic Eleemnts ***/
html
{
	margin: 0px;
	padding: 0px;
}
body
{
	margin: 0px;
	padding:0px;
	color: #333333;
	background: #e5e5e5;
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
body,
p,
td,
div,
span,
input,
textarea,
select,
option
{
}

form
{
	margin:0px;
	padding:0px;
}

a 
{
	text-decoration: underline;
	color: #333333;
	background: transparent;
}
a:hover
{
	text-decoration: none;
}

p
{
	margin: 8px 0 8px 0;
}

ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

h1
{
	font-size: 150%;
	font-weight: normal;
	margin: 18px 0 8px 0;
	border: 0;
	color: #005293;
}
h1.pageTitle,
h1#pageTitle
{
	background: transparent url(../_images/h1.gif) repeat-x left bottom;
	color: #005293;
	font-size: 180%;
	font-weight: normal;
	margin: 0pt;
	padding: 10px 0pt;
}
h2
{
	font-size: 140%;
	font-weight: normal;
	color: #575757;
	background: transparent;
	padding: 0;
	margin: 15px 0 8px 0;
}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active
{
	font-size: 140%;
	color: #575757;
	background: transparent;
}
h3
{
	font-size: 130%;
	font-weight: normal;
	color:#336699;
	background: transparent;
	padding: 0;
	margin: 12px 0 8px 0;
}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active
{
	color:#3366FF;
	background: transparent;
}
h4
{
	font-size: 120%;
	font-weight: normal;
	color: #333333;
	background: transparent;
	padding: 0;
	margin: 12px 0 4px 0;
}
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active
{
	font-size: 120%;
	color: #333333;
	background: transparent;
}
h5
{
	font-size: 110%;
	font-weight: normal;
	color: #00aec6;
	background: transparent;
	padding: 0;
	margin: 12px 0 3px 0;
}
h5 a:link,
h5 a:visited,
h5 a:hover,
h5 a:active
{
	color: #00aec6;
	background: transparent;
}
h6
{
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	background: transparent;
	padding: 0;
	margin: 12px 0 3px 0;
}
h6 a:link,
h6 a:visited,
h6 a:hover,
h6 a:active
{
	font-size: 100%;
	color: #333333;
	background: transparent;
}

.navskip { position:absolute;
           left:-3000px;
            width:500px;
}
/*** Primary Viewport ***/
#mainContainer
{
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}

/*** Header Region within mainContainer ***/
#mainHeader
{
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333333;
	font-size: 11px;
}
#headerLogo
{
	position: absolute;
	top: 20px;
	left: 20px;
	border: 0;
}
#livesBetterImg
{
	position: absolute;
	top: 45px;
	right: 60px;
}
#menus_css {
	background-image:url(../_atkins/menus_css/skins/gsbs/img_vertical/primary_menu_shadow.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

/*** Content Region within mainContainer (between header and footer) ***/
#mainContent
{
	margin: 0;
	background: #fff url(../_images/page/contentBk.gif) repeat-y left top;
	color: #333333;
	min-height: 400px; 
}
* html #mainContent
{
	height: 400px; /* Hack for Dumb IE */
}
body.threeCol #mainContent
{
	background-image: url(../_images/page/content3ColBk.gif);
}

#rightColumn
{
	width: 740px;
	overflow: hidden;
	float: right;
	display: inline;
	position: relative;
}
#secmenu,
#retmenu
{
	padding-left: 8px;
}

/*** Page Title - lives inside rightColumn ***/
#pageName
{
	background: transparent url(../_images/page/pageName.jpg) no-repeat left top;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 95%;
	height: 38px;
	letter-spacing: 0.07em;
	line-height: 270%;
	padding-left: 30px;
	margin-bottom: 9px;
	text-transform: uppercase;
}
body.threeCol #pageName
{
	background-image: url(../_images/page/pageName3Col.jpg);
}
#home #pageName
{
	display: none;
}
h1#homeHeader
{
	color: #005293;
	background: transparent url(../_images/page/homeHeaderTitle.jpg) no-repeat;
	height: 53px;
	border: 0;
	margin: 0 0 20px 0;
	padding: 20px 0 0 30px;
	font-size: 25px;
}

a#applyOnline {
	display: block;
	margin: 20px 0 10px 0;
	width: 240px;
	height: 95px;
	background: transparent url(../_images/applyButton.png) no-repeat top center;
	color: #000;
	text-indent: -500px;
}
a#applyOnline:hover
{
	background-position: bottom center;
}
#sectionIcon
{
	background-color: #005293;
	color: #fff;
	text-align: center;
	width: 140px;
	border:2px outset #005293;
	padding: 0 0 5px 0;
	font-size: 17px;
	margin: 10px auto;
}
#sectionIcon img
{
	display: block;
}

/*** Actual Content Region - lives inside rightColumn ***/
#insetContent
{
	min-height: 300px;
	width: auto;
	margin: 10px 30px 0 30px;
	padding: 0 0 16px 0px;
	line-height: 160%;
}
* html #insetContent
{
	height: 300px;
}
#insetContent div.topEdge
{
	margin: -32px 0 31px 0;
	height: 1px; /* IE bug hack */
}


/*** General Layout Items ***/
#insetContent div.header
{
	margin: 0;
	padding: 0 0 8px 0;
}
#insetContent div.footer
{
	margin: 0;
	padding: 8px 0 0 0;
}
#insetContent div.content
{
	margin: 0 0 8px 0;
	padding: 0;
}
#insetContent .floatleft,
.alignLeft
{
	margin: 0 16px 16px 0;
	float: left;
}
#insetContent .floatright,
.alignRight
{
	margin: 0 0 16px 16px;
	float: right;
}
.alignCenter
{
	display: block;
	margin: 0 auto 16px auto;
}
#insetContent .caption
{
	font-size: 10px;
	line-height: 120%;
}
.clear
{
	clear: both;
}

/**** 3 column layout ****/
#centerColumn
{
	float: left;
	display: inline;
	position: relative;
	width: 540px;
	overflow: hidden;
}

#rightBar
{
	float: right;
	display: inline;
	position: relative;
	width: 200px;
	overflow: hidden;
	padding: 12px 0 0 0;
	color: #000;
	background: transparent none;
}


/**** Header Navigation - lives inside mainHeader ****/
#secnav
{
	position: absolute;
	top: 15px;
	right: 60px;
	font-size: 12px;
	height: 38px;
	text-align: right;
	background: transparent url(../_images/page/header_tagline.gif) no-repeat bottom right;
}
#secnav ul
{
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#secnav ul li
{
	margin: 0 0 0 5px;
	display: inline;
	padding: 0 0 0 6px;
	color: #135293;
	background: transparent;
	border-left: 1px solid #135293;
}
#secnav ul li a:link,
#secnav ul li a:visited,
#secnav ul li a:hover,
#secnav ul li a:active
{
	background: transparent;
	color: #135293;
	text-decoration: none;
}
#secnav ul li a:hover
{
	text-decoration: underline;
}
#secnav ul li.first
{
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}


/**** Left Column region ****/
#leftColumn
{
	float: left;
	display: inline;
	width: 240px;
}


/**** navigation defined elsewhere ****/

div.leftBarBox
{
	padding: 10px 0 20px 0;
	margin: 0 15px 0 20px;
	font-size: 85%;
}
div.leftBarBox h2
{
	position: relative;
	font-size: 129%;
	padding: 8px 0 5px 20px;
	margin: 0 -15px 8px -20px;
	color: #2B7A90;
	background: transparent url(../_images/page/leftBarHeader.jpg) repeat-y left top;
	font-weight: normal;
}
div.leftBarBox ul
{
	list-style-image: url(../_images/bullet_square_orange.gif);
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 0 1.4em;
	padding: 0;
	line-height: 130%;
}
div.leftBarBox ul li
{
	margin: 0 0 8px 0;
	padding: 0;
}
div.leftBarBox a:link,
div.leftBarBox a:visited,
div.leftBarBox a:active
{
	text-decoration: none;
}
div.leftBarBox a:hover
{
	text-decoration: underline;
}


/*** Footer Region within mainContainer ***/
#mainFooter
{
	position: relative;
	padding: 0;
	margin: 0;
	background: transparent url(../_images/page/footerBk.jpg) repeat-x top left;
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 85%;
	width: 100%;
}
#mainFooter #footerRight
{
	position: relative;
	float: right;
	display: inline;
	width: 690px;
	margin: 15px 30px 0 0;
}
#mainFooter #footerLeft
{
	position: relative;
	float: left;
	display: inline;
	width: 220px;
	min-height: 85px;
	padding: 15px 0 25px 20px;
	margin: 0;
	line-height: 1.5em;
	color: #000;
	background: transparent url(../_images/page/footerLeftBk.jpg) no-repeat;
}
* html #mainFooter #footerLeft
{
	height: 85px;
}
#mainFooter #footerCopy
{
}
#mainFooter a
{
	margin: 0;
}
#mainFooter a:link,
#mainFooter a:visited,
#mainFooter a:hover,
#mainFooter a:active
{
	color: #135293;
	text-decoration: none;
}
#mainFooter a:hover
{
	text-decoration: underline;
}
#mainFooter #toolbox
{
	display: block;
	text-align: right;
	margin: 8px 0;
	padding: 0;
	color: #ccc;
	font-size: 9px;
}




/**** Search Area ****/
div#searchArea
{
	position: absolute;
	top: 65px;
	right: 60px;
	height: 25px;
	width: 400px;
	text-align: right;
	overflow: hidden;
}
div#searchArea form
{
	margin: 0;
	padding: 0;
	height: 25px;
}
div#searchArea input#searchFor
{
	margin: 0 64px 0 10px;
	padding: 2px 0 0 2px;
	width: 107px;
	border: 0;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: #444;
	background: transparent url(../_images/searchBox.gif) no-repeat left top !important;
}
div#searchArea input#searchFor.empty
{
	color: #444;
	background: transparent url(../_images/searchBoxEmpty.gif) no-repeat left top !important;
}
div#searchArea input#searchButton
{
	position: absolute;
	right: 0;
	top: 2px;
}
div#searchArea label
{
}

/**** Find People Search ****/
#searchPeople input.searchfor
{
	font-size: 85%;
	width: 95%;
	margin: 3px 0;
	padding: 1px 2px;
}
#searchPeople input.submit
{
	font-size: 85%;
	padding: 1px 2px;
}
#searchPeople label.radio /* the radios */
{
	font-size: 85%;
}
* html #searchPeople label.radio /* the radios */
{
	position: relative;
	top: -3px;
}
#searchPeople input.radio /* the radios */
{
	position: relative;
	top: 3px;
}

/**** List items (news, events, faqs, etc.) ****/
div.list
{
}
div.list h2 /* Used for major separators, like News/Event Month */
{
	color: #333333;
	background: transparent;
}
div.list div.item /* First item will also have class 'first' */
{
}
div.detail div.item div.photo,
div.list div.item div.photo /* Will contain optional link and img */
{
	display: inline;
	float: left;
	margin: 0 16px 8px 0;
}
div.photoBrowser
{
	border: 1px solid #333333;
}
div.sideBar div.photoBrowser
{
	display: block;
	float: none;
	margin: 16px auto;
}
div.detail div.item h2.itemTitle,f
div.list div.item h3.itemTitle, /* Title of item, optional link as well */
div.list div.item h3.itemTitle a:link,
div.list div.item h3.itemTitle a:visited,
div.list div.item h3.itemTitle a:hover,
div.list div.item h3.itemTitle a:active,
div.list div.item h3.name, /* Title of item, optional link as well */
div.list div.item h3.name a:link,
div.list div.item h3.name a:visited,
div.list div.item h3.name a:hover,
div.list div.item h3.name a:active
{
	color: #005293 !important;
	background: transparent;
	font-weight: normal;
	font-size: 115%;
}
div.detail div.item div.date,
div.list div.item div.date /* Date of item if applicable */
{
	font-style: normal;
	color: #333333;
	background: transparent;
	margin: 4px 0;
}
div.detail div.item div.short,
div.list div.item div.short /* Description of item if applicable */
{
}
div.detail h3.return
{
	margin: 10px 0;
	float: none;
}
div.detail h3.return a:link,
div.detail h3.return a:visited,
div.detail h3.return a:hover,
div.detail h3.return a:active
{
	color: #005293 !important;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
}
div.detail div.item h1.name
{
	display: none; // Will already be in page titled above
}


/******* Data Browsers ************/
.rightBarBox a
{
	color: #000;
	background: transparent;
}
.rightBarBox .raised ul,
.rightBarBox .inset ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.rightBarBox .raised ul li,
.rightBarBox .inset ul li
{
	margin: 4px 0;
}
div.photoBrowser
{
	margin: 0 15px 5px 0;
	float: left;
	display: inline;
}
div.resourceBrowser
{
	margin: 0 0 15px 15px;
	float: right;
	display: inline;
}
div.rightBarBox div.linksBrowser
{
	margin: 0;
	float: none;
	display: block;
}
div.rightBarBox div.linksBrowser ul
{
	margin: 0;
}
div.rightBarBox div.linksBrowser ul li,
div.rightBarBox div.linksBrowser ul li a:link,
div.rightBarBox div.linksBrowser ul li a:visited,
div.rightBarBox div.linksBrowser ul li a:hover,
div.rightBarBox div.linksBrowser ul li a:active
{
	line-height: 130%;
	margin: 5px 0;
}


#secondaryItems
{
	margin: 30px 0 0 0;
}
#secondaryItems div.inset,
#secondaryItems div.raised
{
	padding-left: 0;
	width: auto;
}



/********** Left Bar Logo **************/
div.leftBarLogoContainer
{
	text-align: center;
	font-size: 110%;
}
div.leftBarLogoContainer img
{
	display: block;
	margin: 0 auto 5px auto;
}
div.leftBarLogoContainer span.logoName
{
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	text-align: center;
}

div.vertical ul
{
	padding-bottom: 0 !important;
}
