/* ================================================
===================================================

    AWAKEN INTERACTIVE CASCADING STYLE SHEET

    TYPE:	Main template
    CREATED:	April 2010

    -----------------
    TABLE OF CONTENTS
    -----------------

    	SECTION I -     TAG STYLES
	Ia		100% Height
	
	SECTION II -	GLOBAL CLASS STYLES

	SECTION III -   FRAMEWORK STYLES
        IIIa		Header
        IIIb		Search
	IIIc		Topnav
	IIId	        Mainbody
	IIIe		Textarea (outer)
	IIIf		Social bar
	IIIg		Breadcrumb
	IIIh	        Leftnav
	IIIi		Touts (leftnav)
	IIIj		Textarea (inner)
        IIIk	        Touts (bottom of textarea)
        IIIl	        Callouts - Blue section
        IIIm		Footer
		
	**FOR PAGE-SPECIFIC STYLES PLEASE
	  REFER TO THE PAGES.CSS STYLESHEET**

===================================================
================================================ */




/* =================================
   SECTION I - TAG STYLES
================================= */

body
{
	background-color: #F2F2F2;
	background-image: url(../images/framework/img_body_bg.gif);
	background-repeat: repeat-x;
}

div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p {	line-height: 150%; }
a { color: #0E3793; text-decoration: none; }
a:hover { text-decoration: underline; background-position: bottom left; }
h1 span, h2 span, h3 span, a span { display: none; }

sup
{
	font-size: 80%;
	position: relative;
	top: -3px;
}


/* -----------------------------
   Ia - 100% Height (footer)
----------------------------- */
html, body
{
	height: 100%;
	min-height: 100%;
}
#wrapper
{
	position: relative;
	height: auto !important;
	min-height: 100%;
	height: 100%;
}



/* =================================
   SECTION II - GLOBAL CLASS STYLES
================================= */

.btn
{
	display: block;
	background-image: url(../images/framework/img_generic_btn.png);
	width: 169px;
	height: 54px;
	font-size: 16px;
	color: #000000;
	line-height: 54px;
	text-align: center;
	font-weight: bold;
}
.btn:hover { text-decoration: none; }


.divline
{
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-color: #666666;
	margin: 12px 0;
	clear: both;
}
.footnote
{
	font-size: 10px;
	color: #666666;
}

.widthFull
{
	width: 100%;
}
.widthHalf
{
	width: 45%;
}
.widthThird
{
	width: 30%;
}
.allowTableSpacing
{
	border-collapse: separate;
	border-spacing: 1em;
}

/* =================================
   SECTION III - FRAMEWORK STYLES
================================= */


#wrapper, #headerwrapper, #topnavwrapper, #mainbodywrapper, #footerwrapper
{
	width: 100%;	
}

#header, #mainbody, #footer
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#topnav
{
	position: relative;
	z-index: 10;
	width: 1000px;
	margin: 0 auto;
}







/* -----------------------------
   IIIa - Header
----------------------------- */
#header
{
	height: 80px;
	padding: 10px 0px;
}

#header h1
{
	position: absolute;
	top: 20px;
	left: 12px;
	background-image: url(../images/framework/img_header_logo_2012.gif);
	width: 351px;
	height: 60px;
}
div.channel_1061 #header h1 { background-image: url(../images/framework/img_header_logo_oms_2013.gif); width: 280px; }
#header h1 a
{
	display: block;	
	width: 351px;
	height: 60px;
}

#headernav
{
	position: absolute;
	top: 12px;
	right: 12px;
	min-height: 12px;
}
#headernav ul
{
	float: right;	
}
#headernav ul li
{
	float: left;
	padding: 0 8px;
	border-right: 1px solid #C21A07;
}

/* -----------------------------
   IIIb - Search
----------------------------- */

#headersearch
{
	position: absolute;
	top: 40px;
	right: 12px;
	width: 370px;
	height: 70px;
}
#headersearchtab
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	font-size: 11px;
	background-image: url(../images/framework/img_header_searchtab_bg.gif);
	width: 200px;
	height: 27px;
	z-index: 1;
}
#headersearchtab a
{
	text-decoration: underline;	
}
#headersearchbox
{
	position: absolute;
	top: 24px;
	left: 0;
	background-image: url(../images/framework/img_header_searchbox_bg.gif);
	width: 264px;
	height: 19px;
	z-index: 2;
	padding: 5px;
}
#headersearchbox input
{
	border: 0;
	background-color: transparent;
	font-size: 14px;
	width: 264px;
}
#headersearchbtn
{
	position: absolute;
	top: 19px;
	left: 280px;
}
#headersearchbtn input
{
	display: block;
	background-image: url(../images/framework/img_header_searchbtn_bg.gif);
	width: 86px;
	height: 40px;
}
#headersearchbtn input span
{
	display: none;
}
#headersearchbtn input:hover
{
	background-position: bottom left;
}


/* -----------------------------
   IIIc - Topnav
----------------------------- */
#topnav
{
	background-image: url(../images/framework/img_topnav_bg.png);
	width: 994px;
	height: 59px;
	text-align: center;
}

/* For the remaining topnav styles, please
refer to the superfish.css stylesheet */




/* -----------------------------
   IIId - Mainbody
----------------------------- */

#mainbodywrapper
{
	padding-bottom: 84px;
}
#mainbody
{
	padding: 12px 0;	
}


/* -----------------------------
   IIIe - Textarea (outer)
----------------------------- */
#mainbodytextarea
{
	position: relative;
	width: 999px;
}

.mainbodytextarea_maintop
{
	position: relative;
	background-image: url(../images/framework/img_mainbody_bg_top.png);
	width: 999px;
	padding-top: 23px;
}
.mainbodytextarea_mainlow
{
	position: relative;
	background-image: url(../images/framework/img_mainbody_bg_low.png);
	background-position: bottom left;
	width: 999px;
	padding-bottom: 23px;
}
.mainbodytextarea_main
{
	position: relative;
	background-image: url(../images/framework/img_mainbody_bg.png);
	background-repeat: repeat-y;
	width: 953px;
	padding: 0 23px;
}



/* -----------------------------
   IIIf - Socialbar
----------------------------- */
#mainbodytextarea_socialbar
{
	position: relative;
	height: 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid #900;
}
#mainbodytextarea_sociallinks
{
	position: absolute;
	top: 0;
	right: 0;
	height: 29px;
}
#mainbodytextarea_sociallinks a
{
	display: block;
	width: 31px;
	height: 29px;
	float: left;
}



/* -----------------------------
   IIIg - Breadcrumb
----------------------------- */
#breadcrumb
{
	position: relative;	
}
p.breadcrumb
{
	font-size: 12px;
	height: 24px;
	line-height: 100%;
}
p.breadcrumb a, p.breadcrumb span
{
	display: block;
	float: left;
	padding: 6px 0;
	height: 12px;
}
p.breadcrumb span span
{
	display: none;
	padding: 0;
	height: auto;
}
p.breadcrumb span.start
{
	background-image: url(../images/framework/img_breadcrumb_start.gif);
	width: 8px;
}
p.breadcrumb a
{
	background-image: url(../images/framework/img_breadcrumb_parent_bg.gif);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	color: #555C61;
}
p.breadcrumb a.first
{
	padding-left: 0;
}
p.breadcrumb span.separator
{
	background-image: url(../images/framework/img_breadcrumb_arrow_parent.gif);
	width: 8px;
}
p.breadcrumb span.separator_last
{
	background-image: url(../images/framework/img_breadcrumb_arrow_current.gif);
	width: 8px;
}
p.breadcrumb span.last
{
	background-image: url(../images/framework/img_breadcrumb_current_bg.gif);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	color: #9D0A0E;
}
p.breadcrumb span.end
{
	background-image: url(../images/framework/img_breadcrumb_arrow_end.gif);
	width: 8px;
}




/* -----------------------------
   IIIh - Leftnav
----------------------------- */
.channel_nav
{
	float: left;	
}
.channel_nav ul
{
	border: 1px solid #DEDEDE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:  #FAFAFA;
	width: 250px;
	margin-bottom: 24px;
}
.channel_nav ul li
{
	width: 250px;
	border-bottom: 1px solid #DEDEDE;
	position: relative;
	font-size: 1px; /* FOR IE6/7 SPACING BUG */
}
.channel_nav ul li.last
{
	border-bottom: 0;
}
.channel_nav ul li a
{
	display: block;
	padding: 12px 12px 12px 24px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	
}
.channel_nav ul li a:hover, .channel_nav ul li.selected a, .channel_nav ul li.subselected a
{
	background-color: #EEEEEE;
	text-decoration: none;
}

.channel_nav ul li.children a.selected, .channel_nav ul li.children a.subselected
{
	background-image: url(../images/framework/img_sidenav_arrow_down.gif);
	background-position: 10px 50%;
}
.channel_nav ul ul
{
	margin-bottom: 0;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-top: 1px solid #DEDEDE;
}

.channel_nav ul li.selected ul li a, .channel_nav ul li.subselected ul li a
{
	background-color: #E8F0FE;
	padding-left: 36px;
	background-image: url(../images/framework/img_sidenav_arrow_right.gif);
	background-position: 24px 50%;
}
.channel_nav ul li.selected ul li a:hover,
.channel_nav ul li.subselected ul li a:hover,
.channel_nav ul li.subselected ul li.selected a
{
	background-image: url(../images/framework/img_sidenav_arrow_right.gif);
	background-position: 24px 50%;
	background-color: #D8E0EE;
}
.channel_nav ul li.subselected ul li.subselected a
{
	background-image: url(../images/framework/img_sidenav_arrow_down.gif);
	background-position: 24px 50%;
	background-color: #D8E0EE;
}

.channel_nav ul.lv1 ul.lv2 ul.lv3 li a
{
	background-color: #CECECE;
	color: #000000;
	background-image: url(../images/framework/img_sidenav_arrow_right.gif);
	background-position: 36px 50%;
	font-size: 11px;
	padding: 6px 12px 6px 48px;
}
.channel_nav ul.lv1 ul.lv2 ul.lv3 li a:hover,
.channel_nav ul.lv1 ul.lv2 ul.lv3 li a.selected,
.channel_nav ul.lv1 ul.lv2 ul.lv3 li a.subselected
{
	background-color: #C0C0C0;
}

/* -----------------------------
   IIIi - Touts (Leftnav)
----------------------------- */
.channel_nav_touts
{
	width: 250px;
	margin-bottom: 24px;	
}
.channel_nav_touts div
{
	border: 1px solid #DEDEDE;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	background-color:  #FAFAFA;
	padding: 14px;
	margin-bottom: 12px;
}
.channel_nav_touts div img.floatrightpageedge
{
	float: right;
	margin-right: -14px !important;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

.channel_nav_touts #channelVideo,
.channel_nav_touts #channelVideo object
{
	margin-bottom: 10px;
}
.channel_nav_touts p.subheadsmall
{
	margin-bottom: 0 !important;
	line-height: 110% !important;
}
.channel_nav_touts span.subheadsmall
{
	color: #C21A07 !important;
	font-size: 14px;
	margin-bottom: 0;
}

.channel_nav_touts div a.tout_button
{
	display: block;
	background-image: url(../images/framework/img_tout_generic_btn.png);
	width: 181px;
	height: 35px;
	padding: 10px;
	line-height: 35px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.channel_nav_touts div a.tout_button:hover
{
	text-decoration: none;
}
.channel_nav_touts div a.tout_button img.tout_arrow
{
	/* float: left;
	padding: 10px 10px;
	line-height: 35px; */
	padding-right: 6px;
	width: 7px;
	height: 13px;
}






/* -----------------------------
   IIIj - Textarea (inner)
----------------------------- */
#bodycopy
{
	padding: 24px 0;	
}
#bodycopy p
{
	margin-bottom: 12px;
	line-height: 160%;
}
#bodycopy h2, #bodycopy h3
{
	line-height: 140%;	
}

div.bodycopytext
{
	float: left;
	width: 650px;
	padding: 0 24px;
}
div.bodycopytext h2
{
	font-size: 36px;
	font-weight: bold;
	line-height: 130%;
}
div.bodycopytext p
{
	line-height: 180%;
	font-size: 14px;
}

div.bodycopytext ul
{
	list-style-type: disc;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 22px;
}
div.bodycopytext ul li
{
	margin-bottom: 6px;
	font-size: 14px;
}
div.bodycopytext ol
{
	list-style-type: decimal;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 22px;	
}
div.bodycopytext ol li
{
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 140%;
}
p.readmore a
{
	display: block;
	background-image: url(../images/framework/img_generic_btn_readmore.gif);
	width: 143px;
	height: 47px;
}




/* -----------------------------------------------
   IIIk - Touts (bottom of textarea)
-------------------------------------------------- */
div.bodycopy_bottomtouts h3
{
	font-size: 20px;
}
.bodycopy_bottomtouts ul
{
	list-style-type: disc;
	padding-left: 24px;
	margin: 12px 0;
}
.bodycopy_bottomtouts ul li
{
	margin-bottom: 6px;	
}
.bodycopy_bottomtouts div
{
	padding: 16px;
	float: left;
}
.bottomtoutA
{
	border-right: 1px solid #666666;
}






/* -----------------------------------------------------
   IIIl - Callouts (Blue section)
-------------------------------------------------------- */
.mainbodytextarea_footer
{
	position: relative;
	background-image: url(../images/framework/img_mainbodyfooter_bg_grad.gif);
	background-repeat: repeat-x;
	background-color: #17489B;
	width: 999px;
}
.mainbodytextarea_footertop
{
	position: relative;
	background-image: url(../images/framework/img_mainbodyfooter_bg_top.gif);
	width: 999px;
	padding-top: 23px;
}
.mainbodytextarea_footerlow
{
	position: relative;
	background-image: url(../images/framework/img_mainbodyfooter_bg_low.gif);
	background-position: bottom left;
	width: 999px;
	padding-bottom: 23px;
}
.mainbodytextarea_footermain
{
	position: relative;
	background-image: url(../images/framework/img_mainbodyfooter_bg.gif);
	background-repeat: repeat-y;
	width: 953px;
	padding: 0 23px;
}
.mainbodytextarea_footertext
{
	min-height: 60px;	
}
.mainbodytextarea_footertext div
{
	float: left;
}
.mainbodytextarea_footertext div.widthHalf,
.mainbodytextarea_footertext div.widthThird
{
	padding-left: 12px;
	padding-right: 12px;
}
.mainbodytextarea_footertext div.first
{
	border-left: 0;
}
.mainbodytextarea_footertext div.middle
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;	
}
.mainbodytextarea_footertext h3
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 140%;
}
.mainbodytextarea_footertext p
{
	color: #FFFFFF;
	font-size: 12px;
}
.mainbodytextarea_footertext p a
{
	color: #FFFFFF;
	text-decoration: underline;
}

div.mainbodytextarea_footertext div.blog
{
	position: relative;
	background-image: url(../images/framework/img_mainbodyfooter_icon_pen.gif);
	min-width: 953px;
	min-height: 83px;
	border-left: 0;
	float: none;
}
.blog h3, .blog p
{
	padding-left: 90px;	
	width: 640px;
}
.blog div.learnmore
{
	position: absolute;
	right: 24px;
	margin-top: 12px; 
}


.tout_twitter
{
	float: left;
	background-image: url(../images/framework/img_mainbodyfooter_icon_twitter.gif);
	background-position: 12px 4px;
	width: 280px;
	padding: 0 12px;
}
.tout_twitter h3, .tout_twitter p
{
	padding-left: 60px;	
}

.tout_linkedin
{
	float: left;
	background-image: url(../images/framework/img_mainbodyfooter_icon_linkedin.png);
	background-position: 12px 4px;
	width: 290px;
	padding: 0 12px;
}
.tout_linkedin h3, .tout_linkedin p
{
	padding-left: 100px;	
}

.tout_support
{
	float: left;
	background-image: url(../images/framework/img_mainbodyfooter_icon_support.gif);
	background-position: 12px 4px;
	width: 285px;
	padding: 0 12px;
}
.tout_support h3, .tout_support p
{
	padding-left: 60px;	
}








/* ----------------
   IIIm - Footer
------------------- */
#footerwrapper
{
	position: absolute;
	bottom: 0;
	background-image: url(../images/framework/img_mainbody_bottom_grad.png);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#footerwrapperinner
{
	min-height: 75px;
	background-color: #FFFFFF;
}
#footerlogo
{
	position: absolute;
	top: 20px;
	left: 40px;
}
#footernav
{
	padding: 30px 20px 30px 400px;
	min-height: 12px;
	text-align: right;
}
#footernav ul
{
	float: right;	
}
#footernav ul li
{
	float: left;
	padding: 0 8px;
	border-right: 1px solid #C21A07;
	font-weight: bold;
}
#footernav ul li.first
{
	border-left: 1px solid #000000;
}























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */