/********************************/
/*Stylesheet Design        		*/
/*Copywright 2009				*/
/*Anthem Education Group		*/
/*Seth Carstens - 480.203.3753	*/
/********************************/

/* http://developer.yahoo.net/yui/license.txt - version: 2.3.0 */
body{
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{
	border:0;
}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* http://developer.yahoo.net/yui/license.txt - version: 2.3.0 */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}th,td {
	border:none;
	padding:0.5em;
}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;}

/***************************/
/*---------- BASE ---------*/
/***************************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	background:url(../images/wfmt_landing_mainbackgrnd.jpg) repeat-x;
}

/* use a different background for the home/index page */
body#index {
	background:url(../images/anthem_home_background.jpg) repeat-x;
}

a:link, a:visited, a:active {
color:#003399;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}

.centerDivWrapper{
	margin:auto; 
	text-align:left; 
	width:1024px;
}


/***************************/
/*-------- HEADERS --------*/
/***************************/
#header {
	height: 93px;
}
#header .CallToday {
	color: white;
	font-weight: bold;
	font-size: 10px;
	float:right;
	margin-top: 30px;
}
#HomeLink {
	width: 220px; 
	height:100%; 
	float: left; 
	cursor: pointer;
}
#headerNav {
	height: 30px;
	margin-bottom: 1px;
}
#upperHeaderBanner {
	clear: both;
	margin: auto;
	width: 1024px;
	height: 63px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
/* on the home/index page load a different upper banner area */
#index #upperHeaderBanner{
	height: 381px;
	background-image: none;
	margin-top: 26px;
	color: #D7D7D7;
	font-size: 11px;
	line-height: 14px;
}
#index #upperHeaderBanner h1 { 
	color:#F1DDA1;
	font-size:22px;
	line-height:26px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
}
#index #upperHeaderBanner h2, #index #upperHeaderBanner h2 a { 
	color:#F1DDA1;
	font-size:12px;
	height:36px;
	line-height:16px;
	margin-top: 20px;
}

/********************************/
/* Top Header Navigation Sprite */
/********************************/


#topHeaderList {
	padding: 0;
    margin: 7px 0;
    height: 18px;
    overflow: hidden;
	float: right;
	clear: right;
}
#topHeaderList li { 
	float: left;
	margin-left: 5px;
	list-style: none;
}
#topHeaderList a{ 
    display: block;
	background-image: url(../images/wfmt_allbuttonsOnOff.png);
	background-repeat: no-repeat;
    padding-top: 18px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
	width: 100px;
}
#topHeaderList #ApplyNow {
    background-position: 0px 0px;
}
#topHeaderList #ApplyNow:hover {
    background-position: 0px -19px;
}
#topHeaderList #RequestInfo {
	background-position: -100px 0px;
}
#topHeaderList #RequestInfo:hover {
	background-position: -100px -19px;
}
#topHeaderList #StudentLogin {
	background-position: -200px 0px;
}
#topHeaderList #StudentLogin:hover {
	background-position: -200px -19px;
}
#topHeaderList #ContactUs {
	background-position: -300px 0px;
}
#topHeaderList #ContactUs:hover {
	background-position: -300px -19px;
}

/* Do not Display the Social Icons in the top Header by Defult */
#topHeaderList #TwitterIcon, #topHeaderList #FacebookIcon, #topHeaderList #YoutubeIcon {
	display: none;
}
/* Display social icons in the "INDEX" header for all sites */
#index #topHeaderList #TwitterIcon, #index #topHeaderList #FacebookIcon, #index #topHeaderList #YoutubeIcon {
	display: block;
}

#topHeaderList #TwitterIcon {
	background-position: -400px 0px;
	width: 20px;
}
#topHeaderList #TwitterIcon:hover {
	background-position: -400px -19px;
}
#topHeaderList #FacebookIcon {
	background-position: -420px 0px;
	width: 20px;
}
#topHeaderList #FacebookIcon:hover {
	background-position: -420px -19px;
}
#topHeaderList #YoutubeIcon {
	background-position: -440px 0px;
	width: 20px;
}
#topHeaderList #YoutubeIcon:hover {
	background-position: -440px -19px;
}

/* 2nd Down Header Div Area */
#bottomHeaderBanner {
	height: 136px;
	margin-bottom: 20px;
}
#bottomHeaderBanner #MenuBar2{
	float: left;
	margin-right: 18px;
}
#bottomHeaderBanner img {
	float: left;

}
#bottomHeaderBannerRight {
	float: right;
	width: 289px;
	height: 136px;
	overflow: hidden;
	margin-bottom:10px;
}


/***************************/
/* Main Content CSS Styles */
/***************************/
#contentWrapper {
	display: inline-block;
	text-align: left;
}

#contentWrapper ul li a:link, #contentWrapper ul li a:visited, ul li a:active {
	font-size: 9px;
	line-height: 11pt;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none!important;
}
#contentWrapper ul li a:hover {
	text-decoration: none;
	color: #003366;
}

/* INDEX PAGE CONTENT STYLES */
body#index #CallBox, body#index #ProgramsBox, body#index #LocationsBox, body#index #InTheNewsBox, body#index #FinancialAidBox {
color:#333333;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:250px;
line-height:12px;
margin-bottom:15px;
margin-top:15px;
text-align:left;
width:188px;
}

body#index #CallBoxMargin, body#index #ProgramsBoxMargin, body#index #LocationsBoxMargin, body#index #InTheNewsBoxMargin {
color:#333333;
float:left;
font-size:10px;
height:110px;
line-height:12px;
margin-top:151px;
padding:0 9px;
text-align:left;

}

body#index #indexContentBanners {
color:#333333;
font-size:11px;
line-height:13px;
margin:auto;
text-align:left;
width:1024px;
}

#indexContentBanners h2 {
color:#1A366B;
font-size:13px;
line-height:100%;
margin:12px 0 6px;
}

/* LEFT COLUMN */




#contentCol1 {
	width: 195px;
	float: left;
}
#contentCol1 .section {
	margin-bottom: 20px;
}
#contentCol1 .widget {
	background-color: #EFE1B5;
	width: 195px;
}
#contentCol1 a:link, #contentCol1 a:visited, #contentCol1 a:active {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
	line-height:12px;
	text-decoration: none;
}

#contentCol1 a:hover {
	text-decoration: underline;
}

/* 2 Column Layout - Merged Column 1 and 2 */
.Col12Merge {
	width: 720px!important;
	margin-left: 0!important;
}
.Col12MergeHome {
	width: 735px!important;
	margin-left: 0!important;
	margin-right: 0!important;
}
.locationsList{
	float: left;
	width: 49%;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #003366;
	font-size: 12px;
}
.locationsList a:link, .locationsList a:visited, .locationsList a:active {
	font-size: 9px;
	line-height: 11pt;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none!important;
}
.locationsList a:hover {
	text-decoration: none;
	color: #003366;
}
#DemoLink {
	width: 180px; 
	height: 30px; 
	float: left; 
	cursor: pointer;
	margin-left: 145px;
	margin-top: 185px;
}
/* CENTER COLUMN */

#contentCol2 {
	width: 510px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	color:#333333;
	padding-bottom: 4px;
	line-height: 13px;
	font-size: 11px;
	text-align: left;
}
#contentCol2 h1 {
color:#4E6389;
font-size:18px;
line-height:100%;
margin:0 0 7px;
padding:0;
}
#contentCol2 h2 {
color:#003399;
font-size:13px;
line-height:100%;
margin:0 0 12px;
}
#contentCol2 a:link, #contentCol2 a:visited, #contentCol2.content a:active {
	border-bottom: 1px dotted #003399;
}

#contentCol2 p {
	line-height:16px;
	margin-bottom:18px;
	margin-right:5px;
	color: #333333;
	font-size: 11px;
}

#contentCol2 ul.wfmtProgramsIndex {
	width: 337px;
	margin-left: 0px;
}
#contentCol2 ul.wfmtProgramsIndex li {
	background: none;
	font-weight: bold;
	list-style-type: none;
	margin:0 0 7px;
	padding:0 0 0 12px;
}
#contentCol2 div.FourBoxUpper {
	width: 337px;
	height: 228px;
	float: left;
	background: url(../images/wfmt_contentboxIndex.jpg) no-repeat;
	color: #333333; 
	font-size: 9px; line-height: 11px; 
	text-align: left; 
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px 10px 10px 10px;
}
#contentCol2 div.FourBoxLower {
	width: 357px;
	height: 170px;
	float: left;
	color: #333333; 
	font-size: 9px; line-height: 11px; 
	text-align: left; 
	margin-bottom: 20px;
	margin-right: 10px;
	background: url(../images/wfmt_hmpgs_finaidlinks.jpg) no-repeat;
}
/* RIGHT COLUMN */
#contentCol3 {
	width: 289px;
	float: left;
	font-size: 10px;
	line-height: 12px;
}
#contentCol3 h1{
	margin: 0 0 3px 0;
	padding: 0;
	color: #4e6389;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 100%;
}
#contentCol3 .section {
	margin-bottom: 20px;
}

#findASchool ul li a {
	line-height: 9px!important;
}

#requiredNotice, #rightContent .left .content .features #requiredNotice
{
	width: 289px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url('../images/form/required.gif') bottom center no-repeat;
}
#rightContent .left .content .features #pageMsg
{
	margin-right: 10px;
}
.required
{
	color: #003399;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.optgroup
{
	color: #333333;
	font-style: normal;
	border-bottom: 1px solid #7f9db9;
}
.form th
{
	margin: 0;
	padding: 0 0 3px 0;
	text-align: left;
	white-space: nowrap;
	border: 0;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.form td,
#rightContent .left .content .form td
{
	margin: 0;
	padding: 0 10px 7px 0;
	border: 0;
}
.form input, .form select
{
	margin: 0;
	padding: 3px;
	font-size: 9px;
	color: #666666;
	border-top: 1px solid #1b295a;
	border-left: 1px solid #1b295a;
	border-right: 1px solid #8895b7;
	border-bottom: 1px solid #8895b7;
	width: 180px;
}
.form select
{
	width: 188px;
}
.disallowedStates
{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
 	 
}
.form .military
{
	text-align: left;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.form .military input
{
	width: auto;
	border: 0;
	text-align: left;
}
.form .fAreaCode
{
	width: 45px;
}
.form .fPhone
{
	width: 147px;
}

.fSubmit {
	border: 0px;
	background: url('../images/form/go.jpg') no-repeat;
	cursor: pointer;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: 16px; /* removes value text from the submit button  for FF*/
	padding: 0 0 0 16px; /* removes value text from the submit button for IE */
}

.form #fState
{
	width: 118px;
}
.form #fZipcode
{
	width: 75px;
}
.form .submit
{
	text-align: center;
	width: 290px;
}

.form .submit input {
border-style:none;
width: auto;
height: auto;
}

/***************************/
/*-------- FOOTER ---------*/
/***************************/
#footerWrapper {
	float: left;
	width:100%;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/wfmt_landing_footerbackgrnd.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	clear: left;
	overflow: hidden;
}

#footer_container {
	width: 1024px; 
	margin: 0 auto; 
	text-align: left;
}
#footerColOne, #footerColTwo, #footerColThree, #footerColFour {
	text-align:left;
	float: left;
	margin-top: 10px;
}

#footerColOne {
	width: 175px;
	height:202px;
	margin-right: 10px;
	} 
#footerColTwo {
	float: left;
	width: 175px;
	height:202px;
	margin-right: 10px;
	}
#footerColThree {
	float: left; 
	width: 360px;
	height:202px;
	margin-right: 10px;
	}
#footerColFour {
	float: left;
	width: 280px;
	height:202px;
	} 	 	 	
#footerMainContent {
	float: left;
	width: 540px; 
} 
#footerRightContent {
	float: left; 
	width: 289px; 
		
} 
.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #95afc7;
	text-decoration: none;
	line-height: 2em;
}
.footerLinks a:link {
	color: #95afc7;
	text-decoration: none;
	border-bottom: 1px #495a74 solid;
}
.footerLinks a:visited {
	text-decoration: none;
	color: #95afc7;
}
.footerLinks a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.footerLinks a:active {
	text-decoration: none;
	color: #95afc7;
}

/* General Classes for use inside any ID and class */

.bm10 {
margin-bottom: 10px;
}
.lft10 {
margin-left: 10px;
}
.split ul {
	float: left;
}
.split ul li {
	list-style: disc;
}

.left {
float: left
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
img.image {
	margin: 0px 10px 15px 0px;
	float: left;
}
.quote
{
	margin: 28px 20px 0 33px;
	padding: 0 0 28px 0;
	font-size: 15px;
	font-weight:bold;
	line-height: 24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999
}
.quote .marktop
{
	padding: 0 12px 0 0;
	background: url('../images/mark_top.gif') top left no-repeat;
}
.quote .markbot
{
	padding: 0 0 0 12px;
	background: url('../images/mark_bottom.gif') top left no-repeat;
}
.quickselect .locForm { /* Drop Down Programs Form */
border:1px solid #7F9DB9;
color:#4E6389;
float:left;
font-size:9px;
margin:0 4px 0 0;
width:140px;
}

.rss-date, .rss-title, .rss-preview, .rss-readmore, .rss-newslink {
	margin-bottom: 0px!important;
	font-size: 9px!important;
}
.rss-date, .rss-readmore, .rss-newslink {
	font-style: italic;
	font-weight: bold;
}
.rss-newslink a:link{
	font-size: 9px;
	line-height: 11pt;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none!important;
}
.rss-newslink a:hover {
	text-decoration: none;
	color: #003366;
}

/* IE Styles for corrective styles that are not hacks - thus validate in Firefox*/
.ieNoTextImageDiv { 
	/* Fixes problems where IE creates text where no text exists - Due to coding line 
	breaks and spaces for XHTML. No style is needed, but can be added to fix formating.*/
}
.clearfloat {
	/* Fixes desired line breaks to corrilate the same between floating elements in both 
	IE and Firefox. NOTE-> This is only to be used in a blank div assigned to this class.*/
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}


/* PLEASE NOTE!!! REMOVE THIS SET OF STYLES ONCE THE AUTOGENERATED TABLES ARE REMOVED */
table {
	margin-bottom: 0px;
}
table a:link, table a:visited, table a:active {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bolder;
line-height:12px;
text-decoration:none;
border-bottom: none!important;
}
table a:hover{
	text-decoration: underline;
}
table .dots { 

}


/* Stylesheet Elements for jScrollPane (used to scroll divs on program lists */

a.jScrollArrowUp {
	background: url(../images/scroller_arrow_up_sd.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/scroller_arrow_down_sd.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scroll-pane {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
.FourBoxUpper .scroll-pane {
	width: 340px;
	height: 178px;
}
.widget .scroll-pane {
	width: 192px;
}


/* Stylesheet required for jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #afb8bf;
}
.jScrollPaneDrag {
	position: absolute;
	background: #8ea1b0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
	border-bottom: none!important;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
	border-bottom: none!important;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

/***************************************/
/* Previously Spry Assets - Navigation */
/***************************************/
ul.MenuBarHorizontal a {
color:#333333;
cursor:pointer;
display:block;
font-weight:bold;
padding:0.5em 0.75em;
text-decoration:none;
text-transform:uppercase;
}

ul.MenuBarHorizontal {
	margin: 0px;
}

ul.MenuBarHorizontal li {
border-left:1px dotted #333333;
cursor:pointer;
float:left;
font-size:54%;
height:22px;
list-style-type:none;
margin:0;
padding:0.5em 0.75em;
position:relative;
text-align:left;
width:12.8em;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	
	text-decoration:underline;
}


ul.MenuBarVertical {
cursor:default;
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:12em;
}

ul.MenuBarVertical li {
border-bottom:1px solid #CCCCCC;
cursor:pointer;
font-size:54%;
line-height:10px;
list-style-type:none;
margin:0;
padding:0;
position:relative;
text-align:left;
width:22em;
}

ul.MenuBarVertical a {
background-color:#FFFFFF;
cursor:pointer;
display:block;
padding:0.5em 0.75em;
color: #333333;
}
ul.MenuBarVertical a:hover {
background-color:#DBCDA0;
color: #FFFFFF;
}