/* ---------->>> style <<<-----------*/

/*
Name:     2007
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     OCT 2007

Color Key:  

Orange headers: #f8a653
Background body #dbdbdf
Dark Gray: #3B3B49
Tan: #E5DFBD
*/


/* ---------->>> globals <<<-----------*/

html, body {
border:0;
margin:0;
padding:0;
font-size: 100.01%;
background:  #ffffff;}

body {
font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
color:#4c443b;
text-align:center;
}




/* ---------->>> floats skips alignment <<<-----------*/

.clear 		{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.tleft 		{ text-align:left; }
.tright 		{ text-align:right; }
.tcenter 		{ text-align:center; }
.tjustify 	{ text-align:justify; }

.bold 		{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 	{ border-bottom:1px solid; }
.highlight 	{ background:#ffc; }

.ileft 	{ float:left;margin:4px 10px 4px 0; }
.iright 	{ float:right;margin:4px 0 4px 10px; }

.nopadding 	{ padding:0; }
.noindent 	{ margin-left:0;padding-left:0; }
.nobullet 	{ list-style:none;list-style-image:none; }

#cc {position: absolute; left: -9999px; font-size: small;}
#cc a:hover {color: #ffffff;}

 .skip {display: none;}
a.skip {display: none;}

#axs {display:none;}



/* ---------->>> STRUCTURE <<<-----------*/

#container_shell {width:792px;margin:0 auto;text-align: left; background: #ffffff;}

#container_wrap {width:792px;float:left;  background:url(/elements/images/pagewall.gif) repeat-y;}

#container_wraphome {width:792px;float:left;  background:#ffffff;}


#pagetop {width:792px; height:43px; background:url(/elements/images/pagetop.gif) repeat-y;}

#pagetophome {width:792px; height:43px; background:url(/elements/images/pagetophome.gif) no-repeat;}

#slug {width:792px; height:40px; background:url(/elements/images/everychildeveryissue.gif) no-repeat;}

#homelow {width:792px; height:300px; background:#ef9155 url(/elements/images/homelow.gif) no-repeat bottom left;}


#homelow p {font: normal 11px/1.3em "Lucida Grande", "Verdana", sans-serif; color:#ffd099; padding:3px 8px;}




#page {width:792px;margin:0;padding:0;}

#left {width:200px; margin:0;padding:0;float:left;}

#middle { width:550px; margin:0; padding:0; float:left; margin-left:10px;}


#middle img {margin: 0 5px; padding: 4px; border: 0; max-width: 100%;}


#flashcontent { border:0; width: 352px; height: 288px; position:relative;}    

#right {width:185px;margin:0;padding:0;float:right;}

#pagebot {width:792px; height:70px; background:#ffffff; font: normal 10px/1.1em "Lucida Grande", "Verdana", sans-serif; color:#a2a2a2; border-top:1px #de6d34 solid; }
#pagebot p {margin-top:10px;}

#cameo {width:200px; height:243px; display:block; overflow:hidden; margin:0; padding:0;}
#photocube {width:291px; height:288px; display:block; overflow:hidden; margin:0; padding:0;}



/* ---------->>> navigation <<<-----------*/

#navwrap { 
	width: 450px;
	height: 43px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	background: url(/elements/images/pnav.gif) no-repeat;
	float:left;
}

#nav { 
	width: 450px;
	height: 43px;
	margin: 0;
	border:0;
	padding: 0;
	background: #F3EDCF;
	position:relative;
}

#nav ul	{
	width: 450px;
	height: 43px;
	background: url(/elements/images/pnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav ul li, #nav a {
	height: 43px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#nav1 {left: 10px; width: 175px;}
#nav2 {left: 190px; width: 90px;}
#nav3 {left: 285px; width: 155px;}

#nav1 a:hover, #on1 {background: transparent url(/elements/images/pnav.gif) -10px -43px;}
#nav2 a:hover, #on2 {background: transparent url(/elements/images/pnav.gif) -190px -43px;}
#nav3 a:hover, #on3 {background: transparent url(/elements/images/pnav.gif) -285px -43px;}






.logos {
position:relative;
width:550px;
height:70px;
background: url(/elements/images/logosbot.gif) no-repeat;
text-align:left;
}






#signup {
position:relative;
margin-top:200px;
width:200px;
height:225px;
background: url(/elements/images/signup.gif) no-repeat;}




#signuphome {
position:relative;
margin:5px;
padding:2px;
width:400px;
height:25px;
border:1px solid #f8a26b;
background:transparent;
}

















.classicmenu {
list-style-type: none;
margin:0;
padding: 0;
border: 0;
position:absolute;
width:200px;
}

.classicmenu li a {
background:#d86731 url(/elements/images/dotorange.gif) repeat-x bottom left;
font: normal 80% "Lucida Sans", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
padding: 4px 0;
padding-left: 4px;
text-decoration: none;
}

* html .classicmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 190px;
}

.classicmenu li a:visited, .classicmenu li a:active{
color: #ffffff;
}

.classicmenu li a:hover{
background-color: #ca5a22;
}




/* ---------->>> HTML tags <<<-----------*/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:3px 0 3px 0;
letter-spacing:-1px;
font:3.2em arial, helvetica, sans-serif;
color:#f8a653;
background-color:#ffffff;
border-bottom:1px solid #f8a653;
}



h2 {
padding:10px 0;
letter-spacing:-1px;
font:2.0em arial, helvetica, sans-serif;
color:#4c443b;
background-color:#ffffff;
}



h2.headline {
padding:30px 0 10px 0;
letter-spacing:-1px;
font:1.7em arial, helvetica, sans-serif;
color:#4c443b;
background-color:#ffffff;
}








h3 {
font:1.4em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul {
list-style:none;
padding:0 0 18px 40px;
}

ol {
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


/* ---------->>> links <<<-----------*/

a, a:visited {
text-decoration:none;
}

a:link { color: #b52b28; }
a:visited { color:#0000cc; background:transparent url(/elements/images/dotgray.gif) repeat-x bottom left; }
a:hover { color: #192eba; }
a:active { color: #192eba; }

/* ---------->>> forms <<<-----------*/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}


/* ---------->>> tables <<<-----------*/

table {
border:0;
margin:0;
padding:0;
}

table tr td {
padding:0;
}



/* ----------->>> search <<<--------*/

div#searcher {

	position: relative;
	top: 0px;
	width: 250px;
	height: 43px;
	line-height: 100%;
	margin: 0;
	padding: 0;
	float:right;
}

#searcher label {display:none;}
.topform  {height:20px; width:120px; position:relative; margin:0; padding:0; top:-10px;}




/* ---------->>> fixed elements <<< ---------*/

#fixed  { background-color: #fff; position: fixed; height: 43px; width: 770px; top: 43px; margin: 0 auto 0; visibility: visible; }




#smk {text-align:center;}

.bullets, .bullet {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
}

.bullets li, .bullet li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/bullet.gif) no-repeat -2px 3px;
	line-height:20px;
	}