/* CSS Document */

body {background: #ffffff; margin: 0; padding: 0; color:#000000; font: 82% Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

h1,h2,h3,h4,h5,h6,form,fieldset,ul {margin: 0; padding: 0;}

p {margin:0; padding-bottom:15px; text-align:justify;}

a:link, a:active, a:visited {color:#CC0033; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}
	
#wrap {width:818px; margin:0 auto;}

.cleaner {clear:both;}

/*########################
HEADER
########################*/

#header {height:113px; background:#D40827;}

#header .logo {width:493px; float:left;}

#header .toplinks {float:left; padding:8px 0px 0px 0px;}
#header .toplinks ul {/*margin:0px; padding:0px;*/}
#header .toplinks ul li {color:#ffffff; list-style: none; margin-left:0px; padding:4px 0px 4px 0px; font-weight:bold;}
#header .toplinks ul li a:link, #header .toplinks ul li a:active, #header .toplinks ul li a:visited {color:#ffffff; font-weight:bold; font-size:11px; background:url(/img/toplinksbl.gif) no-repeat 0 1px; padding-left:20px; margin-left:8px; text-decoration:none;}
#header .toplinks ul li a:hover {color:#ffffff; text-decoration: underline;}
#header .column {float:left; margin:0px; padding:0px;}
#header .column2 {float:left; margin:0px 0px 0px 10px; padding:0px;}

/*########################
Top Bar
########################*/

#topbar {background:url(/img/topbarbg.gif) repeat-x; height:21px; margin-top:5px; padding:5px 10px 0px 10px; position:relative; margin-bottom:10px;}
#topbar .address {font-size:11px; color:#000000; float:left;}
#topbar .address a:link, #topbar .address a:active, #topbar .address a:visited {color: #000000;}

#topbar .date {color:#CC0033; font-size:10px; float:right;}
#topbar .date label.title {float:left; margin-right:10px;}
#topbar .date a {outline:none;}
#topbar .date a:hover {text-decoration:none;}

.side-content {padding:3px;}

/*########################
Left side
########################*/

#left-side {float:left; width:279px; margin-right:10px; position:relative;}
#left-side ul {margin:0px; padding:0px; list-style:none;}
#left-side ul li {background:url(/img/bulletred.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px;}

/*index block 1*/
.ind-block-top {background:url(/img/learn-spanish.gif) no-repeat; width:279px; height:175px;}
.ind-block-title {background:url(/img/learn-spanish-title.gif) no-repeat; width:269px; height:32px; padding:0px 0px 10px 10px;}
.ind-block-title h2 {color:#FFFFFF; font-size:14px; line-height:14px; background:url(/img/bulletind.gif) no-repeat 0 6px; padding:1px 0px 0px 35px; }
.ind-block-title a:hover {text-decoration:none;}

/*index block 2*/
.ind-block-top-2 {background:url(/img/about-spanish.gif) no-repeat; width:279px; height:175px;}
.ind-block-title-2 {background:url(/img/about-spanish-title.gif) no-repeat; width:269px; height:32px; padding:0px 0px 10px 10px;}
.ind-block-title-2 h2 {color:#FFFFFF; font-size:14px; line-height:14px; background:url(/img/bulletind2.gif) no-repeat 0 6px; padding:1px 0px 0px 35px; }
.ind-block-title-2 a:hover {text-decoration:none;}

.h2discount {background:url(/img/h2discount.gif) no-repeat; height:19px; font-size:14px; color:#FFFFFF; padding:3px 0px 0px 36px; margin-bottom:10px;}
.h2discount a:link, .h2discount a:active, .h2discount a:visited {color:#FFFFFF;}
.h2discount a:hover {text-decoration:none;}

.h2extra {background:url(/img/h2extra.gif) no-repeat; height:19px; font-size:14px; color:#FFFFFF; padding:3px 0px 0px 36px; margin-bottom:10px;}
.h2extra a:link, .h2discount a:active, .h2discount a:visited {color:#FFFFFF;}
.h2extra a:hover {text-decoration:none;}

#discount {width:270px; margin:0 auto; padding:0px 0px 0px 0px;}
#discount .thumb {float:left; width:80px; padding-bottom:10px;}
#discount .desc {float:left; padding-bottom:10px; padding-left:10px;}
#discount img {border:1px solid #999999; padding:2px;}

/*########################
Midle part
########################*/

#midle {float:left; width:279px; margin-right:10px; position:relative;}
#midle a:link, #midle a:active, #midle a:visited {color:#FF6600;}

#midle ul {margin:0px; padding:0px; list-style:none; margin-top:10px;}
#midle ul li {background:url(/img/bulletyellow.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px; font-weight:bold;}

/*--Photo tour style--*/
#photos {width:95%; margin:0 auto; text-align:left;}
#photos img {padding:3px 3px 3px 3px; border:1px solid #CCCCCC;}

/*########################
Right part
########################*/
#right-side {float:left; width:240px; text-align:center;}
#right-side h2 {font-size:14px;}

#right-side ul {margin:0px; padding:0px; list-style:none; margin-top:10px; text-align:left; margin-left:10px;}
#right-side ul li {background:url(/img/bulletred.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px;}

#right-side .member {width:120px; margin:0 auto; margin-top:20px;}

.banner {width:230px; height:82px; background:url(/img/bannerbg.gif) repeat-x; font-size:11px; color:#FFFFFF; text-align:justify;margin-bottom:10px; padding:3px 5px 3px 5px; line-height:13px;}
.banner h1 {font-size:14px; margin:0; padding:0; color:#FFFFFF;}


/*########################
Footer
########################*/

#footer { margin-top:20px; text-align:center; padding:10px 0px 10px 0px; background:url(/img/footerbg.gif) no-repeat; height:67px;}

/*
 * Misc.
 */

.clr {clear:both;}