/* -----------------------------------------------------------------------

Name: Chicago Legal Clinic
URL: 
Description: 
Author: MD Debranski

Blueprint CSS Grid (Default):
	- Column Count: 16
	- Column Width: 40
	- Gutter Width: 940
	- Total Width : 20
	
Notes: Website consists of (3) two specific layouts. Those are Home, Application & Locations
and consists of (3) three templated interior layouts: Home, Primary, Secondary & Tertiary.
All have an ID associated with them that is set in the body tag. This ID has a set of 
styles that cascade from

----------------------------------------------------------------------- */

/* Table of Contents
 ------------------------------------------
 
   I. Major Page Structure
  II. Header & Navigation
 III. Main Content
 		A. Non-Layout Specific Content Styles
		B. Layout Specific Content Styles
  IV. Footer
   V. Global Custom Classes
  VI. Blueprint Overrides

 ------------------------------------------
*/


/**********************************************************
			 --- I. Major Page Structure  ---
***********************************************************/

body{background: url(../images/tile-background.jpg) repeat-x; margin-top:0px; height:100%; padding-top:0px}

#outerwrapper{background:url(../images/bkg-main.jpg) top center no-repeat; height:724px; margin-top:0px; padding-top:0px}
.container{margin-top:0px}

img, div{ behavior: url("iepngfix.htc");  }

hr {border-color: #cdcdcd; border-style: solid;border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0;}

div, p{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#666666}
table, table tr, table tr td {font-family:Arial, Helvetica, sans-serif;font-size:12px}
a {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#035f81; cursor:hand;}
a:hover {font-family:Arial, Helvetica, sans-serif;font-size:12px}


h3{font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#035f81}

ul li{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#666666; font-weight:normal; line-height:15px; list-style: outside; margin:0px; padding:0px;}

.ie ul {position:relative; left:-35px;}
.ie ul li, ie7 ul li { list-style:inside}


/**********************************************************
    		 ---  III.  Header & Navigation   ---
***********************************************************/

#header {margin:0 auto;margin-top:55px; margin-left:10px; text-align:center; background:url(../images/gfx-header.png) no-repeat;behavior: url("iepngfix.htc"); width:701px; height:100px}
#interior #header object {position:relative;left:92px}
img.title{behavior: url("iepngfix.htc")}
img.seperator{behavior: url("iepngfix.htc")}

#navigation {}

#navigation #sprite-menu {background:url(../images/sprite-main-nav.png) no-repeat; width:308px;height:32px;margin:0;padding:0;position: relative; float:right;behavior: url("iepngfix.htc") }

#navigation #sprite-menu li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#navigation #sprite-menu li, #navigation #sprite-menu a {height:32px;display:block;}

#navigation #sprite-menu li#item-1 {left:1px; width: 103px; }
#navigation #sprite-menu li#item-2 {left:103px; width: 103px;}
#navigation #sprite-menu li#item-3 {left:206px; width: 102px; }

#navigation #sprite-menu li#item-1 a:hover {background:url(../images/sprite-main-nav.png) -1px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }
#navigation #sprite-menu li#item-2 a:hover {background:url(../images/sprite-main-nav.png) -103px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }
#navigation #sprite-menu li#item-3 a:hover {background:url(../images/sprite-main-nav.png) -206px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }

.ie #navigation #sprite-menu {background:url(../images/sprite-main-nav.gif) no-repeat; width:308px;height:32px;margin:0;padding:0;position: relative; float:right;behavior: url("iepngfix.htc") }

.ie #navigation #sprite-menu li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
.ie #navigation #sprite-menu li, #navigation #sprite-menu a {height:32px;display:block;}

.ie #navigation #sprite-menu li#item-1 {left:1px; width: 103px; }
.ie #navigation #sprite-menu li#item-2 {left:103px; width: 103px;}
.ie #navigation #sprite-menu li#item-3 {left:206px; width: 102px; }

.ie #navigation #sprite-menu li#item-1 a:hover {background:url(../images/sprite-main-nav.gif) -1px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }
.ie #navigation #sprite-menu li#item-2 a:hover {background:url(../images/sprite-main-nav.gif) -103px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }
.ie #navigation #sprite-menu li#item-3 a:hover {background:url(../images/sprite-main-nav.gif) -206px -32px no-repeat; display:block; height:32px; behavior: url("iepngfix.htc") }

#breadcrumb { font-size:9px; margin: 3px 0px 0px 3px}
#breadcrumb .grey {color:#666666; font-size:9px}
#breadcrumb a{text-decoration:underline;color:#666666; font-size:9px}
#breadcrumb a:hover{text-decoration:none}

/**********************************************************
    		 ---  III.  Main Content   ---
***********************************************************/

#flash{margin-top:-150px; margin-left:-29px}
#flash-interior-header{}

#lower-modules {margin-top:-70px}
#lower-modules #div{width: 173px; height: 49px; margin: 0;float:right;}
#lower-modules .top{margin-bottom:0px;}
#enter-now div a{display:block; width: 173px; height: 49px;}
#enter-now div a.btn{background:transparent url(../images/sprite-enter-now.png) 0px 0px no-repeat;behavior: url("iepngfix.htc")}
#enter-now div a.btn:hover{background:transparent url(../images/sprite-enter-now.png) 0px -48px no-repeat;behavior: url("iepngfix.htc")}

#submit div a{display:block; width: 173px; height: 49px;}
#submit div a.btn{background:transparent url(../images/sprite-submit.png) 0px 0px no-repeat;behavior: url("iepngfix.htc")}
#submit div a.btn:hover{background:transparent url(../images/sprite-submit.png) 0px -48px no-repeat;behavior: url("iepngfix.htc")}

.sign-up div a{display:block; width: 100px; height: 27px;}
.sign-up div a.btn{background:transparent url(../images/sprite-sign-in.png) 0px 0px no-repeat;behavior: url("iepngfix.htc")}
.sign-up div a.btn:hover{background:transparent url(../images/sprite-sign-in.png) 0px -28px no-repeat;behavior: url("iepngfix.htc")}


#book-now div{width: 489px; height: 72px; margin: 0; }
.ie #book-now div{width: 489px; height: 72px; margin: 0; position:relative; left:-5px }
#book-now div a{display:block; width: 489px; height: 72px;}
#book-now div a.btn{background:transparent url(../images/sprite-book-now.png) 0px 0px no-repeat;behavior: url("iepngfix.htc")}
#book-now div a.btn:hover{background:transparent url(../images/sprite-book-now.png) 0px -66px no-repeat;behavior: url("iepngfix.htc")}

#interior-body{background:url(../images/bkg-interior-body.png) no-repeat; width:729px;margin-bottom:95px;behavior: url("iepngfix.htc"); margin-top:-10px;}
#photos{background:url(../images/img-photos-interior.png); width:793px; height:292px; float:left; position:absolute; top:275px;margin-left:-37px; behavior: url("iepngfix.htc")}
#photos2{background:url(../images/img-photos-interior2.png); width:793px; height:292px;  float:left; position:absolute; top:275px;margin-left:-37px; behavior: url("iepngfix.htc")}


#interior-body .content{background:url(../images/tile-interior-body.jpg) repeat-x; overflow:hidden; width:1px; position:relative; top:88px; left:100px; width:522px; border: 5px solid white; z-index:99; min-height:550px;}
.ie #interior-body .content {padding-bottom:95px}

#interior-body .content .header {text-align:center}
#interior-body .content .header .title{padding-bottom:9px}
#aspnetForm label{display:block}
#aspnetForm input, #aspnetForm select{ margin-top:0px; margin-bottom:10px}
#aspnetForm input.errorMessage{background-color:#ffa9a9;height:16px; border:2px inset #F0F0F0;}
#aspnetForm select.errorMessage{background-color:#ffa9a9;height:23px; border:2px inset #F0F0F0;}
#aspnetForm select{height:22px; position:relative; top: -4px; margin-top:4px; margin-bottom:5px; float:left; display:block; margin-right:10px}
.ie #aspnetForm select{height:22px; display:inline; position:relative; top:-3px;margin-bottom:10px; }
.ie #aspnetForm #aspnetForm select.errorMessage{background-color:#ffa9a9;height:23px; border:2px inset #F0F0F0;position:relative; top:-3px}
.ie #aspnetForm .phone{position:relative; top:-12px}

#interior-body #member {margin-bottom:6px}
#interior-body #member .labels{text-align:right; position:relative; top:6px}
#interior-body #member .submit {text-align:right;}

#privacy-policy {clear:both;background-color:#FAF5F1; border:1px solid #C8C4C1; padding: 10px 12px;font-size:10px; margin-left:25px; color:#666666; line-height:12px}
#privacy-policy a{font-size:10px}

.ie7 #privacy-policy{margin-top:55px}

.ie #aspnetForm  #left {padding-right:0px}
.ie7 #aspnetForm  #left {padding-right:25px}

/**********************************************************
   		  ---  IV.  Footer  ---
***********************************************************/
#footer{margin-top:15px; margin-bottom:50px;clear:both; }
.ie #footer{margin-top:0px; margin-bottom:50px;clear:both; }
#footer p{font-size:8px; color:#666666;}
#footer #privacy{text-align:center}
#footer a{color:#666666;font-size:8px;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/**********************************************************
   		  ---  V.  Global Custom Classes & Form Styles  ---
***********************************************************/

.green {color:#035f81}




/*************************************************
  		   ---  VI.  Blueprint Overrides   ---
**************************************************/

body {font-family: Georgia, "Times New Roman", Times, serif}
label{font-weight:normal;}