/*
	InfoMedix Screen Styles 2008

	Table of Contents:
		layout
		typography
		miscellaneous

/* layout
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:url(../images/body_bg.jpg) repeat-x;
	font-size:1em;
	}

#container {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width: 920px;
	margin-right:auto;
	margin-left:auto;
	margin-top:38px;
	-margin-top:34px; /*IE6 workaround*/
	}

*:first-child+html #container { /*IE7 workaround*/
	margin-top:34px;
	} 
	
#header {
	background:url(../images/object_group.gif) top right no-repeat;
	}
	
#nav {
	color:#fff;
	margin-right:55px;
	font-size:.8em;
	}
	
.btn {
	background:url(../images/nav_bg.jpg) repeat-x;
	float:right;
	width:130px;
	text-align:center;
	margin-right:6px;
	border-bottom:1px solid #0E5763;
	}
	
.btn-large{
	background:url(../images/nav_bg.jpg) repeat-x;
	float:right;
	width:140px;
	text-align:center;
	margin-right:6px;
	border-bottom:1px solid #0E5763;
	}
	
.btn-left {
	float:left;
	width:11px;
	height:37px;
	background:url(../images/nav_left.jpg) no-repeat 0 0;
	}
	
.btn-right{
	float:right;
	width:11px;
	height:37px;
	background:url(../images/nav_right.jpg) no-repeat 0 0;
	}
	
.btn-bg {
	padding-top:10px;
	}
	
	
.btn-selected {
	background:url(../images/navSelect_bg.jpg) repeat-x;
	float:right;
	width:130px;
	text-align:center;
	margin-right:6px;
	border-bottom:1px solid #0E5763;
	}
	
.btn-left-selected {
	float:left;
	width:11px;
	height:37px;
	background:url(../images/navSelect_left.jpg) no-repeat 0 0;
	}
	
.btn-right-selected{
	float:right;
	width:11px;
	height:37px;
	background:url(../images/navSelect_right.jpg) no-repeat 0 0;
	}
	
.btn-large-selected{
	background:url(../images/navSelect_bg.jpg) repeat-x;
	float:right;
	width:140px;
	text-align:center;
	margin-right:6px;
	border-bottom:1px solid #0E5763;
	}
	
	
/** IE Workaround **/
.row {
  voice-family: "\"}\""; /* hide the following rules from IE5 */
  voice-family:inherit;
  overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
  }

* html .row { height:1%; } /* part of the CSS 'clearing hack' */

#content {
	/*background-color:#FF3333;*/
	margin-top:38px;
	margin-bottom:20px;
	}

/*Home layout*/
#front-left {
	padding-left:30px;
	padding-right:400px;
	padding-top:20px;
	background-color:#;
	padding-left:3.5em;
	}

#front-right {
	width: 260px;
	background:url(../images/news_bg.jpg) no-repeat 0 10px;
	float:right;
	margin-top:0px;
	padding-top:20px;
	padding-left:4em;
	padding-right:3.5em;
	overflow:auto;
	}
	
/*Inside layout*/	
#inside-left {
    background:url(../images/inside_square.jpg) no-repeat 0px 32px;
	-background:url(../images/inside_square.jpg) no-repeat 0px 33px;
	float:left;
	width:220px;
	height:350px;
	overflow:visible;
	padding-top:55px;
	padding-left:30px;
	font-size:.85em;
	margin-left:20px;
	-margin-left:10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

*:first-child+html #inside-left { /*IE7 workaround*/
	background:url(../images/inside_square.jpg) no-repeat 0px 33px;
	} 

#inside-right {
	margin-top:0px;
	padding-top:30px;
 	overflow:auto;
	padding-right:50px;
	-padding-left:270px;
	}	
	
	#one-column {
	margin-top:0px;
	padding-top:30px;
 	overflow:auto;
	padding-right:50px;
	 
	}	
	
.text-box {
	padding-right:70px;
	font-size:1em;
	}

#footer {
    /*border-top:1px solid #ccc;*/
	width: 850px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	padding-bottom:50px;
	font-size:.75em;
	color:#999;
	background:url(../images/dots.jpg) repeat-x 0 0;
	clear:both;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

#white {
	height:220px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 
	}
	
#white table td{
	font-size:.85em;
	color:#fff;
	padding-bottom:3px;
}

#white h2, #white p{
	color:#fff;	
	}
	
#white p{
	line-height:1.55em;
	
	}
#white a {
	color:#fff;
	text-decoration:underline;
	}


/* typography
----------------------------------------------- */

.off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
}

h2 {
	color:#008DA9;
	font-size:1.75em;
	margin: 0 0 .25em 0; 
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:.2em;
	padding-bottom:.2em;
}

.smaller-h2 {
	font-size:.75em;
	color:#b8ecf1;
}

h2.news {
	color:#A1B820;
	font-size:1.55em;
	margin: 0 0 .25em 0; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:.3em;
	padding-bottom:.2em;
}

h3 {
	color:#008DA9;
	font-size:1.3em;
	margin: 0 0 .25em 0; 
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:0em;
	padding-bottom:.2em;
}

h3.news-title {
	color:#A1B820;
	font-size:.85em;
	margin: 0 0 .25em 0; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.6em;
}

h3.content-area {
	color:#008DA9;
	font-size:1.1em;
	margin: 0 0 .25em 0; 
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:0em;
	padding-bottom:.2em;
}

h4 {
	color:#008DA9;
	font-size:1em;
	margin: 0 0 .25em 0; 
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:.3em;
	padding-bottom:.3em;
}

p { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	margin: 0 0 1em 0; 
	line-height:1.6em;
	font-weight:100;
	}
	
a { 
	color:#00a5c6;
	text-decoration:none;
	outline:none;
}

a:hover { 
	color:#29a5b9;
	text-decoration:underline;
}



#nav ul { 
	list-style:none; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#nav li{ 
	list-style:none; 
	padding-left:0px;
	margin-left:0px;
	display: inline;
	}
	
#nav ul ul{ 
	list-style:none; 
	margin: 0;
	margin-left:20px;
	padding: 0;
	list-style-type: none;
	}
	

	
#nav a {
	color:#fff;
	text-decoration:none;
	}

#nav a:hover {
	color:#b0ecf2;
	text-decoration:none;
}

#nav a:hover.selected{
	color:#fff;
	text-decoration:none;
}


#inside-left ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#inside-left li {
	margin:0px;
	padding-left:15px;
	padding-bottom:.75em;
	background:url(../images/list_blue.gif) no-repeat 0 5px;
	
}

#front-left ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:.85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#front-left li {
	margin:0px;
	padding-left:15px;
	padding-bottom:.75em;
	background:url(../images/list_blue.gif) no-repeat 0 6px;
	
}



#inside-left li.selected{
	margin:0px;
	padding-left:15px;
	padding-bottom:.75em;
	background:url(../images/list_green.gif) no-repeat 0 5px;
}

#inside-left a.selected{
	color:#9ca100;
}

#inside-right ul {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	padding-left:20px;
	-padding-left:50px;
	list-style-type:none;
	font-size:.85em;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	
}

#inside-right li {
	padding-left:15px;
	padding-bottom:.75em;
	background:url(../images/list_blue.gif) no-repeat 0 8px;
	line-height:1.5em;
}


.pic-on-blue {
	 margin-top:14px;
	-margin-top:15px;
	padding-bottom:10px;
	float:right;
}
*:first-child+html .pic-on-blue { /*IE7 workaround*/
	margin-top:15px;
	} 

.quote {
	 
	font-style:italic;
	margin-bottom:.5em;
	font-size:.95em;
}

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

.space-left {
	padding-left:40px;
}

.space-right {
	padding-right:30px;
}

.space-top {
	padding-top:20px;
}

.post-date{font-size:.68em;
    line-height:1em;
    color:#999;
}
.divider

  {
  
 

	padding-top:5px;
	padding-bottom:5px;
	font-size:.75em;
	color:#999;
	background:url(../images/dots.jpg) repeat-x 0 0;
	clear:both;
	line-height:1.5em;
}