html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page;width:auto;margin:0;}
/* ====== Columns ====== */
.main{overflow:hidden;_overflow:visible;_zoom:1;}

.leftCol{float:left;display:inline;overflow:hidden;}
.leftCol_wp{float:left;display:inline;overflow:hidden;}

.middleCol{float:left;overflow:hidden;display:inline;}

.rightCol{float:right;display:inline;overflow:hidden;}
.rightCol_wp{float:right;overflow:hidden;}

/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}

.size1of1{float:none;}
.size1of2{width:50%;#width:49.9%;_width:49.9%;}

.size1of3{width:33.33333%;*width:33%;_width:33%;}
.size2of3{width:66.66666%;}

.size1of4{width:25%;}
.size3of4{width:75%;}

.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}

.size1of6 {width:16.666%}
.size2of6 {width:33.332%}
.size3of6 {width:50%}
.size4of6 {width:66.664%}
.size5of6 {width:83.333%}

.size1of7 {width:14.285%;*width:14%;_width:14%}
.size2of7 {width:28.571%}
.size3of7 {width:42.857%}
.size4of7 {width:57.142%}
.size5of7 {width:71.428%}
.size6of7 {width:85.714%}

.size1of8{width:12.5%;}
.size2of8{width:25%;}
.size3of8{width:37.5%;}
.size4of8{width:50%;}
.size5of8{width:62.5%;}
.size6of8{width:75%;}
.size7of8{width:87.5%;}


.size1of10{width:10%;}
.size2of10{width:20%;}
.size3of10{width:30%;}
.size4of10{width:40%;}
.size5of10{width:50%;}
.size6of10{width:60%;}
.size7of10{width:70%;}
.size8of10{width:80%;}
.size9of10{width:90%;}



.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}


/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.hd,.bd,.ft,{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}