/* @override http://the.net-at-hand.com/stylesheets/design/210.css */

/* @override http://the.net-at-hand.com/stylesheets/design/210.css */

/* @group reset

Orange: #f37519
Yellow: #FFD675
Yellow-or: #f7ba50
Blue: #18477c
Brown: #6b584b
Dk Brown: #241507
Eggshell: #e8e4e3

 */

.callbox {
        padding: 5px; 
        font-size: 150%; 
        margin: 10px 0;
        color: #fff; 
        text-align: center; 
        background-color:#f37519;
	-moz-border-radius:10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #241507;
}

.callbox span {font-size: 80%; color: #241507}

.callbox a, .callbox a:visited {text-decoration: none}
.callbox a:hover, .callbox a:visited:hover {text-decoration: none; color: #000}

.smround { 
	-moz-border-radius:10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #241507;
}

.mdround {  
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	border: 1px solid #241507;
}

.lground {
	-moz-border-radius:30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius:30px;
	border: 1px solid #241507;
}


#logolink {
position: absolute; 
z-index: 10;
height: 80px; 
width: 145px; 
margin: -30px 0 0 700px;
}

#footlinks {
position: absolute; font-weight: bold; margin: -16px 0 0 580px; color: #fff; width: 500px;
}

#footlinks a, #footlinks a:visited {
color: #6b584b;
}

#footlinks a:hover, #footlinks a:visited:hover {
color: #18477c;
}




.rbroundbox {position: relative; z-index: 1;}
.rb_tl { background: url(/stylesheets/design_images/210/tl2.gif) no-repeat top left; margin-top: -12px;}
.rb_tll { background: url(/stylesheets/design_images/210/tll2.gif) no-repeat top left; margin-top: -12px;}
.rb_tr { background: url(/stylesheets/design_images/210/tr2.gif) no-repeat top right; }
.rb_bl { background: url(/stylesheets/design_images/210/bll2.gif) no-repeat bottom left; margin-top: -12px;}
.rb_bll { background: url(/stylesheets/design_images/210/bll2.gif) no-repeat bottom left; margin-top: -12px;}
.rb_br { background: url(/stylesheets/design_images/210/br2.gif) no-repeat bottom right;}
.rb_tl , .rb_tr, .rb_bl, .rb_br, .rb_tll, .rb_bll { height: 12px;}
.rbcontent {position: relative; z-index: -1; margin: -12px 0 -18px 0;  
	border: 2px solid #6b584b;
}

.left {float: left; margin: 6px 10px 0 0px; overflow: hidden;display: inline;}
.right {float: right; margin: -16px 10px 4px 10px; overflow: hidden;display: inline;}

* html .right *,
* html .left * {
	display: none !important;
}
* html .right .rbcontent,
* html .left .rbcontent {
	display: inline !important;
	margin: 0 !important;
}

#mediavid {margin-left: -19px;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* @end */

/* @group layout */

/* @group overall */

html {
	background: url(/stylesheets/design_images/210/html.gif);
        background-color: #6b584b;
	background-position: top left;
	background-repeat: repeat-x;
}

body {
	background: url(/stylesheets/design_images/210/body.gif);
    background-position: left top;
	background-repeat: repeat-y;
	background-color: #e8e4e3;
	width: 941px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

#header {
	background: url(/stylesheets/design_images/210/header.gif);
        background-color: ;
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
	width: 941px;
}

#main .sidebar .menu a:link { color: #f8cf68 }
#main .sidebar .menu a:visited { color: #796050 }
#main .sidebar .menu a:hover { color: #ded9d5 }

#main #content,
#main .sidebar {
	float: left;
}

#main #content {
	width: 430px;
	padding: 0px 20px;
	margin: 0px 13px 0px 0;
	font-size: 94%;
    min-height: 600px;
    position: relative;
    z-index: 1;
    display: inline;
    overflow: hidden;
}
 /*box model hack for IEWin 
* html #main #content {
	width: 680px;
	w\idth: 640px;
}*/



#main {
	overflow: hidden;
	clear: left;
	float: left;
	margin-left: 0px;
	display: inline;
	width: 941px;
    margin-bottom: 20px;
    margin-top: -20px;
    position: relative;
}

#main_right {
    width: 150px;
	margin: 0px;
}

#main_left {
    width: 190px;
	margin: 40px 20px 0 50px;
	display: inline;
	overflow: visible;
}

/* box model hack for IEWin */
/** html #content {
	width: 680px;
	w\idth: 640px;
}*/

.sidebar {
        position: relative;
	width: 220px;
	float: left;
	padding-top: 40px;
        z-index: 1;
}

.sidebar .zone {
	margin-bottom: 1.5em;
}

/* main right text links */

#main_right a, #main_right a:visited {color: #a8c5e4;}
#main_right a:hover, #main_right a:hover:visited {color: #F37519;}

/* end */

#footer {
	background: url(/stylesheets/design_images/210/footer.gif) repeat-y;
        clear: both;
	width: 850px;
        height: 18px;
	border-top: 1px solid #301a05;
        margin: 0px 0px 0px 31px;
}

#fadelogo {
        position: absolute;
        margin: -164px 0 0 739px;
        z-index: 1;
        overflow: visible;
}

/* @end */


/* @group calendar */

div.calendar.nav {
	float: right;
        margin-right: 10px;
}

table.calendar {
	width: 418px;
	border-collapse: collapse;
	line-height: 1.1;
}

table.calendar td {
	border-left: 2px solid white;
	border-right: 2px solid white;
	width: 14%;
	padding: 0 2px;
        background: #FFD675;
}

table.calendar td.outside {
	color: #fff;
        background: #e8e4e3;
}

table.calendar tr.label td.outside {
	font-size: ;
}

table.calendar tr.label td {
	border-top: 2px solid white;
	font-size: 80%;
	padding-bottom: 1px;
}

table.calendar td.last {
	border-bottom: 2px solid white;
	height: 20px;
}

table.calendar div.event a {
	display: inline-block;
}

table.calendar div.event a {
	display: block;
	padding: 0px 3px 3px 3px;
	color: white;
        margin: 0 -2px;
}

table.calendar .event a:hover {
	background: #f37519;
        color: white;
}

table.calendar .c1 a {
	background-color: #18477c;
}

table.calendar .c2 a {
	background-color: #18477c;
}

table.calendar .c3 a {
	background-color: #18477c;
}

table.calendar .c4 a {
	background-color: #18477c;
}

table.calendar .c5 a {
	background-color: #18477c;
}

.event .date {
	color: ;
	margin: 4px 0 4px 20px;
	font-size: 160%;
}

/* @end */

/* @group contact form */

div.contactform {
	margin: 20px 30px 20px 20px;
	border-top: 1px solid #f37519;
}

.contactform form {
	padding: 10px 0;
}

.contactform div {
	padding: 10px 0 0 0;
}

.contactform input[type="text"] {
	width: 100%;
}

.contactform textarea {
	width: 100%;
	height: 10em;
}

.contactform.submission {
	border: none;
	background: #f37519;
	padding: 15px 40px;
	color: white;
	text-align: center;
}

.contactform label {
	display: block;
	color: #18477c;
	font-size: 90%;
	font-weight: bold;
}

/* @end */

/* @group blog */

.blog.post h2 a {
	color: #f37519;
        border: 0px;
        text-decoration: none;
}

.blog.post h2 a:hover {
	color: #18477c;
	background-color: ;
        text-decoration: none;
}

.blog.post .next {
	float: right;
}

#blog_nav {
	position: relative;
	margin-bottom: 20px;
	width: 430px;
}

#blog_nav div {
	
}

#blog_nav #newer_posts {
	width: 200px;
	z-index: 2;
	position: absolute;
	right: 0;
	text-align: right;
}

#blog_nav #older_posts {
	width: 200px;
	z-index: 2;
	position: absolute;
	left: 0;
}

#blog_nav #blog_archive {
	text-align: center;
}

.blog.post .published {

	color: ;
	margin: 4px 0 0 30px;
	font-size: 90%
}

div.blog_archive {
	margin-left: 20px;
}

#content h3.blog_archive {
	font-weight: normal;
}

/* @end */

/* @group image */

#album_nav {
	float: right;
}

#album_nav div {
	display: inline;
}

#album_nav .next {
	margin-left: 10px;
}

/* @end */

/* @group menus */

/* @group main */

#main_menu {
	background: transparent;
        float: left;
	width: 700px;
	display: inline;
        margin: 20px 0px 0px 50px;
        line-height: 1em;
}

#main_menu li {
        float: left;
	border-left: 1px solid #AB8EA0;
}

#main_menu li a, .menu li span {
	color: #523D2A;
	background: transparent;
	text-decoration: none;
}

#main_menu li a:hover span {
	color: #025E91;
}

#main_menu li.current span {
	color: #025E91;
	background: transparent;
}

#main_menu li span {
	padding: 5px 5px;
}

#main_menu li a:hover {
	color: #025E91;
}

#main_menu .menu li:first-child {
	border-left: none;
}

/* @end */

/* @group others */

.menu li {
	list-style-type: none !important;
        font-size: 90%;
}

#header_top .menu li {
        font-size: 70%;
        font-weight: normal;
	padding: 0px 3px 0px 5px;
        text-transform: uppercase;
}

.float .menu {
	text-align: left;
        line-height: 1em;
}
.float .menu li {
	display: inline;
	padding: 0px 4px 0px 6px;
	margin: 0px !important;

}
.float .menu li + li {
	border-left: 1px solid #e8e4e3;
        color: #b1a398;
}

.float .menu li span {
        color: #8d7a6d;
}

.float .menu a:hover span{
	color: #f37519;
}

.float .menu li.current span {
	color: #18477c;
        font-weight: bolder;
}

.menu a,
.menu a:visited {
	text-decoration: none;
	color: inherit;
}
.menu li.current {
	font-weight: bold;
        font-size: 100%;
        text-transform: uppercase;
}

#main .sidebar .menu li.current {
        background: url(http://net-at-hand.com/stylesheets/design_images/210/current.gif) no-repeat;
}

#main .sidebar {
        margin-top: -10px;
}

.sidebar .menu {
        margin-top: 5px;
        overflow: visible;
}

/* @john links */

.sidebar .menu a {
        display: block;
}

.sidebar .menu li {
        display: block;
        background: url(http://net-at-hand.com/stylesheets/design_images/210/linkhover.gif) no-repeat 0 0;
        text-align: center;
        width: 157px;
        height: 16px;
        padding: 2px 0 0 10px;
        margin: 0px 12px 3px -12px;
}

.sidebar .menu li span{
        color: #a8c5e4;
}

.sidebar .menu li:hover span{
        color: #241507;
}

.sidebar .menu li.current span{
        color: #241507;
}


.sidebar .menu li:hover {
 background-position: 0 -18px;
}


.sidebar .menu li + li {
	border-top: none;
}

#main .sidebar .menu li + li {
	border-top: none;
}

#content .menu {
	font-size: 90%;
        margin: -30px 0px 0px 0px;
}

/* @end */

/* @end */

/* @end */

/* @group typography */

html {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5;
	font-size: 90%;
	color: #6b584b;
}


#header h1 {
        position: absolute;
        visibility: hidden;
}

#header #tagline {
	position: absolute;
        visibility: hidden;
}

#footer {
        position: relative;
        z-index: 9;
	font-size: 75%;
	color: #18477c;
        padding: 3px 15px;
}

#footer a {
        text-decoration: none;
}

#header_top {
        position: absolute;
        margin: 15px 0 0 45px;
        z-index: 1;
}

/* @group content */

#content h1 {
	margin: 1em 0 .25em 0;
	color: #18477c;
	font: bold 150%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content h2 {
	margin: 1em 0 .25em 0;
	color: #f37519;
	font: bold 130%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        padding: 0 0 5px 0;
        width: 420px;
        border-bottom: solid 2px #18477C;
}

#content h3 {
	margin: 1em 0 .25em 0;
	color: #18477c;
	font: normal 130%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content h4 {
	margin: 1em 0 .25em 0;
	color: #f37519;
	font: normal 125%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content h5 {
	margin: 1em 0 .25em 0;
	color: #18477c;
	font: bold 105%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content h6 {
	margin: 1em 0 .25em 0;
	color: #6b584b;
	font: bold 105%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content p {
	margin: 0 20px 1em 20px;
}



#content li {
	list-style-type: disc;
	margin-left: 40px;
}

/* @end */


/* @group sidebar */

.sidebar {
	font-size: 90%;
	line-height: 1.2;
}

.sidebar p {
	margin: 0 0 .5em 0;
}

#main_right h2 {
	font-size: 105%;
	font-weight: bold;
        color: #ffd675;
	border-bottom: 1px solid #f37519;
        margin-top: 20px;
	margin-bottom: .25em;
}

#main_left h2 {
	font-size: 105%;
	font-weight: bold;
	border-bottom: 2px solid #fff;
        color: #18477c;
        margin-top: 20px;
	margin-bottom: .25em;
}

#main .sidebar {
	color: #4b7aae;
}

#main #main_left .sidebar {
	color: #6b584b;
}


.sidebar ul.blog_posts li,
.sidebar ul.calendar_events li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: .25em;
	color: ;
}

/* @end */

/* @group links */

a {
	color: #18477c;
	text-decoration: underline;
}

a:hover {
	color: #f37519;
	background-color: ;
	text-decoration: none;
}

a:visited {
	color: #18477c;
}

a:visited:hover {
	color: #f37519;
}

/* @end */

strong {
	font-weight: bold;
	font-style: inherit;
}

em {
	font-style: italic;
	font-weight: inherit;
}

#section_header {
        position: absolute;
        float: center;
        margin: 83px 0 0 25px;
        width: 166px;
        color: #241507;
        font-weight: bold;
        text-align: center;
}

#content_top {
        margin: 100px 0px 0px 280px;
        position: absolute;
        z-index: 2;
        font-size: 100%;
}

#h1_header {
	color: #1a80ff;
	font: 200 130%/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        text-transform: uppercase;
        position: absolute;
        color: #241507;
        margin: 72px 0 0 265px;
        z-index: 0;
}
/* @end */



#content #caption {
        font-size: 80%;	
}

#content #boxleft {
	float: left;
        margin-right:20px;	
        margin-top:21px;	
}

#content #boxright {
	float: right;
        margin-left: 20px;	
        margin-top: -10px;	
}

#blog_comments {
        margin-bottom:20px;
        padding:0 35px;
}

#blog_comments a {
        color: #f7ba50;
        text-decoration: none;
        margin-left: 0px;
}

#content #blog_comments h2 {
-x-system-font:none;
border-bottom:2px solid #f7ba50;
color:#f7ba50;
font-size:140%;
line-height:1;
margin:1.5em 0 0.25em;
padding:20px 0 5px;
width:360px;
}

#comments {
        margin: 5px auto;
        background: #e8e4e3;
        padding: 0px ;
        border: solid 1px #ccc;
        color: ;

}

#blog_comments td {
border:2px solid white;
padding:2px 0px 2px 2px;
vertical-align:top;
}

#blog_comments td.key {
text-align:right;
padding: 0 4px;
}

#blog_comments td textarea{
        width: 285px;
}

#rss {
        position: absolute;
        z-index: 6;
        margin: 192px 0 0 460px;
}

#caption {
        color: #18477c;
        font-size: 82%;
        line-height: 1.2;
        text-align: center;
        margin-top: -5px;
        margin-left: -20px;
        margin-right: -20px;
}

#quoteby {
        font-size: 90%;
        line-height: 1.2;
        text-align: right;
        margin: 8px 25px 5px 0;
}

#gobutton{
  display: block;
  width: 174px;
  height: 45px;
  background: url("/stylesheets/design_images/210/gobutton.gif") no-repeat 0 0;
  margin-left: -29px;
  margin-right: -78px;
  padding: 28px 0 0 78px;
  position: relative;
  z-index: 2;
}

#gobutton:hover 
        {background-position: 0 -73px;}

a#gobutton:hover, a#gobutton:visited:hover {
	color: #000;
	text-decoration: none;
}

a#gobutton, a#gobutton:visited 
       {text-decoration: none;}


#vidplay, #vidwhite, #vidhome{
  display: block;
  width: 229px;
  height: 159px;
  margin-left: -19px;
  margin-right: -19px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}

#vidplay
        {background: url("/stylesheets/design_images/210/vidplay.png") no-repeat 0 0;}

#vidwhite 
        {background: url("/stylesheets/design_images/210/vidwhite.png") no-repeat 0 0; margin-top: 15px;}

#vidplay:hover, #vidwhite:hover
        {background-position: 0 -159px;}

#vidplay:visited, #vidwhite:visited
        {background-position: -229px 0;}

#vidplay:visited:hover, #vidwhite:visited:hover
        {background-position: -229px -159px;}

#signup {
  display: block;
  width: 300px;
  height: 65px;
  background: url("http://net-at-hand.com/stylesheets/design_images/210/signupbutton.gif") no-repeat 0 0;
}

#signup:hover
        {background-position: 0 -65px;}

a #signup {visibility: hidden;}




/* @Login Sidebar */

#jframe {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    border: solid white 0px;
    position: relative;    
    top: 10px;     
    left: -200px; 
    background-color:transparent
}

#global {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    border: solid white 0px;
    position: absolute;    
    top: -40px;     
    left: -40px; 
    background-color: transparent;
}
/* @end */