/*colors
orange: #f47321
dark blue: #0079c2
light blue: #6fcde4
green: #d5e14d
charcoal: #58585a
gray: #999898
*/


/*################### redefine default tags ###################*/
body {
color: #444; 
font-size: 11px; 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
background-color: #fff; 
/* background-image: url(/images/background.jpg); */
background-repeat: repeat-x; 
background-position: center 0; 
text-align: left;
margin: 0;
padding: 0;
}

p {
padding: 0px;
margin-bottom: 7px;
margin-top: 0px;
line-height: 1.5em; 
}

img {
border: none;
margin: 0px;
padding: 0px;
vertical-align:top;
}

h1 {
font-weight: normal;
font-size: 12px;
color: #f47321;
margin: 0;
padding: 0;
text-transform: uppercase;
}

h2 {
font-weight: bold;
letter-spacing: .1em;
font-size: 10px;
color: #6fcde4;
margin-bottom: 1px;
margin-top: 0;
padding: 0;
text-transform: uppercase;
}

h3 {
font-style: normal;
font-weight: normal;
font-size: 11px; 
color: #0079c2;
margin: 0;
padding-bottom: 0;
padding-top: 3px;
line-height: 1.5em; 
}

h4 {
font-weight: bold;
letter-spacing: .1em;
font-size: 10px;
color: #992e4d;
margin-bottom: 1px;
margin-top: 0;
padding: 0;
text-transform: uppercase;
}

h5 {
font-weight: bold;
letter-spacing: .1em;
font-size: 10px;
color: #5f44be;
margin-bottom: 1px;
margin-top: 0;
padding: 0;
text-transform: uppercase;
}

form {
display: inline;
/*margin-right: 10px;*/
}

select {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
line-height: 1.5em;
font-size: 10px;
}

hr {
height: 1px;
border-style: none;
background-image: url(/images/hr.gif);
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
}
 
a:link { 
color: #f47321; 
text-decoration: none;
}
 
a:visited { 
color: #0079c2; 
text-decoration: none;
}

a:hover { 
color: #f47321; 
text-decoration: underline;
}

ul {
list-style-image: url(/images/bullet.gif); 
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px; 
padding-left: 25px;
padding-right: 10px;
padding-bottom: 10px;
}

li {
/*font-size: 11px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
line-height: 1.5em;
margin-bottom: 2px;*/
}






/*################### most wrappers and columns ###################*/
/* store area has a ton of special divs */
#wrapper_nav {
width: 810px;
margin-right: auto; 
margin-left: auto;
}

#wrapper {
width: 810px;
margin-right: auto; 
margin-left: auto;
margin-top: 5px;
}

#floatclear {
clear: both;
}

#column_left {
width: 380px;
float: left;
display: inline; 
padding-bottom: 20px;
}

#column_right {
width: 380px;
float: right;
margin-right: 0px;
display: inline;
padding-bottom: 20px;
}

#column_both {
width: 800px;
padding-bottom: 10px;
}

#photobox_left {
width: 145px;
margin-left: 229px;
border-style: solid;
border-top: none;
border-bottom: none;
border-right: none;
border-left-width: 1px;
font-size: 10px;
margin-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
}


/*################ header ###############*/
#header
{
    width: 807px;
    height: 121px;
    margin-bottom: 15px;
}

#header_left
{
    float: left;
    width: 138px;
}

#header_right
{
    float: right;
    padding: 41px 0 0 0;
    width: 295px;
    height: 79px;
}

#header_buttons
{
    width: 195px;
    height: 79px;
    float: left;
    text-align: right;
    margin-right: 7px;
}

#header_buttons p
{
	font-size: 12px;
	color: #999898;
	margin: 1px 0px;
	padding:0px;
}

#header_buttons a
{
	font-size: 12px;
	color: #999898;
	padding:0px;
	margin:0px;
	font-weight: bold;
}

#header_buttons a:hover
{
	font-size: 12px;
	color: #d5e14d;
	text-decoration: underline;
}

#header_search
{
    margin-left: 21px;
}

.search {
font-size: 8px;
background-color: #ebebeb;
border: 1px solid #ccc;
text-transform: uppercase;
display: inline;
margin-left: 3px;
}

#home_searchbox_holder {
width: 530px;
float: right;
margin-right: 0px;
margin-top: 20px;
display: inline; /*IE 6 band-aid*/
font-size: 9px;
text-transform: uppercase;
}

#home_searchbox_holder img {
margin-left: 5px;
}

#home_searchbox_holder a:hover { 
text-decoration: none;
}

#search_button
{
    position: relative;
    top: 4px;
}

#divSocialMedia
{
    background: url('/images/header_template/social_outline.gif') no-repeat;
    width: 79px;
    height: 79px;
    float: right;
}

/*################### home page stuff ###################*/
#home_flash
{
    margin-bottom: 35px;
}

#home_buttons img
{
    float: left;
}

#div_news_feed
{
    float: left;
    width: 365px;
    margin-right: 22px;
}

#div_news_feed ul
{
    margin-top: 0;
}

#news_feed_middle
{
    background: url('/images/news_feed_middle.gif') repeat-y;
    padding: 20px 20px 30px 20px;
}

#news_feed_middle span
{
    width: 100%;
}

#news_feed_middle ul
{
    padding-left: 0px;
    list-style: none;
}

#news_feed_middle li
{
    margin-bottom: 17px;
}

#news_feed_middle a, #news_feed_middle a:hover
{
    text-decoration: none;
    color: #000000;
}


#news_feed_middle span a, #news_feed_middle span a:hover
{
    text-decoration: none;
    color: #1c29a8;
}

#news_feed_middle a:visited
{
    text-decoration: none;
}

#div_video
{
    float: right;
    width: 420px;    
}

#video_middle
{
    background: url('/images/video_middle.gif') repeat-y;
    padding: 0 38px;
}

#video_bottom
{
	background: url('/images/video_bottom.gif') no-repeat;
	width: 420px;
	height: 62px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 13pt;
	padding-top: 15px;
}

#lnt_world
{
    width: 364px;
    clear: both;
    text-align: center;
    padding-top: 20px;
}

.flag_spacer
{
    padding-right: 25px;
}

/*
#home_left {
width: 260px;
float: left;
display: inline; /*IE 6 band-aid*/
/*}

#home_left_bottom {
width: 260px;
float: left;
display: inline; /*IE 6 band-aid*/
/*margin-top: 20px;
}

#home_center {
width: 260px;
float: left;
margin-left: 10px;
display: inline; /*IE 6 band-aid*/
/*}

#home_right {
width: 260px;
float: right;
margin-right: 0px;
display: inline; /*IE 6 band-aid*/
/*}

#home_recentnews {
width: 529px;
float: right;
margin: 0px;
display: inline; /*IE 6 band-aid*/
/*border-style: solid;
border-top: 0;
border-bottom: 0;
border-left-width: 1px;
border-right-width: 1px;
border-color: #aeaeb0;
padding-bottom: 5px;
padding-top: 5px;
}

#home_recentnews_header {
width: 530px;
float: right;
margin-right: 0px;
display: inline; /*IE 6 band-aid*/
/*background-image: url(/images/recent_news/border_top.jpg);
background-repeat: no-repeat;
height: 6px;
margin-top: 20px;
margin-bottom: 0px;
padding: 0;
}

#home_recentnews p{
margin-left: 5px;
margin-right: 5px;
}

#home_recentnews h3{
margin-left: 5px;
margin-right: 5px;
}

#home_recentnews h1{
margin-left: 5px;
margin-right: 5px;
}

#home_recentnews_footer {
width: 530px;
float: right;
margin-right: 0px;
display: inline; /*IE 6 band-aid*/
/*background-image: url(/images/recent_news/border_bottom.jpg);
background-repeat: no-repeat;
height: 6px;
}*/

.div_callout_block { float: left; width: 365px; margin-right: 22px;}

.div_callout_block_top { background: url('/images/news_feed_top.gif') no-repeat; width: 365px; height: 50px; }
.div_callout_block_top p { padding: 10px 20px; font-size: 18px; color: #414142; }

.div_callout_block ul { margin-top: 0; }

.callout_block_middle { height: 275px; background: url('/images/news_feed_middle.gif') repeat-y; padding: 20px 0; font-size: 12px; }

.callout_block_middle span { width: 100%; }

.callout_block_middle ul { padding-left: 0px; list-style: none; margin: 0px; padding: 0px; }

.callout_block_middle .inner { padding: 0 20px; margin:0; }

.callout_block_middle li { margin-bottom: 17px; }

.callout_block_middle a.get_involved { font-size: 13px; }

.callout_block_middle #twitter_div a,
.callout_block_middle #twitter_div a:hover { text-decoration: none; color: #000000; }

.callout_block_middle #twitter_div span a,
.callout_block_middle #twitter_div span a:hover { text-decoration: none; color: #1c29a8; }

.callout_block_middle #twitter_div a:visited { text-decoration: none; }

.callout_block_middle .follow_us_twitter { color: #444; font-weight: bold; }

.div_callout_block_wide { float: left; width: 420px; margin-right: 22px;}

.div_callout_block_top_wide { background: url('/images/news_feed_top_wide.gif') no-repeat; width: 420px; height: 50px; }
.div_callout_block_top_wide p { padding: 10px 20px; font-size: 18px; color: #414142; }

.div_callout_block_wide ul { margin-top: 0; }

.callout_block_wide_middle { width: 420px; height: 275px; background: url('/images/news_feed_middle_wide.gif') repeat-y; padding: 20px 0; font-size: 12px; }

.callout_block_wide_middle span { width: 100%; }

.callout_block_wide_middle ul { list-style: none; margin: 0px; padding: 0px; }

.callout_block_wide_middle .inner { padding: 0 20px; margin:0; }
.callout_block_wide_middle .member ul { list-style-image:url("/images/bullet.gif"); margin-left:10px; padding-left:10px; }
.callout_block_wide_middle .member li { margin-bottom: 10px; }

.callout_block_wide_middle .member a { font-size: 13px; color: #f47321; }
.callout_block_wide_middle .member a:hover { color: #f47321; }
.callout_block_wide_middle .member a:visited { color: #f47321; }

.callout_block_wide_middle li { margin-bottom: 17px; }

.callout_block_wide_middle a.get_involved { font-size: 13px; }

.callout_block_wide_middle #twitter_div a,
.callout_block_wide_middle #twitter_div a:hover { text-decoration: none; color: #000000; }

.callout_block_wide_middle #twitter_div span a,
.callout_block_wide_middle #twitter_div span a:hover { text-decoration: none; color: #1c29a8; }

.callout_block_wide_middle #twitter_div a:visited { text-decoration: none; }



/*############### big buy buttons (on shop/index.php) stuff ######################*/
#five_column_left {
width: 150px;
float: left;
display: inline; /*IE 6 band-aid*/
margin-bottom: 10px;
}

#five_column_middle {
width: 150px;
float: left;
margin-left: 13px;
display: inline; /*IE 6 band-aid*/
}

#five_column_right {
width: 150px;
float: right;
margin-right: 0px;
display: inline; /*IE 6 band-aid*/
margin-bottom: 10px;
}


/*############### various store and cart stuff ######################*/
/* these are the big images in the shop */
#column_left_store {
width: 300px;
float: left;
display: inline; 
margin-left: 30px;
}

#column_left_store img{
margin-bottom: 10px;
}

#column_right_store {
width: 300px;
float: right;
margin-right: 0px;
display: inline;
}

#column_right_store img{
margin-bottom: 10px;
}

#column_right_a {
width: 140px;
float: left;
display: inline;
margin-bottom: 5px;
}

#column_right_b {
width: 140px;
float: right;
display: inline;
margin-right: 0px;
margin-bottom: 5px;
}

/*################## view basket table #######################*/
#viewbasket {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
width: 800px;
color: #0079c2;
}

#viewbasket_1 {
min-width: 75px;
margin-top: 5px;
width: 75px;
float: left;
display: inline; /*IE 6 band-aid*/
}

#viewbasket_2 {
margin-left: 5px;
margin-top: 5px;
min-width: 225px;
width: 225px;
float: left;
display: inline; /*IE 6 band-aid*/
}

#viewbasket_3 {
margin-left: 5px;
margin-top: 5px;
min-width: 150px;
width: 150px;
float: left;
display: inline; /*IE 6 band-aid*/
}

#viewbasket_4 {
min-width: 150px;
width: 150px;
float: left;
margin-left: 5px;
margin-top: 5px;
display: inline; /*IE 6 band-aid*/
}

#viewbasket_5 {
margin-left: 5px;
margin-top: 5px;
min-width: 130px;
width: 130px;
float: left;
display: inline; /*IE 6 band-aid*/
}

/*############### Billing and shipping info ############*/
#checkout_left {
	margin-top: 5px;
	float: left;
	display: inline;
	width: 100px;
}

/* checkout_left2 is the for the second step in the chekcout process, where the field names are in bold */
#checkout_left2 {
	font-weight: bold;
	margin-top: 5px;
	float: left;
	display: inline;
	width: 100px;
}

#checkout_right {
	margin-top: 5px;
	width: 250px;
	float: right;
	display: inline;
}






/*##################### text styles ##################*/
.callout {
font-size: 12px;
}

.qty_basket {
font-style: italic;
margin-top: 5px;
}

.price {
font-weight: bold;
color: #0079c2;
}

.trainer_calendar {
font-weight: bold;
color: #6fcde4;
}

.awareness_calendar {
font-weight: bold;
color: #992e4d;
}

.event_calendar {
color: #5f44be;
font-weight: bold;
}




/*############# seldom used styles ##############*/
#partner_logos {
text-align: center;
}

#form_right {
text-align: right;
float: right;
display: inline;
margin-bottom: 3px;
}

#form_left {
float: left;
display: inline;
}

.indent {
margin-left: 15px;
	}

.indent li {
margin-left: 15px;
}

