/*	Version 1

Less Framework 4 Beta
	by Joni Korpi
	http://lessframework.com
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/
	
/* Google Font	
font-family: 'Gentium Book Basic', serif;
 */
 
 
.s4-tn ul.dynamic {
    background-color:transparent;
    border:0;
	margin: 3px;
}

.s4-tn ul.dynamic a:hover {
    background-color:transparent;
    border:0;
    color:#000;
} 

.s4-tn li.dynamic {
    margin:0;
	list-style: none;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	/*margin: 0;
	padding: 0;*/
	border: 0;
	line-height: 1.5em;

}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block; 
}

a img {border: 0;}

.wf-loading h1, .wf-loading p, .wf-loading h2 {visibility: hidden;}

table {
  	border-collapse: collapse;
  	border-spacing: 0;
}

thead {
	background-color: #DDD;
}
			
/* Style rule for IE 6 HACK */
* html table.iecheatcities  {
	display: block;
			}	
* html table.iecheatservices  {
	display: block;
			}			
.aligntop {vertical-align:top;}					
			
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 10px;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
h1 {
	font-size: 20px;
	padding: 0px;
	margin-top: 10px;
	}
h2 {
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
	}
ul {
	margin-left:20px;
	list-style:disc;
}
ol {
	margin-left: 25px;
	}
/* -- Holdover from 960 -- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.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}
.clearfix,.container_12{zoom:1}
.bold {
	font-weight:bold;
	}
.right {
	text-align:right;
	}

/*	Typography presets
	------------------	*/

#globalnav h1, #mainContent .opening p {
	font-size: 26px;
	line-height: 36px;
}

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

p {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 12px;
    line-height:20px;
	}
a:visited {
    color: #35699B;
    text-decoration: none;
    }
a:link {
    color: #35699B;
    text-decoration: none;
    }

a {
    color: #35699B;
    text-decoration: none;

    }
a:hover {
    text-decoration: underline;
    }

/* a:hover, a:active {border-bottom: 1px solid rgb(60,97,158);} */

h1, h2 {color: #911E12; font-weight: normal;}

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

body {-webkit-tap-highlight-color: rgb(255,255,158);}

/* ------------------ / 
    DESKTOP CSS STYLE
   ------------------*/
   
/*		Default Layout: 992px (62em). 
		Gutters: 24px (1.5em).
		Outer margins: 48px (3em).
		Leftover space for scrollbars @1024px: 32px.
------------------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8      9      10
px		68    160    252    344    436    528    620    712    804    896	*/

body #s4-bodyContainer{ /* THIS MUST BE DEFINED FOR RESPONSIVE LAYOUT TO OVERWRITE COREV4.CSS MIN-WIDTH*/
	min-width:100px;
	}

body { /* Adjust from top of screen here */
	padding: 0px 0 84px;
	position: relative;
	background: #32669a;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	 background:  #32679B url(http://static.ark.org/connectCare/images/background.jpg) repeat-x; 
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	 height: inherit;
    overflow: visible; /* use to remove horizontal scroll */
}
table #dataTable {
	width: 660px!important;
}

/* --- Arkansas.gov Header --- */
#header {
	background: #152848;
	margin:0 auto 0px auto;
	height:35px;
	width:960px;
    }
    
    
#headerTop {
    color: #FFF;
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 11px;
    padding:7px 10px 0 0px;
    margin:0 20px 0 20px;
	z-index:2;
	width: 920px;
    }
#headerTop a {
    color: #FFF;
    }
#headerTopLeft {
	position:relative;
	float:left;
	width:155px;
	padding:0 20px;
    }
#headerTopCenter {
	position:relative;
	float:left;
	width:550px;
    text-align: center;
    }
#headerTopRight {
	position:relative;
	float:right;
	width:90px;
    text-align: right;
    }
#translate img {
    border: none;
    vertical-align: top;
    }
#translate, #translateSub {
    list-style: none;
    margin: 0;
    padding: 0;
    }
#translate a:link {
    display: block;
    text-decoration: none;
    }
#translate li {
    float: left;
    }
#translate li:hover ul, #translate li.sfhover ul {
    left: auto;
    }
#translateSub {
    background: #FFF;
    left: -999em;
    position: absolute;
    width: 90px;
    z-index: 250;
    }
#translateSub img {
    padding: 0 5px;
    }
#translateSub li {
    padding: 4px 0;
   /* width: 120px;*/
    }
#translateSub a:link, #translateSub a:visited {
    color: #000;
    text-decoration: none;
    }
#translateSub li:hover {
    background: #CCC;
    }
.translateTable td {
    font-size: .9em;
    padding: 5px;
    }
.translateTable td img {
    border: none;
    }

#container {
	margin: 0px auto 10px auto; /* This keeps it in the center */
    box-shadow: 0 0 20px #333333;
    -moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;   
	width:960px;
	background: #fff  url(http://static.ark.org/connectCare/images/contentbackground2.jpg) repeat-x;
	behavior: url(/Style%20Library/js/PIE.htc);
	top:0;
	position:relative;
	z-index:10;
	padding-bottom:-30px;
    }        
	
#headerBanner {
	background: url(http://static.ark.org/connectCare/images/headerBanner.jpg) no-repeat;
	position:relative;
	height:123px;
	width:960px;
	margin:0;
	top: 0px;
   }
		
#navigation {
	position:relative; 
	margin: 0px;
	z-index:20;
	background-color:#911e12;
	height:25px;
	width:960px;
	padding:4px 0 8px 0;
	}

#menucontainer {
	position:relative;
	float:left;
	height:30px;
	margin:-46px 0px;	
	}

.the_menu {
	width:710px;
	margin:0;
	top:0;
	}

.the_menu li {
	display:inline-block;
	list-style:none;
		background: url(/Style%20Library/images/navRule.png) no-repeat right center;	}

.the_menu li a {
	color: #fff;
	text-decoration:none; 
	padding:10px; 
	display:inline;
	font-size:14px;
	line-height:16px;
	}

.the_menu li a:hover {
	color: #fff;
	padding:10px; 
	}

.the_menu li a:visited {
	color:#fff;
	}
#headerBottom {
    background: #839348;
    color: #FFF;
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    min-height: 35px;
    }
#headerBottom a {
    color: #FFF;
    text-decoration: none;
    }
#headerBottom a:hover {
    text-decoration: underline;
    }
#headerBottomLeft {
    padding: 3px 0 0;	
    display:inline;
	float:left;
	margin-left:12px;

}
#headerBottomRight {
    padding: 1px 0 0;	
    display:inline;
	float:right;
	margin-right:20px;
    padding: 10px 0;
    text-align: right;
    }

/* -- search -- */	

#search {
	position: relative; /* needed for absolute positioning of suggestions box */
	width:190px;
	height:16px;	
    margin:0px 25px 0px 10px;
	z-index:99;
	font-size: 14px;
	padding:5px;
	background:#FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/Style%20Library/js/PIE.htc); 
	border:1px solid #aaa08a;
	}
    
    
#gmTerms {
    background: none;
    border: none;
    color: #666;
    font-size: 14px;
    margin: -10px 0 0 2px;
    top:-10px;
    }
#gmSubmit {
	position:absolute;
	float:left;
    border: none;
    margin:2px -20px;
    left: 190px; 
    top: 2px;
    width:20px;
    height:20px;
    }


#contentArea {
	position:relative;
/*	background: #fff;*/
	height:100%;
    width:960px;
	z-index:10;
	min-height:520px;
	top:0;
	margin: 0px 0 0px 0;
    }
    
#mainContentPageLayout {
	position:relative;
    width: 876px;
   /* background-color:#fff;*/
    margin: 20px 0 25px 16px;
    padding: 0 0 0 19px;
	z-index:0;
	height:auto;
	min-height: 300px;
    }
    
#mainContentBody h3 {
    color: #839348;
    font-size: 15px;
    margin: 20px 0 3px 0;
    font-weight:bold;
}    

#mainContentBody h3 a:link {
    color: #4D5A2A;
    font-size: 8pt;
}

#mainContentBody h3 a:visited {
    color: #4D5A2A;
    font-size: 8pt;
}

    
#mainContentBody h4 {
	color: #162848;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 3px;
}
#mainContentBody h5 {
	color: #839348;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 3px;
}


#mainContentBody li {
    color: #23517e;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 8px;
}    
    
 
 /* -- back page content -- */
 
    
#pageHeading {
	position:relative;
	width:650px;
	margin:20px 0 10px 16px;
	z-index:2;
}    	
#pageHeading h1 {
    color: #6C6453;
    font-size: 18px;
    margin-left: 3px;
}	   
#mainContentBody {
	color: #23517e;
	position:relative;
	/*float:left;*/
	margin: 0 15px 0px 5px;
	padding: 0;
	width:660px;
	display:block;
	}
/*#sideBarBack {
	position:relative;
	float:right;
    padding: 0px 15px 0 15px;
    width: 180px;
	display:block;
	min-height:400px;
	margin:0px 0 10px 10px;  
	top:30px;
	}*/	
	
#mainContentBody p {
    color: #23517e;
    font-size:12px;
    font-weight: normal;
    line-height: 14pt;
    padding:0 0 10px 0;
}

#mainContentBody h2 {
    border-bottom: 1px solid #152848;
    font-size: 17px;
    padding-top: 14px;
    line-height:22px;
}	
	
#mainContentBody p a:active {
	font-weight:normal;
	color: #7f9b1a;
}

#mainContentBody p a:link {
	font-weight:normal;
	color: #7f9b1a;
}

#mainContentBody p a:visited {
	font-weight:normal;
	color: #394622;
	}
	
#breadCrumb {
    color: #999;
    font-size: 0.75em;
    }
	
	
    
#content #sideBar {
	position:relative;
	float:right;
    padding: 0 15px 0 15px;
    width: 180px;
	border-left:1px solid #a4aa87;
	display:block;
	min-height:400px;
    }	
#sideBar {
	float: left;
	/*margin: 30px 0px 0px 0px;*/
	margin-top: 20px;
    width: 170px;
    display:inline;
    }

   
/* Old Side Navigation Headings */

#sideBar ul.static  {
	margin:0px;
	color:#6b5c3c;
	
	}
#sideBar li.static  {
	margin-left: 12px;
	padding:0 0 1px 0;
	list-style-image:none;
	}

#sideBar li.static > a.static {
	color: #152848;
	background-repeat:no-repeat;
	background-position: -2px 3px -2px 3px; 
	padding:0px 2px 0px 19px;
	margin:0;
	list-style-image:none;
	}
#sideBar span.additional-background {
 	/*font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;*/
 	font-style:normal;
 	letter-spacing:normal;
	line-height:1.2em;
	} 
#sideBar span.additional-background ul {
 	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
 	font-style:normal;
 	letter-spacing:normal;
	line-height:1.2em;
	} 
#sideBar ul {
	/*font-family: "Times New Roman", Times, serif;*/
    font-size: 18px;
    font-weight: bold;
    }
#sideBar ul a {
    color: #24297D;
    }
#sideBar ul ul {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
#sideBar ul ul a {
	background-image: url("/Style%20Library/images/navBullet.png");
    color: #839348;
    font-weight: normal;
    }
#sideBar ul ul li {
	list-style: none;
    padding: 2px 0px;
    }


 /* Summary links header */
#sideBar .groupheader { 	
	font-size:1.3em;
	line-height:12pt;	
	font-weight:normal;
	color:#700101;
	margin:10px 0 7px -2px;
	}
/* Summary links items */
#sideBar ul a {
	background-image: url('~/Style%20Library/images/diamond.png');
	background-repeat:no-repeat;
	background-position: 3px 3px; 
	padding:0px 2px 0px 17px;
    color:#36435C;
    font-weight:bold;
    font-size:10pt;
    line-height:1.3em;
   }  
   
   
 /* -- footer -- */

#footer {
    font-size: 11px;
    padding:15px 20px -15px 0px;
    margin:0;
    background: #839348   url('http://static.ark.org/connectCare/images/footerBkgr.gif') repeat-x top; /*This must be here for stupid IE */
    }
#footerTop {
    background: transparent;
    padding:10px 0 10px 0px;
    margin:0 0 0 8px;
    }
#footerTop p {
    color: #fff;
    font-size: 12px;
    line-height:15px;
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;  
    margin:0;
    }
    
#footer p a { color:#fff; text-decoration: none;}
#footer p a:hover {text-decoration:underline;}
#footer p a:visited {
	font-size:10px;
	color:#fff;
	}
    
    
#footerTop .redItalicBold  {
	font-weight:bold;
	font-style:italic;
	color:#6c6453;
	font-size:10px;
}

#col1 {
	position:relative!important;
	float:left!important;
	padding: 10px 20px 10px 10px!important;
	width: 470px!important;
	}	

#col2 {
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	width: 220px;
	}
	
#col2 a:link, #col4 a:link {
	font-size:12px;
	color:#fff;
	}	
	
#col2 a:visited, #col4 a:visited {
	font-size:12px;
	color:#fff;
	}	
#col3 {
	position:relative!important;
	float:left!important;
	padding: 10px 80px 10px 40px!important;
	font-size:8px!important;	
	}	
#col4 {
	position:relative;
	float:left;
	padding: 10px 0px 0px 70px;
	text-align:right;
	}	
/* -- Rotating footer banner -- */     
#footerBanner {
	position:relative;
	float:left;
	width:240px;
	height:120px;
	margin:0;
	padding:0;
	}

	
	
    
.slideshow {
	height:120px;
	overflow: hidden;
} 
/* Must be here or it adds a bullet to first item in rotation */
#footerBanner .dfwp-item li {
	list-style:none;
	}
#footerRule {
	background: transparent;
	border-top:1px solid #716241;
    margin:3px 20px 3px 20px;
    width:auto;
    }
    
#footerBottom {
	background: #152848;
	border-top: 2px solid #fff;
    padding:3px 10px 3px 10px;
   
    }
#footerBottomLeft {
	position:relative;
	float:left;
	color: #fff;
	padding-left:10px;
    }
#footerBottomLeft a:link {
	color: #fff;
	}
#footerBottomLeft a:visited {
	color: #fff;
	}

#footerBottomRight {
	position:relative;
	float:right;
	margin:0;
	color: #fff;
	text-align:right;
	margin-left:70px;
    }
    
.link-item, .link-item a, .link-item a:link {
    color: #003399;
    font-family: tahoma;
    font-size: 8px;
    text-decoration: none;
}  
	  
  
/*Goddamn Android #mainContent h1, #mainContent p, #mainContent h2 {background: rgb(232,232,232);} */
		
#imac 				{left: 45px; right: auto; bottom: 0px;}
#macbook 			{left: 228px; right: auto; bottom: -3px;}
#ipad-landscape 	{left: 444px; bottom: -2px;}
#ipad-portrait 		{left: 612px; bottom: -4px;}
#iphone-landscape 	{left: auto; right: 132px; bottom: -2px;}
#iphone-portrait 	{left: auto; right: 48px; bottom: -2px;}
    

/* ------------------ / 
    TABLET CSS STYLE
   ------------------*/

/*		Tablet Layout: 768px (48em).
		Gutters: 24px (1.5em).
		Outer margins: 28px (1.75em).
		Inherits styles from: Default layout.
------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8
px		68    160    252    344    436    528    620    712		*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

#s4-bodyContainer {
	width:710px;
	margin:0 auto;
}
	
body { /* Adjust from top of screen here */
	padding: 0 0 72px;
	width:768px;
	}	
#container {

    box-shadow: 0 0 20px #333333;
    -moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;   
   	padding:0;
	width: 710px;
    }	
table #dataTable {
	width: 610px!important;
}	
	
/* --- Arkansas.gov Header --- */

#header {
	margin:0 auto;
	width: 712px;
}

#headerTop {
	width: 652px;
		
}
#headerTopLeft {
	width:80px;
	text-align:left;
    }
#headerTopCenter {
	width:440px;
    text-align: center;
    }
#headerTopRight {
	width: 75px;
    text-align: right;
    }	
 
/* --- Agency Header --- */
    
#headerBanner {
	position:relative;
	height:123px;
	width:712px;
	background: url(http://static.ark.org/connectCare/images/headerBanner_tablet.jpg) no-repeat;
	margin:0;
	top: 0px;
	left:-1px;

   }	
   
#search {
    margin:0px 30px 0 10px;
    }	
    
    
#navigation {
	width:710px;
}
#navigation p {
	padding:4px 0;
	font-size:12px;
}
#menucontainer {
	clear:both;
	}
	
.the_menu li {
	font-size:12px;	
}
		
.the_menu li a {
	padding:8px; 
	font-size:12px;
}

.the_menu li a:hover {
	padding:8px;
}
	
#bodyArea2 {
	width: 560px;
	display:block;
	padding:0;
	margin:10px;
	border:1px solid #000;
} 
	
	
/*aside {
	position: absolute;
	z-index: 800;
	padding-left:10px;
}*/
	
#contentArea {
	position:relative;
	/*background: #D8CCB2  url(/Style%20Library/images/contentbackground2.jpg) repeat-x;*/
	height:100%;
    width:710px;
	z-index:10;
	min-height:500px;
	top:0;
	margin: 0px 0 0px 0;
    }
    
#mainContentPageLayout {
	border-left: none;
	position:relative;
	float:left;
    width: 652px;
    background: #fff;
    margin:0px 0 25px 16px;
    padding:10px;
	z-index:0;
    }
#contentHome {
	position:relative;
	float:left;
    width: 372px;
    margin: 20px 0 25px 16px;
    padding:0;
	z-index:0;
	height:auto;
	min-height: 300px;
    }

    
#mainContentBody {
	width:640px;
	display:block;
	padding:0;
	margin:10px;
} 

#bodyArea {
	width:440px;
	display:block;
	padding:0;
	margin:10px;
} 

#pageHeading {
	margin:0;
}
#sideBar {
	background: #e5f1fc;
	border-bottom: 2px solid #A7BFD7;
	float: left;
	/*margin: 30px 0px 0px 0px;*/
	margin-top: 20px;
	margin-left: 16px;
	padding-top: 10px;
    width: 672px;
    display:inline;
    }

	  

table.iecheatcities, td.iecheatcities {  
  		width:380px; 
}

table.iecheatservices, td.iecheatservices  {  
  		width:380px;
}
	
#calendar {
	position:relative;
	float:left;
	padding:10px;
	display:block;
	width:120px;
	margin:60px 0 20px 0;
	}

#calendar h1{
	line-height:15px;
}	
	
#footerTop {
	width:720px;
}

#footerBanner {
	margin-left:15px;	}  
	
#col1 {padding-left:10px; width: 460px;}
#col3 {display: none;}		

#col4 {  width:180px;padding-left:10px;
}
#footerBottom {
	 width:690px;
}

#footerBottomLeft {position:absolute;float:left;}

#footerBottomRight {width:400px;}



#imac 				{left: 25px;}
#macbook 			{left: 108px;}
#ipad-landscape 	{left: 324px;}
#ipad-portrait 		{left: 444px;}
#iphone-landscape 	{right: 100px;}
#iphone-portrait 	{right: 28px;}

#featureBanner {
    display: none;
    }
#contentMiddleRight {	
	float:left;
}
#contentMiddleLeft {
	width: 350px;
}
.logoContainer1{
	margin-left: 55px;
}
.logoContainer4{
	margin-left: 65px
}
#contentMiddle {
	background: #306193 url(/Style%20Library/images/childrenImage.gif) no-repeat right bottom;
	border: 4px #A1B9D0 solid;
	float: left;
	width: 400px;
	padding: 4px 15px 15px;
    }


		
} /* THIS MUST BE HERE */

/* ------------------ / 
    VERTICAL MOBILE CSS STYLE
   ------------------*/

/*		Mobile Layout: 320px (20em).
		Gutters: 24px (1.5em).
		Outer margins: 34px (2.125em).
		Inherits styles from: Default Layout.
--------------------------------------------------
cols	1     2      3
px		68    160    252
em		4.25  10.0   15.75						*/

@media only screen and (max-width: 767px) {

body { /* Adjust from top of screen here */
	padding: 0 0 20px;	
	width:320px;
	}
table #dataTable {
	width: 280px!important;
}
	
#container { 
    	box-shadow: 0 0 20px #333333;
    	-moz-box-shadow: 0px 0px 10px #333333;
		-webkit-box-shadow: 0px 0px 10px #333333;   
   		padding:0;
		width:319px;
    }
    
    

#pageHeading h1 {
	font-size:30px;
}

#mainContentPageLayout p {
	font-size:13px;
	line-height:18px;
}
	
	
/* --- Arkansas.gov Header --- */	
	
#header {
	width:320px;
	height:55px;
}

#headerTop {
	width:280px;
	margin-left: 5px;
	height:40px;
}
#headerBottom {
	height: 45px;
}
#headerBottomRight {
	display: none;
}
	
#headerTopLeft{
	margin-left:79px;
	
	
}

#headerTopCenter {
	font-size:12px;
	margin-left:-115px;
	margin-top:0px;
	
}

#headerTopRight {
	display:none;
}	
	
    
#headerBanner {
	width:320px;
	height:123px;
	background:url(http://static.ark.org/connectCare/images/headerBannerPort.png) no-repeat;
	margin:0 -1px;
    }

#sideBar {display:none;}	/* this hides the subnavigation */
	
#navigation { /* This fakes it out*/
	padding-top: 2px;
	width:auto;
	height:20px;
	background-color:#911E12;
	z-index: 100;
}
#menucontainer {
	position:relative;
	z-index:20;
	width:310px;
	height:40px;
	margin:0;
}

#navigatebutton {
	clear:both;
	position:relative;
	background: url(/Style%20Library/images/navigatePort.png) no-repeat;
	margin:0px 0 -20px 15px;
	height:60px;
	width:290px;
}
.the_menu {
	display:none;
	width:420px;
	margin:0 18px;
	padding-top:20px;
}


.the_menu li {
	margin:0 0 2px -3px;
	border:0 solid #FFF;
	width:270px;
	list-style:none;
	z-index:30;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 8px;
	-moz-box-shadow: #666 0px 2px 8px;
	box-shadow: #666 0px 2px 8px;
	background-color:#79B4D9;

}
.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
	text-align:center;
	
	width:260px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

.the_menu li a:visited{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	width:276px;
}

.the_menu li a:hover {
	padding:10px;
	color: #FBDB9D;
}	

.s4-tn ul.dynamic {
	background-color:transparent;
	border:0;
}

.s4-tn ul.dynamic a:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:transparent;
	color:#4E5B2B;
	font-weight:bold;
}	
#mainContent {
		padding-left: 2px;
		padding-right: 2px;
		width: 280px;	
	}
	
#contentArea {
   width:319px;
   margin:-80px 0;	
    }
    
#mainContentPageLayout {
	border: none;
	padding: 9px;
	position:relative;
	float:left;
	display:block;
   	width: 290px;
    margin: 45px 5px; 	
	background-color:#fff;
    }
    
#mainContentBody {
    /*margin: 5px 15px;*/
     width:270px;
}    
    
#mainContentBody h2 {
    width:270px;
}    
	
#pageHeading {
	width: 280px;
	margin:5px;
}
#fatfooter {
		width:auto;
		border-bottom:1px solid #bfa287; 
		height:120px;
}

#col1 {padding-left:10px;}
#col3 {display: none;}		

#col4 {display: none;}

.dentistRequestTable {
	width: 200px;
}
	
#footerBottomRight {float:left; text-align:left;margin:2px 0 0 10px;}

			
#imac 				{right: auto; left: -226px;}
#macbook 			{right: auto; left: -120px;}
#ipad-landscape 	{display: none;}
#ipad-portrait 		{left: 34px;}
#iphone-landscape 	{left: auto; right: 72px;}
#iphone-portrait 	{left: auto; right: 0;}

/*this is for tap navigation*/
#zz16_TopNavigationMenuV4 ul	{ 
	margin-left: 0px;
}

} /* THIS MUST BE HERE */


/* ----------------------------- / 
    HORIZONTAL MOBILE CSS STYLE
   ---------------------------- */

/*		Wide Mobile Layout: 480px (30em).
		Gutters: 24px (1.5em).
		Outer margins: 22px (1.375em).
		Inherits styles from: Default Layout, Mobile Layout.
--------------------------------------------------------------
cols	1     2      3      4      5
px		68    160    252    344    436						*/

@media only screen and (min-width: 480px) and (max-width: 767px) {


body { /* Adjust from top of screen here */
	padding:0;
	width:435px;
	}

#container {
		width:435px;
    }		
	
/* --- Arkansas.gov Header --- */
#header {
	width:383px;
	height:55px;
	margin:0 0px;
	padding-left: 52px;
	}

/* --- Agency Header --- */

#headerBanner {
	width:436px;
	height:123px;
	background:url(http://static.ark.org/connectCare/images/headerBannerLand.png) no-repeat;
    }
			
#menucontainer {
	position:relative;
	z-index:20;
	width:400px;
	height:40px;
	}

#navigatebutton {
	clear:both;
	background: url(/Style%20Library/images/navigateLand.png) no-repeat;
	width:430px;
	height:50px;
	margin:0px 0 5px 12px;
}

.the_menu {
	width:420px;
	margin:0 20px;
	padding:10px;
}

.the_menu li {
	border:0 solid #FFF;
	width:380px;

}

.the_menu li a {
	width:380px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

.the_menu li a:visited {
	color:#FFF;
}

 
/* THIS IS FOR THE MENU */ 
.s4-tn ul.dynamic {
    background-color: transparent;
    border:0;
}

.s4-tn ul.dynamic a:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:transparent;
	color:#4E5B2B;
	font-weight:bold;

}


	
#mainContentBody {
		width: 405px;
		margin:5px;
	}	
	    
#mainContentPageLayout {
	border-left: none;
	position:relative;
	float:left;
	display:block;
    width: 414px;
    margin: 45px 5px;
    padding:5px;	
	z-index:0;
	background-color:#fff;
    }
    
#mainContentBody h2 {
    width:400px;
}     
    
#pageHeading {
	width:400px;
	margin:5px;
}    
	
#contentArea {
    width: 435px;
    margin-top:-80px;
    }
	
#intro {
	width:390px;
}

#intro img {
	margin:10px;
}

#intro h1 {
	width:200px;
	line-height:20px;
}
table #dataTable {
	width: 400px!important;
}
	
	
	
	
table.iecheatcities, td.iecheatcities {  
  		width:390px;
  
}

table.iecheatservices, td.iecheatservices  {  
  		width:390px;
}

#cities, #services, #announcements  {display:block;width:390px;}	

#cities p, #services p {
	font-size:14px;line-height:20px;
}

#cities h4, #services h4 {clear:left;margin-top:30px;}


		
#col1 {padding-left:10px;}	

	
#footerBottomRight {float:left; text-align:left;margin:2px 0 10px 10px;}
		
#imac 				{left: -180px}
#macbook 			{left: 0;}
#ipad-portrait 		{left: 144px;}
#iphone-landscape 	{left: auto; right: 93px;}
#iphone-portrait 	{left: auto; right: 21px;}

#zz16_TopNavigationMenuV4 ul	{
	margin-left: 0px;
}
#contentHome {
	margin: 0;
	width:auto;
}
#contentArea {
	width: auto;
}
#leftHomeSideBar {
	width: 398px;
}
#contentMiddle {	
	width: 360px;
}
#contentMiddleRight {
	float:right;
	padding: 6px;
	width: 346px;
}
#contentMiddleLeft {
	width: 340px;
}
#bodyArea {
	width: auto;
}
.logoContainer1 {
	margin-left: 45px;
}
.logoContainer4 {
	margin-left: 75px;
}
.gsc-wrapper {
	width: 400px!important;
}
.gsc-above-wrapper-area{
	border-bottom: none!important;
}


} /* THIS MUST BE HERE */	

/* Back page Style */


/* WP style */   
.item  {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#394622;
    margin:-5px 0 0 -4px;
    }
.item a:link {
	font-size:12px;
	line-height:12px;
    color:#394622;
    margin:0;
    padding:2px 0 0 0;
    }
.item a:visited {
	font-size:12px;
	line-height:12px;
    color:#394622;
   	margin:0;
   	padding:2px 0 0 0;
	}
.item2  {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding:0px 0 2px 0;
	margin:2px 0 0 0;
	color:#394622;
    }
	
/* Tables*/
th {
	font-size:11px;
    background-color: #E5D5BE;  
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    color:#700101;
    line-height: normal;
    padding:2px 0 3px 3px;
    }
.tableHead {
	font-size:12px;
    background-color: #152848;  
    font-weight: bold;
    color:#fff;
    line-height: normal;
    padding:2px 0 3px 3px;
    }
 
.tableRow {	
	font-size:12px;
	line-height:12px;
    background-color: #DCD1BE;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
    color:#4A5729;
    line-height: normal;
    padding:4px 3px 4px 3px;
    vertical-align: top;
    }
.tableCell {
	font-size:12px;
	line-height:14px;
    border-bottom: 1px solid #ccc;
    padding: 4px 3px 4px 3px;
    vertical-align: top;
    margin:0;
    background-color:#FFF;
    }
    
.tableCell a {
	color:#4A5729;
    }
    
.tableCell a:visited {
	color:#4A5729;
    }


.tableRow2 {
	font-size:11px;
	line-height:12px;
    background-color: #E5D5BE;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
    color:#700101;
    line-height: normal;
    padding:1px 2px 1px 2px;
    vertical-align: top;
    }
    
.tableCell2 {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
    border: 1px solid #E5D5BE;
    padding:2px 1px 2px 1px;
    vertical-align: top;
    margin:0;
    background-color:#FFF;
    }
    
 .bordertop {
	border-top:1px solid #E5D5BE;
	}  
 .borderbottom {
	border-bottom:1px solid #E5D5BE;
	}	   
 .padding td {
	padding:3px;
	}  
/* -- jquery datatables -- */

.dataTables_length {
    float: left;
    padding: 10px 0;
    font-size:11px;
    }
.dataTables_filter {
    float: right;
    padding: 10px 0 20px 0;
    font-size:11px;
    }
.dataTables_filter input {
    font-size:11px;
    }
#dataTable {
    clear: both;
    background-color: #fff;
    }
#dataTable thead th {
	font-size:13px;
    background-color: #fff;  
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    color:#000;
    line-height: normal;
    padding:2px 0 3px 3px;
   
    }
#dataTable th.sorting {
    background: url(../images/sort_both.png) no-repeat right center;
     background-color: #fff; 
    }
#dataTable th.sorting_asc {
    background: url(../images/sort_asc.png) no-repeat right center;
     background-color: #fff;
    }
#dataTable th.sorting_desc {
    background: url(../images/sort_desc.png) no-repeat right center;
     background-color: #fff;
    }
#dataTable td {
    border-bottom: 1px solid #ccc;
    padding: 5px 2px 5px 3px;
    vertical-align: top;
    }
.dataTables_info {
    float: left;
    padding: 5px 0;
    font-size:11px;
    }
.dataTables_paginate {
    float: right;
    padding: 5px 0;
    font-size:11px;
    }
div.dataTables_paginate span.paginate_active {
    color:#6D5234;
	cursor: pointer;
	*cursor: hand;
	padding: 0 3px;
	font-size:11px;
    }
div.dataTables_paginate span.paginate_button {
    color:#6D5234;
	cursor: pointer;
	*cursor: hand;
	padding: 0 3px;
	font-size:11px;
    }
div.dataTables_paginate span.paginate_button {
    text-decoration: underline;
    }
div.dataTables_paginate span.paginate_button:hover {
    }
div.dataTables_paginate span.paginate_active {
    color: #000;
    }  
/* -- global navigation --*/

.s4-tn li.static > .menu-item {
	background: url(/Style%20Library/images/navRule.jpg) no-repeat right center;
    border: none;
    color: #EFEFEF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
    height: auto;
    padding: 8px 15px;
    }
.s4-tn li.static > a:hover {
    color: #EAD6BE;
    text-decoration: none;
    }
.s4-tn ul.dynamic {
	background-color: transparent;
	border-bottom: none;
    }
.s4-tn li.dynamic > .menu-item {
	padding: 3px 9px 5px 3px;
	font-size: 14px;
	font-weight: bold;
    }
.s4-tn li.dynamic > a:link {
	color: #fff;
}
.s4-tn li.dynamic > a:visited {
	color: #fff;
}
.s4-tn li.dynamic > a:hover {
	color: #F2C438;
	text-decoration: none;
	font-weight:bold;
    }
.menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background {
    background: none;
    padding-right: 0;
    }
.light{	background-color:white; FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Arial}
.medium{	background-color:#A7BBD3; FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Arial}
.dark{	background-color:#182946; FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #FFFFFF !important; LINE-HEIGHT: 19px; FONT-FAMILY: Arial}
.alt{	background-color:#f0f3f3; FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Arial}
.warn{	background-color:; FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #990000; LINE-HEIGHT: 19px; FONT-FAMILY: Arial}

.dark tr {
	padding: 3px;
}