@import url('/style/base.css');

body {
	margin: 5px 0 0 0;
	padding: 0;
	 /*#f2f3f6; *//* #e7e7e7; #CECABA;*/
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
	background:#DEEAF0;
}

a:link, a:visited {
	color: #115380;
}

a:hover, a:active {
	color: #F29741;
}

/*** Structure ******************************************/


#navigation {
	/*margin: 15px auto 4px auto;*/
	padding-top:5px;
	padding-left: 20px;
	font-variant:small-caps;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
	font-size:12px;
	/*font: 12px "Times New Roman", serif;*/
	/*width: 725px;*/
	float:left;
}

/*** Navigation ***/

#navigation a {
	padding: 0 5px;
	color: #D3E0EA;
	text-decoration: none;
}
#navigation a:visited {
	padding: 0 5px;
	color: #D3E0EA;
	text-decoration: none;
}
#navigation a:hover {
	border-top: 2px solid #084C91;
	color: #fff;
}


#banner {
	margin: 0;
	border-top: 0px solid #084C91;
	border-bottom: 1px solid #084C91;
	height:75px; /* Needs Box Model Hack */
	background: #2567b0 url('/images/web-blue-bg-lg.png') repeat-x;
}

#banner img {
	display: block;
	margin: 0 auto;
	border: 0;
	padding-left: 200px;
}


h1 {
	margin: 0;
	border-top: 0px solid #084C91;
	border-bottom: 1px solid #084C91;
	height:75px; /* Needs Box Model Hack */
	background: #2567b0 url('/images/web-blue-bg-lg.png') repeat-x;
	
	/*background: #1B85CC;*/ /* #990002; /*#9A1A20;*/
}

h1 img {
	display: block;
	margin: 0 auto;
	border: 0;
	padding-left: 482px;
}

h2 {
	padding: 2px 0;
	font-variant:small-caps;
	/*font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
	font-size:16px;*/
	font: 16px "Times New Roman", serif;
	letter-spacing: -1px;
	word-spacing: 1px;
	margin:2px;
}

h2 span {
	/*font-variant:small-caps;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;*/
	font-size:16px;
	color: #8C1F22;
}

#subnavigation {
	
	margin:0px 25px 0px 0px;
	/*border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;*/
	padding: 3px 0;
	/*background: #014E7F; url('/images/banner-secondary.jpg') repeat-x;*/
	font-variant:small-caps;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
	font-size:12px;
	color: #accbe0;
	text-indent: 6px;
	letter-spacing:1px;
}

#subnavigation a {
	padding: 3px;
	color: #accbe0;
	text-decoration: none;
}

#subnavigation a:hover {
	text-decoration: underline;
	background:#1f60a8;
}




#current {
	padding: 0 5px;
	color: #ACCBE0;
	border-top: 2px solid #ACCBE0;
}

#main {
	margin: 0 auto;
	width: 800px;
	font: 12px/1.5 Arial, sans-serif;
	background:transparent;
}

#content {
border-left:0px solid #D9D9D9;
border-right:0px solid #D9D9D9;
border-bottom:0px solid #D9D9D9;
	/*position: relative;*/
	float: left;
	width: 500px;
	padding: 0.5em 25px;
	/*border-right: 138px solid #CC9D1B;*/
	background:#DEEAF0;
	min-height:450px;
}
/* IE7 Only */
*:first-child+html #content {
border-left:0px solid #D9D9D9;
border-right:0px solid #D9D9D9;
border-bottom:0px solid #D9D9D9;
	/*position: relative;*/
	float: left;
	width: 500px;
	/*padding: 0.5em 25px 0 0.5em;*/
	margin-bottom:0;
	/*border-right: 138px solid #CC9D1B;*/
	background:#DEEAF0;
	/*min-height:450px;*/
}



#address-bg  {
background: #EEF2F5 url('http://www.alisonronco.com/addressbook/images/threeflowers.jpg') no-repeat right 10%;
}
#sidebar {
	float: right;
	/*position: relative;*/
	margin-left: 0px;
	border-left: 0px solid #ddd;
	border-right:0px solid #D9D9D9;
	/*width: 286px;*/
	min-height:450px;
	background:#DEEAF0;
	
}
#sidebar p {
padding: 0.5em;
}
* html #sidebar {
	height: 331px;
}

/*#sidebar img {
	position: absolute;
	right: 0;
	top:70px;
}*/

#base {

	clear: both;
	position: relative;
	border-top: 1px solid #166ea7;
	border-bottom: 1px solid #166ea7;
	width: 800px;
	height: 70px;  /* 51px */
	background:transparent;
	overflow: hidden;
	/*background: url('/images/footer_bg.png')top repeat-x;*/
}


/*** Clear Floats ***/

#main:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #main {
    height: 1%;
}



/*** Main Pages ***/
/* dark blue: #166ea7 light blue: #2779ad
green dark: #95a72d  light #9eae42
orange: #dd7510 light: #e28934 */

.highlight {
	font-weight: bold;
	font-style: italic;
}

.leftcolumn, .rightcolumn {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
}

/* Reduce the size for IE */
* html .leftcolumn {
	width: 49%;
}

.rightcolumn {
	float: right;
}

.leftcolumn li, .rightcolumn li {
	margin: 0;
	border: 0;
	padding: 0;
}

.columnhead {
	font-size: larger;
	font-weight: bold;
}

#footer {
	position: relative;
	padding: 4px 0 20px 0;
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
background:transparent;

}
#footer .phone {
	padding-left: 1.5em;
}
/*** Front Page ***/

#container {
	border-top: 5px solid #000;
	border-bottom: 3px solid #000;
	padding: 0px;
	width: 100%;
	height: 238px;
	background: #8C1F22;
}

#container #main {
	position: relative;
	width: 725px;
	height: 242px;
	margin: 0 auto;
}

* html #container #main {
	margin-bottom: -3px;
}

#container #main #tagline {
	position: absolute;
	top: 104px; left: 0;
}

#container #main #photo img {
	position: absolute;
	top: 0; right: 62px;
	height: 242px;
	cursor: pointer;
}

#logo {
	position: relative;
	margin: 0 auto;
	width: 725px;
	cursor: pointer;
	height: 20px;
}

#logo img {
	position: absolute;
	top: 0; right: 0;
}

#mtlink {
	margin-top: 217px;
	font: x-small Arial, Helvetica, sans-serif;
	text-align: center;
}
#content p {
	font: Georgia, "Times New Roman", Times, serif;
	color: #054086;
	line-height: 22px;
}	
legend  {
	font-size:12px; 
	padding:6px;
	margin:0px;
	color:#054086;
	}
label     { 
	width: 80px;
	font-size:0.8em; 
	line-height: 20px;
	margin-right: 10px; 
	float: left; 
	text-align: left; 
	color: #054086; font-weight: bold; cursor: help; 
	}
dt   { 
	font-size:0.8em; 
	/*width: 50px; */
	/*line-height: 20px; */
	margin-right: 10px; 
	float: left; 
	text-align: right; 
	color: #054086; 
	font-weight: bold; 
	/*cursor: help; */
	}
input.input_text            { 
	padding: 2px 3px; 
	font: 0.8em Georgia, serif; 
	color: #A5622B; 
	margin: 5px;
	border: 1px solid #A5622B; 
	width: 250px; 
	background: #FFF url(/images/input.gif) no-repeat -4px -4px; 
	}
textarea     {
	 padding: 2px; width: 324px; height: 150px; background: #FFF url(/images/input.gif) no-repeat  -4px -4px; font: 0.8em Georgia, serif; color: #A5622B; border: 1px solid #A5622B; }
input.input_text:focus,
textarea:focus              { border: 1px solid #559CC6; /* margin: -1px; */ }
#contact_form .input_image,
#comment_form .input_image  	{ margin-left: 90px; }
#content-contact fieldset           { padding: 10px; max-width:525px; }
#side-text {font-size: small; text-align:left; padding:2px; margin-top:55px;}


#pgtitle { 
	font-family: Veranda, Georgia, Helvetica, Arial, sans-serif;
	/*font-variant:small-caps;*/
	font-weight: normal;
	color: #fff; /*6CA1B1;*/
	font-size: 28px;
	/*line-height: 28px;*/
	text-align: left;
	padding: 10px 0 0 250px;
	letter-spacing: 1px;
	margin-top:20px;
}
.intro{	
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
	font-size:14px;
	padding: 0px;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #bc1c22; 
}
  
/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0.5em 0;
	color:#176186;
}
/* Rules for the top corners and border */
.bt {
	background:url(/images/box-blue.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/box-blue.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(/images/box-blue.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/box-blue.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/images/borders-blue.png) repeat-y 0 0;
}

/* IE7 Only */
*:first-child+html .i1 {
padding: 0 0 0 12px;
margin-top:-2px;

}


/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/images/borders-blue.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#C6DCE4;
	/*border:1px solid #D7E6EC;*/
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

  /* *********************************** */  
  
/* IE6 Only */


/* Insert the custom corners and borders for browsers with JavaScript on */
* html .cb {
	margin:0.5em 0;
	color:#176186;
}
/* Rules for the top corners and border */
* html .bt {
	background:url(/images/box-ie.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
* html .bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/box-ie.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
* html .bb {
	background:url(/images/box-ie.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
* html .bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(/images/box-ie.gif) no-repeat 0 100%;
}

/* Insert the left border */
* html .i1 {
	padding:0 0 0 12px;
	background:url(/images/borders-ie.gif) repeat-y 0 0;
}
/* Insert the right border */
* html .i2 {
	padding:0 12px 0 0;
	background:url(/images/borders-ie.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
* html .i3 {
	background:#C6DCE4;
	/*border:1px solid #D7E6EC;*/
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
* html .cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/*   end IE style ************* */