body { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;  font-size:12px; background: url(../images/cloud_background.jpg) repeat-x scroll #FFFFFF;}

td { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; }
th { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
p { padding:4px 0px;}
h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;}
h2 {}
b {}
a { color:#000000;text-decoration:none;}
a:hover {text-decoration:underline;}
span {display:none;}
div {border:0px solid #000000;}


/* global divs -------------------------------------------------------------------------------------- */

#container { width:100%; min-width:960px; text-align:center; height:auto; padding-bottom:30px; }
#breadcrumb {  font-size:11px;text-align:left; width:470px; margin:0px auto; padding-top:10px;color:#666666;height:20px; position:relative; margin-bottom:-10px; margin-left:12px; float:left;  z-index:9;}
#breadcrumb b {color:#333333;font-size:11px; font-weight:normal; }
#breadcrumb a{ color:#666666;font-size:11px;}
#breadcrumb a:hover{ color:#333333;font-size:11px;}

#page_container { background:url(../images/grass_footer.jpg) 22px bottom no-repeat; width:960px; margin:0 auto; height:auto; min-height:900px;text-align:center;}

#footer_spacer { height:240px; }

#global_links a { font-size:11px; color:#666666; }
#global_links { width:950px; text-align:right; padding-top:10px;	}
#global_links ul { margin-right:60px; }
#global_links ul li{ display:inline; margin-left:5px;}

#top_nav { width:960px; height:150px; text-align:left; z-index:501;position:relative;float:left;overflow:visible;}
#top_left_nav { width:700px; float:left;}
#logo {width:203px; height:131px; position:relative; left:0px; float:left; padding-top:0px;}

#tagline {padding-top:30px; position:relative;left:0px;  float:left;  margin-left:10px;}
#navigation { height:39px; padding-top:7px; position:relative;left:-5px; width:495px; float:left; z-index:10;margin-right:-5px;}
#navigation ul li{ display:inline; float:left;}
#navigation ul li a { display:block; width:100px; height:39px;}

#navigation #blog a{ background:url(../images/blog_button.gif) top left; display:block; width:71px; height:39px; }
#navigation #blog a:hover{ background:url(../images/blog_button.gif) left 80px; display:block; width:71px; height:39px;}
#navigation #blog .selected{ background:url(../images/blog_button.gif) left 40px; display:block; width:71px; height:39px;}

#navigation #about a{ background:url(../images/about_button.gif) top left; display:block; width:85px; height:39px;}
#navigation #about a:hover{ background:url(../images/about_button.gif) left 80px; display:block; width:85px; height:39px;}
#navigation #about .selected{ background:url(../images/about_button.gif) left 40px; display:block; width:85px; height:39px;}

#navigation #fun #fun_button a{ background:url(../images/fun_button.png) top left; display:block; width:80px; height:39px;}
#navigation #fun #fun_button a:hover{ background:url(../images/fun_button.png) left 78px; display:block; width:80px; height:39px;}
#navigation #fun #fun_button .selected{ background:url(../images/fun_button.png) left 39px; display:block; width:80px; height:39px;}

#fun_button { position:relative;z-index:100;}
#fun_menu {background:url(../images/fun_background.png) top left no-repeat; width:140px ; height:121px; position:relative; top:-43px; z-index:99; left:-10px; margin-right:-70px; margin-bottom:-130px; display:none;}
#fun_menu ul  { padding-top:45px;}
#fun_menu ul li { display:list-item; float:none;padding:0px; padding-left:0px; color:#FFFFFF;}
#fun_menu ul li a { display:block; height:18px; width:124px; padding:5px 0;padding-left:12px; margin-left:2px;color:#FFFFFF; font-size:14px;}
#fun_menu ul li a:hover { display:block; height:18px; width:124px; background:#85af42; padding:5px 0;padding-left:12px; margin-left:2px;text-decoration:none;}

#buy_button { position:relative;z-index:101;}
#buy_menu {background:url(../images/fun_background.png) top left no-repeat; width:140px ; height:121px; position:relative; top:-43px; z-index:99; left:-10px; margin-right:-70px; margin-bottom:-130px; display:none;}
#buy_menu ul  { padding-top:45px;}
#buy_menu ul li { display:list-item; float:none;padding:0px; padding-left:0px; color:#FFFFFF;}
#buy_menu ul li a { display:block; height:18px; width:124px; padding:5px 0;padding-left:12px; margin-left:2px;color:#FFFFFF; font-size:14px;}
#buy_menu ul li a:hover { display:block; height:18px; width:124px; background:#85af42; padding:5px 0;padding-left:12px; margin-left:2px;text-decoration:none;}


#navigation #competitions a{ background:url(../images/competitions_button.gif) top left; display:block; width:133px; height:39px;}
#navigation #competitions a:hover{ background:url(../images/competitions_button.gif) left 80px; display:block; width:133px; height:39px; }
#navigation #competitions .selected{ background:url(../images/competitions_button.gif) left 40px; display:block; width:133px; height:39px; }

#navigation #cards #buy_button a{ background:url(../images/cards_button.png) top left; display:block; width:120px; height:39px;}
#navigation #cards #buy_button a:hover{ background:url(../images/cards_button.png) left 39px; display:block; width:120px;height:39px;}


#login_panel {background:url(../images/join_panel.png) bottom left ; width:204px; height:111px;overflow:visible; float:right; position:relative; margin-top:10px; padding-right:0px; right:50px;z-index:500;margin-bottom:-121px;}
#login_top {background:url(../images/join_panel.gif) top left ; height:16px; }
#sign_in { width:122px; margin-left:62px; margin-top:0px; position:relative; z-index:1000;}
#sign_out { width:102px; right:10px; margin-top:0px; position:relative; z-index:1000; float:right;}
#sign_out a{ background:url(../images/sign_out_button.png) top left; display:block; width:102px;  height:35px;}
#sign_out a:hover{ background:url(../images/sign_out_button.png) 0px 105px; display:block; width:102px; height:35px;}
#profile .selected {background:url(../images/profile_button.png) 0px 70px; display:block; width:82px; height:35px; } 
#profile { width:82px; margin-left:10px; margin-top:0px; position:relative; z-index:999; float:left; }
#profile a{ background:url(../images/profile_button.png) top left; display:block; width:82px;  height:35px;}
#profile a:hover{ background:url(../images/profile_button.png) 0px 105px; display:block; width:82px; height:35px;}

.sign_in a{ background:url(../images/signin_button.png) top left; display:block; width:122px;  height:35px;}
.sign_in a:hover{ background:url(../images/signin_button.png) 0px 105px; display:block; width:122px; height:35px;}
.sign_in_selected a{ background:url(../images/signin_button.png) 0px 70px; display:block; width:122px; height:35px;}
.sign_in_selected a:hover{ background:url(../images/signin_button.png) 0px 35px; display:block; width:122px; height:35px;}
#be_my_friend { width:179px; margin-left:7px; position:relative; top:-15px; z-index:999;}
#be_my_friend a{background:url(../images/bemyfriend_button.png) top left;display:block;width:179p; height:70px; overflow:visible; }
#be_my_friend a:hover{ background:url(../images/bemyfriend_button.png)  0px 68px; display:block; width:179px; height:70px;}
#login_form { margin-left:30px;margin-top:10px; display:none; }
#login_form_footer { background:url(../images/join_panel.png) 0px bottom no-repeat; clear:both;}
#login_email { color:#CCCCCC;}
#user_info {margin-left:15px;color:#006666; font-size:11px;margin-bottom:5px;}

#news_panel { background:url(../images/home_panel.png) top left no-repeat; width:873px; height:300px; margin:0px auto;  z-index:500;position:relative;}

#blog_panel {position:relative; float:left; text-align:left; }
#blog_title { background:url(../images/blog_title.png) top left; width:150px;height:74px; position:relative; top:-15px; left:-15px;z-index:1002;}
#blog_title a { display:block;width:150px;height:74px; }
#blog_holder{ background:url(../images/blog_background.gif) top left; width:464px;height:219px; margin-left:30px; position:relative; margin-top:-30px;z-index:1001;}
#blog_story { padding:18px; padding-top:10px; color:#336666;}
#blog_story h1 {font-size: 24px; font-family: 'Lucida Sans', 'Lucida Unicode', 'Lucida Grande', sans-serif; color:#FFFFFF }
#blog_actions { text-align:right; padding-right:10px; padding-top:8px; }
#blog_actions ul li { display:inline; margin:0px 4px;}
#blog_date_sum { float:right; color:#333333; font-size:11px;}
#blog_story h1 { background:url(../images/star.gif) no-repeat top left; height: 28px; padding-left:40px; padding-top:5px;}
#blog_story a { text-decoration:none; color:#336666;}
#blog_story a:hover { text-decoration:underline; color:#336666;}
#blog_story p a { text-decoration:underline; color:#336666;}
#blog_story p a:hover { text-decoration:underline; color:#336666;}
#read_more {text-align:right; width:150px; margin:0px auto; margin-right:0px; margin-top:0px;}
#read_more a { background:url(../images/findoutmore_button.gif) top left; display:block; width:150px;  height:35px;}
#read_more a:hover { background:url(../images/findoutmore_button.gif) 0px 35px; display:block; width:150px;  height:35px;}
.facebook_page_link {  background:url(../images/facebook_page_icon.gif) top left no-repeat; padding:2px 0 0 20px; height:16px; }
 
#video_panel { float:right; width:320px; margin-right:30px; text-align:left;}
#ewetube_title { background:url(../images/ewe_tube_title.png) top left; width:190px; height:70px; position:relative; top:-15px; left:-18px; z-index:1004;}
#video_player { width:320px; height:240px; position:relative; border:0px solid #999999; margin-top:-30px; z-index:1003;}


#site_modules {padding-top:10px; width:920px; margin:0px auto; height:200px; }

#site_modules ul li{ display:inline; float:left; position:relative;	}
#module_1 { margin-right:22px;}
#module_1 a{ background:url(../images/module_postcards.png) top left; display:block; width:256px;height:194px;}
#module_1 a:hover{ background:url(../images/module_postcards.png) left 193px;display:block; width:256px; height:194px;}

#module_2 {margin-right:0px;}
#module_2 a{ background:url(../images/module_wallpapers.png) top left; display:block; width:256px; height:194px;}
#module_2 a:hover{ background:url(../images/module_wallpapers.png) left 193px;display:block; width:256px;height:194px;}	

#module_3 a{ background:url(../images/module_POD.png) top left; display:block; width:362px; height:194px;}
#module_3 a:hover{ background:url(../images/module_POD.png) left 193px; display:block; width:362px; height:194px;}



#copyright { height:40px;}
#copyright p { font-size:10px; padding-top:5px;}	

#website_author { font-size:10px; color:#999999; padding:4px; margin:0px auto; text-align:center; display:none;}
#website_author a{ font-size:10px; color:#999999;}
#website_author a:hover{ font-size:10px; color:#666666; text-decoration:none;}

/*-------------- blog bits ------------------- */
.alignright {float: right;}