/* CSS Document */

* { margin:0; padding:0;}
body{ background:#FFFFFF; line-height:16px; text-align:center; /*For IE*/ background-image:url(../images/bcg_page_1px.jpg); background-repeat:repeat-x}
html, input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333}

.col1, .col2, .column, .column1, .column2, .column3 { float:left;}

input, select, textarea { font-family:Georgia; font-size:1em;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:12px; margin-top:7px}

ul{ list-style-type:circle; padding-left:15px; margin:10px 10px 10px 10px}

img {border:0; vertical-align:bottom; text-align:left;}

.b_image{ border:1px solid #CCC; float:left; padding:4px; margin-bottom:10px}

/*=====main=====*/
#main {width:760px; margin:0 auto; text-align:center}

/*=====header=====*/
#header{ height:200px; margin-top:0px; background-image:url(../images/bcg_header_windows.jpg); background-repeat:no-repeat; background-position:right}
#header .logo{ float:left; margin-top:30px; background:url(../images/header_bg_logo.jpg) no-repeat; width:168px; height:55px}
#header .menu{ float:left; margin-top:65px}

/*=====content=====*/
#content{ text-align:left; margin-top:10px; margin-left:5px}
#content a{ color:#000000; text-decoration:none}
#content a:hover {text-decoration:underline}
#content h2{ color:#45b4a8; margin-bottom:10px}

#content .column{ width:183px; margin-right:5px; float:left}
#content .column .header{}
#content .column .split{ height:20px; background-image:url(../images/bcg_split_1px.jpg); background-repeat:repeat-x; padding-left:5px; color:#FFFFFF; font-size:11px; font-weight:bold}
#content .column .bottom{ padding:3px}

#content .column_left{ width:510px; margin-right:5px; float:left}
#content .column_left .header{}
#content .column_left .split{ height:20px; background-image:url(../images/bcg_split_1px.jpg); background-repeat:repeat-x; padding-left:5px; color:#FFFFFF; font-size:11px; font-weight:bold}
#content .column_left .bottom{ padding:3px}
#content .column_left .bottom .columns{ width:510px}
#content .column_left .bottom h3{ font-size:13px; font-weight:bold; color:#666}
#content .column_left .bottom .columns .col1{ width:255px; padding-right:0px}
#content .column_left .bottom .columns .col1 img{ border:1px solid #CCCCCC; padding:3px; margin-top:7px; margin-right:1px}
#content .column_left .bottom .columns .col1 a{ color:#000000; text-decoration:underline}
#content .column_left .bottom .columns .col1 a:hover{text-decoration:underline}
#content .column_left .bottom .columns .col2{ width:255px}
#content .column_left .bottom .columns .col2 img{ border:1px solid #CCCCCC; padding:3px; margin-top:7px; margin-right:1px}
#content .column_left .bottom .columns .col2 a{ color:#000000; text-decoration:underline}
#content .column_left .bottom .columns .col2 a:hover{text-decoration:underline}

#content .column_right{ width:230px; margin-right:5px; float:left}
#content .column_right .header{}
#content .column_right .split{ height:20px; background-image:url(../images/bcg_split_1px.jpg); background-repeat:repeat-x; padding-left:5px; color:#FFFFFF; font-size:11px; font-weight:bold}
#content .column_right .bottom{ padding:3px 7px 7px 7px; background-color:#333333; color:#FFFFFF}

/*=====footer=====*/
#footer{ height:30px; border-top:1px solid #CCCCCC; text-align:left; font-size:10px; color:#666666; margin-top:10px}
#footer a{ color:#666666; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .menu{ float:right}
#footer .menu a{ color:#666666; text-decoration:none}
#footer .menu a:hover{ text-decoration:underline}