@charset "utf-8";

/* ####### RESET CSS ####### */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*html{overflow:scroll}*/

/* ####### RESET CSS ####### */

/* ####### DEFAULT CSS ####### */
html, body{height:100%}
body{background:#fff url(../images/bg_clouds.png) top center repeat-x; font-size:12px; font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif; color:#333}

.italic{font-style:italic}
.hover{cursor:pointer}
a{text-decoration:underline; color:#666}
a:hover{text-decoration:none; color:#333}
abbr{cursor:help; border-bottom:dotted 1px #888}
#content ul{list-style-type:square; padding-left:45px; line-height:18px; margin:10px 0}

.orange{color:#D96624}
.red{color:#c2332b}
.blue{color:#1F4CA3}
.green{color:#79a738}

img.left{float:left; margin:0 10px 10px 0}
img.right{float:right; margin:0 0 10px 10px}

.mtop_25{margin-top:25px}


.error, .success{padding:5px 0; color:#a00; font-style:italic}

#header{width:930px; margin:0 auto; padding-top:30px; position:relative; height:192px; background:transparent url(../images/paintings.jpg) 276px bottom no-repeat}

#d2d{width:180px; height:52px; position:absolute; left:21px; top:105px; display:block}
#bird{position:absolute; width:90px; height:23px; left:-45px; top:60px; width:299px; height:85px; left:-75px; top:20px}

#content_wrapper{width:930px; margin:0 auto; width:940px}
#left_col{padding:10px; margin-bottom:20px; background:transparent url(../images/leftcol_wbg.png) left top repeat}
#content{padding:10px 10px 25px 10px; /*background:#fff;*/ border:solid 3px #eee; border-bottom-color:#ddd; border-left-color:#ddd; border-width:1px 1px 3px 1px}
#content div{width:250px; margin:0 auto}

p{margin:10px 0; line-height:18px}
h1{font-size:14pt; margin:5px 0 15px 0; color:#888}
h2, #blog h1{background-color:#f6f6f6; padding:5px; color:#333; font-size:11pt; margin-bottom:0}
h2.green{color:#79a738; padding-left:0; background:none; border-bottom:solid 1px #79a738}
h2.orange{color:#d96624; padding-left:0; background:none; border-bottom:solid 1px #d96624}
h2.red, h2.red a, #blog h1.red{color:#c2332b; padding-left:0; background:none; border-bottom:solid 1px #1F4CA3}
h2.toggler{background:transparent url(/icon_toggler_orange.gif) right center no-repeat}
h2.sel{background:none}

#footer{text-align:center}

/* clearfix */
* html .clearfix {height: 1%}	
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
/*.clearfix {display:inline-block}*/
	 
/* Hide from IE Mac \*/ 
.clearfix {display:block} 
/* End hide from IE Mac */