/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

.outer {margin: 0 auto;width:980px;}
.main {float:left;width:980px;}
.header {width:980px;float:left;background:url(../images/header.gif) no-repeat 0 62px;height:234px;}
.header .search {float:right;font-size:1.1em;width:300px;text-align:right;margin:85px 0 0 0;}
.header .search a {color:#fff;text-decoration:none;}
.header .search a:hover, .header .search a:focus {color:#444;}
.header .search .options {clear:both;}
.header .girl {float:right;position:relative}

.bodycontent {float:left;width:960px;background:url(../images/content-bg.gif) repeat-y;padding:0px 10px 0px 10px;font-size:1.2em;color:#464545;}

/* required fields */
.req {color:#d00;font-weight:bold;}

/* hidden text */
a.btn {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}

/* orange things */
.tabs li.on a,.bodycontent .box h3,.bodycontent .box h2, .home .figures .total span, .bodycontent a {color:#fab425;}

.tabs {font-size:10px; float:left;width:100%;background:url(../images/tabs-bg.gif) no-repeat left 32px;margin:-64px 0 0 0;height:66px;}
.tabs ul {background:url(../images/tabs-set.gif) no-repeat;float:left;width:620px;margin:0 0 0 17px;}
.tabs li {list-style:none;float:left;}
.tabs li a {line-height:33px;float:left;display:block;width:141px;text-align:center;font-size:1.6em;font-style:italic;text-decoration:none;color:#fff;padding:0 0 0 10px;}
.tabs li a:hover, .tabs li a:focus {color:#444;}
.tabs li.first a {width:163px;}
.tabs li.last a {width:152px;}

/* on states - move the background image */
.tabs ul.first {background-position:0 -33px;}
.tabs ul.second {background-position:0 -66px;}
.tabs ul.third {background-position:0 -99px;}
.tabs ul.last {background-position:0 -132px;}

.bodycontent a:hover, .content a:focus {color:#444;}

/* home body content */
.home .box {width:100%;}
.home .box h3 {font-family:Verdana;font-size:1.2em;font-style:italic;background:url(../images/underline.gif) no-repeat bottom left;padding:0 0 6px 3px;margin:0 0 10px 0;}
.home .box img {padding:2px;border:1px dotted #a1a1a1;}
.home .box h2 {font-family:Verdana;font-size:1.2em;font-style:italic;padding:0 0 0px 3px;margin:0 0 3px 0;}

/* latest figures */
.home .figures {width:191px;float:left;background:url(../images/figures-bg.jpg) no-repeat right 40px;margin:0 0 0 0;}
.home .figures h3 {background-image:url(../images/underline-small.gif);}
.home .figures .total {color:#adacac;}
.home .figures .total span {display:block;font-size:3.3em;letter-spacing:-0.05em;}
.home .figures  a {margin:10px 0 0 0;display:block;}


/* banner */
.home .bannerad {float:right;}

/* countries */
.home .countries {width:213px;float:left;}
.home .countries table {font-size:0.90em;margin:0 0 0 0;}
.home .countries tr.alt td, .home .countries tr.alt th {background-color:#fff2da;}

/* summary boxes */
.home .chickis {float:right;width:644px;margin:25px 0 0 20px;}
.home .chickis .box {margin:0 10px 20px 0;}
.home .chickis .box img.girl {float:left;}
.home .chickis .box .content {float:right;width:180px;}
.home .chickis .box .content .name {font-size:1.1em;}
.home .chickis .box .content .title {color:#aaa;}
.home .chickis .box .content .blurb {font-size:0.95em;margin:15px 0;}

.home .topphotos {}
.home .topphotos .gallery {border:1px dotted #A1A1A1;text-align:center;width:728px;}

.footer {font-size:1.1em;float:left;width:960px;padding:15px 0 0 20px;margin:0 0 30px 0;background:url(../images/footer-bg.gif) no-repeat top left;text-align:center;}
.footer, .footer a {color:#9ca4ad;}
.footer a {text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#000;}