/********* global stuff *********/

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../siteimgs/pagebg.gif) left top repeat-x #8cb9f0; }
img { border: none; text-decoration: none; }
form { margin: 0; padding: 0; }
td { text-align: left; vertical-align: top; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: black; padding: 5px; }
th { text-align: center; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: black; }

a:link, a:visited, a:active { color: #006699; }
a:hover { color: #006699; }
a:focus {outline: none;}


/********* site layout *********/

#wrapper { margin: auto; padding: 0px; width: 824px; }
#header_big { position: relative; height: 214px; margin-bottom: 3px; }
#header_small { position: relative; height: 78px; margin-bottom: 3px; }

#header_image_big { display: block; position: absolute; left: 0; width: 824px; height: 214px; background: url("../siteimgs/header.jpg") top left no-repeat; }
#header_image_small { display: block; position: absolute; left: 0; top: 3px; width: 816px; height: 67px; border: 4px solid white; background: url("../siteimgs/header-small.jpg") top left no-repeat #5ecaf8; }
#header_logolink_big { display: block; z-index: 2; position: absolute; left: 18px; top: 100px; width: 430px; height: 86px; }
#header_logolink_small { display: block; z-index: 2; position: absolute; left: 10px; top: 6px; width: 350px; height: 67px; }
#header_ad { z-index: 2; position: absolute; left: 300px; top: 12px; }
#header_search_big { z-index: 2; position: absolute; left: 4px; top: 10px; width: 550px; font-size: 12px; text-align: left; }
#header_search_small { z-index: 2; position: absolute; left: 495px; top: 42px; width: 320px; font-size: 12px; text-align: right; }
input.header_search_text { width: 200px; font-size: 14px; font-family: arial; border: 1px solid #1c4573; }
input.header_search_btn { width: 75px; font-family: arial; font-size: 14px; font-weight: bold; color: #1c4573; cursor: pointer; background-color: transparent; border: 0; }
#headerFontSizer_big { width: 100px; position: absolute; left: 708px; top: 56px; font-size: 12px; text-align: right; }
#headerFontSizer_small { width: 100px; position: absolute; left: 708px; top: 12px; font-size: 12px; text-align: right; }

#menu_bar { height: 25px; margin-bottom: 3px; padding: 9px 5px 0 5px; font-size: 12px; background: url("../siteimgs/menubg.gif"); }
#menu_bar .left_options { float: left; }
#menu_bar .right_options { text-align: right; }
#menu_bar a { padding: 0 6px 0 6px; color: black; text-decoration: none; }
#menu_bar a:hover { text-decoration: underline; }
#menu_bar a.active { font-weight: bold; }

#side_nav { float: left; width: 128px; background: url("../siteimgs/sidenav_bg.gif") top left repeat-y; }
#side_nav_inner1 { background: url("../siteimgs/sidenav_cap.gif") top left no-repeat; }
#side_nav_inner2 { padding: 7px 0 7px 0; background: url("../siteimgs/sidenav_cap.gif") bottom left no-repeat; }
#side_nav .h { font-size: 1em; font-weight: bold; padding: 7px 0 6px 7px; }
#side_nav a { display: block; padding: 4px 0 0 7px; height: 18px; font-size: 11px; font-family: verdana; }
#side_nav a:link, #side_nav a:visited, #side_nav a:active { text-decoration: none; color: black; }
#side_nav a:hover { text-decoration: none; background-color: #e0ecfb; }
#side_nav a.active { text-decoration: none; background: url("../siteimgs/active_page.gif") bottom left no-repeat; }

#content { clear: both; position: relative; padding: 20px; border: 4px solid white; background-color: #e1edfb; }
#footer_outer { clear: both; padding-top: 3px; } /* IE has a problem with top margin in $footer */
#footer { height: 58px; background: url(../siteimgs/footerbg.gif) left top repeat-x white; border: 4px solid white; }
#footer_logo { height: 58px; background: url(../siteimgs/logosm.gif) 767px 10px no-repeat; }
#footer_inner { padding-top: 8px; font-size: 0.95em; line-height: 2em; text-align: center; }

.white-rounded {background:url(/siteimgs/white_box.jpg) top left no-repeat;width:455px;height:100px;padding:5px 0 0 10px;}
h1.top-title {font:bold italic 34px Georgia;color:#0E5487;}
.large-gray {font-size:20px;color:#333333;margin:5px 0;}
.left-side {width:465px;float:left;}
.right-side {float:left;margin-left:20px;width:285px;}


/********* general stuff *********/

.whitebg { background-color: white; }

.center { margin: auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.float-left {float:left;}
.float-right {float:right;}

.display-none {display:none;}
.display-block {display:block;}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-middle { vertical-align: middle; }

.bold { font-weight: bold; }
.verybold { font-weight: bold; }
.verybold * { font-weight: bold; }

.smallpic { width: 70px; }
.smallpic img { width: 70px; }

.hidespans span { display: none; }

.white_box { width: 99%; background-color: white; border: 1px solid black; }

a.solid { display: block; padding: 10px 0px 10px 0px; }

a.a { border-bottom: 1px dotted black; }

input.thin { border: 1px solid #7f9db9; }

.hr_section { font-weight: bold; font-size: 1.25em; border-bottom: 1px solid black; } 

.text-formal { line-height: 2em; text-align: justify; }
.indent { margin-left: 25px; }
.margin-light {margin:10px;}

/********* specific *********/


/* various boxes */

.message_box { width: 70%; margin: auto; background: url("../siteimgs/message_bg.gif") left repeat-y #d0e8ff; border: 1px solid black; }
.message_box .body { font-size: 1.25em; text-align: center; padding: 10px 10px 10px 42px; background: url("../siteimgs/message_icon.gif") left no-repeat; }

.dialog_box { width: 70%; margin: auto; padding: 10px; font-size: 1.25em; background: white; border: 1px solid gray; }
.dialog_box .h { padding-bottom: 2px; border-bottom: 1px solid #CCCCCC; }

.basic_box { width: 100%; border: 1px solid #1c4676; background-color: white; }
.basic_box .h { padding: 5px; font-size: 1em; font-weight: bold; color: white; background-color: #1c4676; }
.basic_box .h a:link { font-weight: bold; color: white; }
.basic_box .h a:visited { font-weight: bold; color: white; }
.basic_box .h a:active { font-weight: bold; color: white; }
.basic_box .h a:hover { font-weight: bold; color: #FF6600; }
.basic_box .h .right { float: right; text-align: right; border-bottom: 1px dotted white; }
.basic_box .row { padding: 5px; }
.basic_box .body { padding: 10px; }

.simple_box { width: 60%; margin: auto; padding: 5px 20px 5px 20px; background: white; border: 2px solid #99ccff; }
.simple_box .h { font-family: arial; font-size: 1.5em; font-weight: bold; text-align: center; }

.white-box {padding:10px; border: 1px solid #99ccff; background-color:#FFFFFF;}

.row {margin:5px 0;}


/* buttons */

input.btn { font-size: 0.95em; padding: 0 8px 0 8px; background: url("../siteimgs/link_btn_off.gif") center repeat-x #F4F4F4; border: 1px solid gray; }
input.btn:hover { background: url("../siteimgs/link_btn_on.gif") center repeat-x #FFFAEE; border: 1px solid gray; }

a.btn {
	display: block; margin: auto; width: 75px; padding: 3px 5px 3px 5px;
	font-weight: bold; text-align: center;
	background: url("../siteimgs/link_btn_off.gif") top repeat-x #F4F4F4; border: 1px solid gray;
}
a.btn:link { font-weight: bold; font-size:12px;}
a.btn:visited { font-weight: bold; font-size:12px;}
a.btn:active { font-weight: bold; font-size:12px;}
a.btn:hover { font-weight:bold; font-size:12px; background: url("../siteimgs/link_btn_on.gif") top repeat-x #FFFAEE; }

a.btn_groups { width: 100px; margin-bottom: 3px; }

.blogpage_title { margin-bottom: 10px; font-weight: bold; text-align: center; border-bottom: 1px solid black; }
.blogpage_list { width: 99%; border: 1px solid #6699cc; background-color: white; }
.blogpage_list .h { padding: 3px 10px 3px 10px; font-size: 1em; font-weight: bold; background-color: #A5D5F5; border-bottom: 1px solid #6699cc; }
.blogpage_list .body { padding: 10px; }
.blogpage_list th { padding: 0 0 5px 0; font-weight: bold; text-align: center; }
.blogpage_list td { padding: 2px; border-top: 1px solid #DDDDDD; }

/* navigation */

a.edit:link, a.edit:visited, a.edit:active { text-decoration: none; font-weight: bold; color: #BBBBBB; }
a.edit:hover { text-decoration: none; font-weight: bold; color: #666666; }

.hr_nav { font-size: 1em; }
.hr_nav .h { padding: 0; font-size: 1.5em; font-weight: bold; font-style: italic; }
.hr_nav .links a { padding: 2px 5px 0 5px; font-size: 1.25em; }
.hr_nav .links a:link, .hr_nav a:visited, .hr_nav a:active { }
.hr_nav .links a:hover { background-color: #9DC3F2; color: white; text-decoration: none; }


.bold_links a:link {font-weight:bold}
.bold_links a:visited {font-weight:bold}
.bold_links a:active {font-weight:bold}
.bold_links a:hover {font-weight:bold}

.small_links a:link {font-size:10px;}
.small_links a:visited {font-size:10px;}
.small_links a:active {font-size:10px;}
.small_links a:hover {font-size:10px;}


/* lists */

.help ul {}
.help ul li {margin:8px 0 8px 5px;list-style-type:none;}

.friendlist_tile { width: 114px; margin: auto; text-align: center; background: url("../siteimgs/friends_tile.gif") no-repeat; }
.friendlist_tile img { border: 1px solid black; }

.friendlist_tile_edit { width: 114px; margin: auto; text-align: center; background: url("../siteimgs/friends_tile_edit.gif") no-repeat; }
.friendlist_tile_edit div.tab { position: relative; width: 114px; height: 15px; }
.friendlist_tile_edit div.tab img.forward { width: 10px; height: 10px; position: absolute; left: 80px; top: 2px; border: none;}
.friendlist_tile_edit div.tab img.delete { width: 10px; height: 10px; position: absolute; left: 94px; top: 2px; border: none;}
.friendlist_tile_edit div.memberimg img { border: 1px solid black; }

.userlist_tile { text-align: center; background: white; border: 1px solid #000099; }
.userlist_tile img { border: 1px solid black; }

.index-list {margin-left:10px;list-style-type:none;}
.index-list li {background:url(/siteimgs/list_icon.png) top left no-repeat;padding-left:20px;margin:10px 0;font-size:13px;color:#254D7E;} 

/* other */

.photo { padding: 1px; border: 1px solid black; }

.form_label { padding-left: 20px; font-weight: bold; vertical-align: middle; background-position: left center; background-repeat: no-repeat; }
.form_desc { padding: 0 0 5px 20px; font-size: 0.9em; }
.form_topic { padding-left: 0; border-bottom: 1px solid black; }

.alert_box { width: 100%; margin-top: 40px; padding-top: 5px; font-family: arial; font-size: 1em; text-align: center; border-top: 1px solid gray; }
.alert_box_header { color: red; font-weight: bold; }

.info_box_big { width: 435px; margin: auto; margin-bottom: 20px; border: 2px solid black; padding: 10px; font-size: 16px; font-weight: bold; text-align: center; color:black; }

a.page_selected { padding: 0 2px 0 2px; border: 2px solid black; }

.moderator_tag { width: 73px; text-align: center; font-weight: bold; background: #d5e8fb; border: 1px solid black; }
 
.tip_box { text-align: right; margin-bottom: 10px; }
.tip_box a:link {font-weight:bold; color:#FF6600;}
.tip_box a:visited {font-weight:bold; color:#FF6600;}
.tip_box a:active {font-weight:bold; color:#FF6600;}
.tip_box a:hover {font-weight:bold; color:#FF6600; text-decoration:underline;}

.bigContent { padding: 10px; background-color: white; border-top: 2px solid #9cc9fb; }

.homeTitle { text-align: center; font-style: italic; font-size: 2.4em; }

.homeWelcomeBox { padding: 20px; margin: auto; width: 90%; background: white; border: 3px double gray; }
.homeWelcomeBox .h { font-size: 1.3em; font-weight: bold; }
.homeWelcomeBox .body { }

.homeListBox { position: relative; float: right; margin: 0 0 15px 10px; }
.homeListBox .h { padding:2px 0 2px 6px; background-color:white; border: 2px solid #9cc9fb; }
.homeListBox .message { margin-top:5px; text-align: center; font-size: 1.2em; }

.homeSectionTitle { margin:30px 0 0 0; font-size: 2em; color: #2A65A1;}
.homeSectionTitleWrapper { border-bottom: 3px double #DDDDDD;height:60px;margin-bottom:10px;}
.validateProfile {display:block;background:url(/siteimgs/validate_facebook_btn.png) top left no-repeat;width:314px;height:51px;float:right;}
.homeIcon { width: 97px; height: 92px; float: right; position: relative; }
.homeIcon a.iconLink { position: absolute; width: 97px; height: 92px; }
.homeIcon div.iconLabel { position: absolute; left: -210px; top: 35px; width: 200px; font-size: 16px; text-align: right; }

.datesTable td { background-color: #dddddd; }
.datesTable th { background-color: #9cc9fb; }

.simpleBox { margin: 0 0 10px 0; border: 2px solid #8cb9f0; background-color: white; }
.simpleBox .h { padding: 2px; font-size: 1em; font-weight: bold; color: #8cb9f0; }
.simpleBox .row { padding: 5px; }
.simpleBox .body { padding: 5px; }

.validate-title {background:url(/siteimgs/validate_facebook_title.png) top left no-repeat #FFFFFF;height:34px;border-bottom:1px solid #3B5998;}
.validate-form {display:block;margin:20px;}
.validate-key-input {width:250px;}

.search-list {list-style-type:none;}
.search-list li {margin:0 0 0 15px;}

.title {margin-bottom:5px;font-size:24px;color:#1c4676;}

.blog-content {text-align:left;font-size:14px;}

.h2-georgia {font:bold italic 29px georgia;color:#0E5487;margin:5px 0;}

.guest-book-link {background:url(/siteimgs/list_icon.png) top left no-repeat #FFFFFF;padding-left:15px;}

.help p {margin:15px 0;}

/* images*/
.img-style {padding:2px;border:1px solid #333333;}

/*FORMS*/
.textarea-dates {width:500px;height:120px;}
#loginForm label {display:block;float:left;padding:0 5px 0 0;font-weight:bold;width:80px;}

/* Facebook Stuff */
#facebookConnect .FB_Link {color:#FFFFFF !important;}
#fb_login_image {float:right;}
.FB_SERVER_IFRAME  {width:450px !important;}