/*body { font-family:Verdana, arial, sans-serif; background:url('/images/sun.jpg') top left fixed no-repeat #b0d7ff; text-align:center;}*/
body { font-family:Verdana, arial, sans-serif; background:#b0d7ff; text-align:center; }
div#page{ width:900px; margin:auto; text-align:left;}
div#main{padding-bottom:30px; background:url('/images/bluegrad.gif') bottom left repeat-x white;}
h1 { color:#2e7542; font-size:20px; font-weight:normal; }
p, ul li, ol li, div.service_html { color:#444444; font-size:13px; line-height:18px; }
div.banner{ background: url('/images/gradient.gif') bottom left repeat-x; position:relative; height:150px; padding:0px; position:relative;}
div.banner img{ padding:0px; margin:0px;}
div.banner div.bannerimg { background: url('/images/banner2.jpg') top left no-repeat; position:absolute; top:20px; left:227px; width:593px; height:81px;}
ul#navigation {position:absolute; bottom:0px; left:110px; width:780px; height:37px; margin:0px; padding: 0px;}
ul#navigation li { float:left; display:table; width:70px; height:37px; text-align:center;}
ul#navigation li#libraries { width:220px;}
ul#navigation li#reviews { width:120px;}
ul#navigation li#events { width:140px;}
ul#navigation li#contact { width:90px;}
ul#navigation li a { color:black; font-size:13px; text-decoration:none; padding-top:5px; height:100%; width:100%; float:left; }
ul#navigation li a:hover { text-decoration:underline } 
ul#navigation li.selected { background: url('/images/corner-r.gif') #ffffff top right no-repeat; }
ul#navigation li.selected a { background:url('/images/corner-l.gif') top left no-repeat;}
div#content { padding:10px 10px 30px 40px; margin:0 10px 10px 10px;border-bottom: solid 1px #339966; position:relative; min-height:380px;}
* html div#content { height:380px }
div.footer { text-align:center; color:#999999; font-size:10px;}
div.footer a { color:#999999; } 
div.footer a:hover { color:#339966; }
div.subnav{ color:#999999; font-size:12px; padding:10px 0 0 51px;}
div.subnav a{ color:#2e7542; text-decoration:none;}
div.subnav a:hover{ text-decoration:underline }
h2 { color:#2e7542; font-size:13px; }
h3 { color:#666666; font-size:12px; }

p strong { color:#4b815b; }

p a, div.content a { font-weight:bold; color:#2e6f75; text-decoration:none; border-bottom:dotted #50ccdd 1px; }
p a:hover, div.content a:hover{ text-decoration:none; border-bottom:solid #50ccdd 1px; background-color:#ffffcc; }

div.service_html{
    font-size:11px;
}

div#toolkit{
	right:0px;
	top:0px;
	position:absolute;
	text-align:center;
	border-bottom:solid 7px #b0d7ff;
	border-left:solid 7px #b0d7ff;
}

div#toolkit a{
	display:block;
	width:240px;
	height:30px;
	background:url('/images/toolkit-blue-white.gif')  210px -30px no-repeat white;
	text-decoration:none;
	line-height:0.8em;
	border:solid 1px #666666;
}

div#toolkit a:hover{
	color:black;
	background:url('/images/toolkit-blue-white.gif') 210px -30px no-repeat white;
	text-decoration:underline;
}

div#toolkit p{
	padding: 2px 35px 2px 6px;
	text-decoration:none;
	width:200px;
	margin:0px;
	color:black;
	cursor:pointer;
	cursor:hand;
	font-size:11px;
	line-height:13px;
}


/* reviews */
div.reviewSnippit{
    font-size:12px;
    margin-right:20px;
    margin-bottom:10px;
    border-bottom:dashed 1px #cccccc;
}

div.reviewSnippit em{
    color:#4b815b;
    font-style:normal;
}
div.reviewSnippit p{
    font-size:12px;
    font-style:italic;
}

div.reviewSnippit div.stars{
    width:80px;
    margin-left:10px;
    height:16px;
    float:right;
}

div.reviewSnippit div.stars div.star{
    background: url('star.gif') 0 0;
    width:16px;
    height:16px;
    float:left;
}

div.reviewSnippit div.stars div.on{
    background-position: 0px -16px;
}
/*

p, ul li, ol li { color:#444444; font-size:11px; line-height:120%; }
xh1 { color:#008888; font-size:14px; }
p, ul li { width:700px; }
*/

#featuredBooksPanel{
float: left;
width: 200px;
margin-top: -55px;

}

#recentReviews{
float: left;
width: 600px;
}


div.news_introduction{
    font-size:12px;
    font-style:italic;
}

div.news_body{
    font-size:11px;
}

div.homepage_right_col{
	float:right;
	margin-top:44px;
}

div.homepage_headlines{
	background-color:#eeffee;
	margin:0 0 10px 10px;
	padding-bottom:10px;
	border:solid 1px #2e7542;
}

div.homepage_headlines h1{
	font-size:15px;
	font-weight:bold;
	margin:0;
	background-color:#2e7542;
	color:white;
	padding:4px 2px 6px 12px;
}

div.homepage_headlines p{
    padding:0 10px 0 10px;
}


div#content div.homepage_headlines ul li a{
    color:#006600;
}

div#content div.homepage_headlines ul li a:hover{
    text-decoration:underline;
}
ul.news_letters li { width:400px}
ul.news_letters li a.download { float:right}

div.image_holder{
	float:right;
	position:relative;
	background: url(/images/dropshadow.gif) no-repeat bottom right;
	margin:0 0 10px 20px;
}

div.image_holder img{
	display: block;
	position:relative;
	background-color: #fff;
	border:1px solid #a9a9a9;
	padding:4px;
	margin: -6px 7px 6px -7px;
}

div.divider{
    border-bottom:1px solid #339966;
}

a[href^="http://"] {
background: url(http://www.codeface.com/images/external.png) center right no-repeat;
padding-right: 13px;
}

div.right_col{
    float:right;
    margin-left:10px;
}

div.right_col div.image_holder{
    margin:0px;
    float:none;
    display:inline-block;
}