/* ------------------------------
Project: HealthMap
Purpose: template pages
Author: Katelynn O'Brien
Date: 6/30/11
--------------------------------- */


/* LAYERS
--------------------------------- */

#page.L2
	{
	text-align: center;
	background-color: #d1e8f5;
	}

.L2 #content
	{
	clear: both;
	float: none;
	width: 92%; 
	margin: 0 auto;
	padding: 0 0 1.7em 0;
	text-align: center;
	background-color: #dfeff8;
	}

#l2_content
    {
    clear: left;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 2em;
    line-height: 1.6em;
    text-align: left;
    }

.L2 #l2_content
	{
	margin: 0 auto !important;
	padding: 2em 2%;
	width: 90%;
	text-align: left;
	background-color: #fff;
	border: 1px solid #d4e9f6;
	}

.L2 #l2_content.col2
	{
	width: 94%;
	padding-left: 0;
	padding-right: 0;
/*
	padding: 3.6em;
*/
	background: #fff url(../images/v3/2col_bg.gif) repeat-y 68% 0;
	}


#l2_content.col2 div.left
	{
	float: left;
	width: 66%;
	margin-right: 3%;
/*
	width: 62%;
    padding-left: 2%; 
	padding-right: 2%;
*/
	}

#l2_content.col2 div.right
	{
	float: left;
	width: 25%;
	padding: 0 2%;
	}

#footer
    {
    margin-top: 3em !important;
    }

/* content pages */

.layout_2col
    {
    clear: left;
    float: left;
    width: 100%;
    }

.layout_2col div
    {
    float: left;
    }

.layout_2col div p
    {
    clear: left;
    margin: 1em 0 1.5em 0;
    }

div.left_50 /* the team page */
    {
    width: 47%;
    margin-right: 6%;
    }

div.right_50
    {
    width: 47%;
    }

div.left_60 /* mobile page */
    {
    width: 54%;
    margin-right: 6%;
    }

div.right_40 /* mobile page */
    {
    width: 39%;
    }

#iphone /* outbreaks near me page */
    {
    width: 293px;
    height: 583px;
    background: url(../images/v3/iphone4.png) no-repeat 50% 0;
    }

#iphone .cycle
    {
    margin-top: 99px;
    margin-left: 19px;
    width: 252px;
    height: 379px;
    }

#iphone .cycle img
    {
    position: absolute;
    width: 252px;
    height: 379px;
    }
    


/* IMAGES
--------------------------------- */

img.f-l
	{
	margin-bottom: -4px;
	}


/* LISTS
--------------------------------- */

ul.nobullet
	{
	list-style: none !important;
	}

ul.nobullet li
	{
	padding-bottom: .8em !important;
	}

/* HEADINGS
--------------------------------- */

#l2_content h1
	{
	font-family: arial, sans-serif;
	font-size: 1.8em;
	color: #1f557f;
	margin-top: 0;
	}

#l2_content h2
	{
	font-size: 1.2em;
	color: #e13a1a;
	border: 0;
	}

#l2_content h2.grey
    {
    margin: 7em 0 1em 0;
    padding: 1em 0 0 0;
    font-size: 1.5em;
    font-weight: normal;
    color: #454545;
    border-top: 1px solid #ccc;
    }

#l2_content h3
	{
	padding: 0;
	}


#l2_content .right h2
	{
    margin-left: -.3em;
	font-family: arial, sans-serif;
    padding-left: .3em;
	font-size: 1.4em;
	color: #57b4e5;
	border-bottom: 1px solid #57b4e5;
	}