/*
 * main.css
 * 
 *  Main CSS styles for HDSA website
 * 
 *
 *
 */

body {
	margin:0;
	padding:0;
	background:#fff;
	color: #626262;
	font-family:Arial, Helvetica, sans-serif; 
	}
img {border:0;}
fieldset {border:none;}

/* @LINKS 
====================================================================================== */
a, a:link { color: #003663; }
a:hover { color: #003471; }

a.readmore {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10px;
	text-decoration: underline;
	color: #464646;
}
a.readmore-right {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10px;
	text-decoration: underline;
	color: #464646;
	float:right;
	margin-top:-10px;
}
a.readmore:hover { color: #094284; }
a.readmore-right:hover { color: #094284; }

/* body shop links */
body.shop .breadcrumb a.l1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

body.shop .breadcrumb a.l2 {
	font-size:14px;
	line-height: 20px;
	font-weight: bold;
}

body.shop .breadcrumb a {
	color: #094284;
	text-decoration: none;
}

body.shop .breadcrumb a:visited,
body.shop .breadcrumb a:active {
	color: #094284;
}

body.shop .breadcrumb a:hover {
	color: #09528e;
	text-decoration: underline;	
}


/* @TYPOGRAPHY
====================================================================================== */
h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 20px; color: #252525;margin-bottom: 0; margin-top: 0;}
h2 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 18px; color: #252525; margin-bottom: 0; margin-top: 0;}
h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 16px; color: #252525; margin-bottom: 0px; margin-top: 0;}
h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 15px; line-height:16px; color: #003471; margin-bottom: 0; margin-top: 0;}
h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 14px; color: #003471; margin-bottom: -12px; margin-top: -8px; }
h6 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 15px; color: #252525; margin-bottom: -5px; margin-top: 0;}

body.subpage div#content ul li h2 a {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 18px; color: #252525; text-decoration: none; margin: 0;}
body.subpage div#content ul li h2 a:hover { text-decoration: underline; }
body.subpage div#content ul li h5 { margin-top: 3px;}

/* PRIMARY @LAYOUT DIVS
====================================================================================== */
div#container {
	width:960px;
	margin:0 auto;
	}
div#header {
	width:960px;
	}
div#content {
	clear:both;
	width:960px;
	}
div#footer {
	position: relative;
	clear:both;
	font-size:10px;
	background: #eff6fc;
	margin-top: 10px;
	padding-top: 10px;
	height: 23px;
	bottom:0;
}
		
/* @MASTHEAD - includes header/branding, utility navigation, search form
====================================================================================== */

/* utility @nav */
div#utility {
	position:relative;
	background: url(/images/utility_bar.jpg);
	height: 24px;
	margin-bottom: 10px;
	padding-top:6px;
}
div#utility ul {
	margin-left: 0;
	padding-left: 60px;
	display: inline;
	color: black;
	font-size: 11px;
} 
div#utility ul li {
	margin-left: 0;
	margin-right: 10px;
	padding: 0 0 0 13px;
	border-left: 1px solid #3e4a85;
	list-style: none;
	display: inline;
	color: #363636;
	text-decoration:none;
}
div#utility ul li a {
	color: #363636;
	text-decoration:none;
}
div#utility ul li a:hover {
	text-decoration:underline;
}
div#utility ul li a.smaller {
	color: #0c3f7a;
	font-size: 10px;
}
div#utility ul li a.bigger {
	color: #003471;
	font-size: 16px;
}
div#utility ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
div#utility ul li#text-size {
	margin-right: 5px;
}
div#utility ul li.last {
	border-left: 0;
	padding-left: 0px;
}
div#utility ul li#aA {
	width: 27px;
}

/* @search form */
form#search {
	position: relative;
	float:right;
	right: 60px;
	margin-top: -1px;
	padding-bottom: 0;
}
form#search input#searchtext, #searchResults input#searchtext {
	font-size: 10px;
	height: 13px;
	line-height: 11px;
	width: 124px;	
	border: 1px #b5c5d3 solid;
}
form#search a#searchsubmit, #searchResults a#searchsubmit {
	margin-left: 1px;
	text-decoration:none;
	color: #003471;
	font-size:10px;
    cursor:pointer;
}
form#searchResults {
	position: relative;
	float:left;
	padding-top: 10px;
}
form#searchResults input#searchtext {
	width: 300px;	
	height: 15px;
	padding-left: 3px;

}

/* main nav - image replaced
------------------------------------------------------*/
ul#menu {
	float:left;
	margin:0 0 8px 0;
	width:960px;
	padding:0;
	font-size:11px;
	list-style:none;
	}
ul#menu li {
	position:relative;
	float:left;
	margin:0 9px 0 0;
	width:233px;
	height:102px;
	padding:0;
	}
ul#menu li#navResearch {margin-right:10px;}
ul#menu li#navHow {margin:0;}
ul#menu li a {
	display:block;
	background:#006;
	color:#fff;
	}
ul#menu a em {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/images/main-nav.gif) 0 0 no-repeat;
	cursor:pointer;
	}
/* backups for images off / css on */
ul#menu a:hover {background-color:#b7d7f1; color:#000;}

/* unique IR */
li#navResearch a em {background-position:-242px 0;}
li#navLiving a em {background-position:-485px 0;}
li#navHow a em {background-position:-727px 0;}

/* rollovers / selected states */
li#navAbout a:hover em, body#about li#navAbout a:hover em {background-position:0 100%;}
li#navResearch a:hover em, body#research li#navResearch a:hover em {background-position:-242px 100%;}
li#navLiving a:hover em, body#living-with-huntingtons li#navLiving a:hover em {background-position:-485px 100%;}
li#navHow a:hover em, body#how-you-can-help li#navHow a:hover em {background-position:-727px 100%;}



/* main content div
------------------------------------------------------*/
body.home div#content {
	position: relative;
	min-height:1%;
	display: inline-block;
	background: url(/images/home/content_bg.gif) 0 0 repeat-y;
}

body.home_alternate div#content {
	background: url(/images/home/content_bg_alternate.gif) 0 0 repeat-y;
}

body.home div#content ul {
	padding:0;
	padding-bottom: 0px;
}
body.home div#content ul li {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
}
body.home div#content ul li a {
	color: #003663;
	text-decoration: underline;
	font-size: 14px;
}


body.home div#content div#leftcol {
	float:left;
	left: 0px;
	width: 428px;
	padding: 10px 25px 15px 23px;
	padding-left:23px;
	margin-right: 9px;
}

body.home div#content div#leftcol ul { }
body.home div#content div#leftcol ul li { padding-bottom: 8px; }
body.home div#content div#leftcol ul li a { font-size: 14px; text-decoration: none;}
body.home div#content div#leftcol ul li a:hover { color: #09528e; text-decoration: underline;}

body.home div#content div#middlecol {
	font-family: "Times New Roman", Times, Helvetica, serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	
	float:left;
	left: 486px; top: 0;
	padding: 8px 18px 18px 18px;
	width: 194px; height: auto;
	margin-right: 10px;
}

body.home div#content div#middlecol ul { }
body.home div#content div#middlecol ul li { }
body.home div#content div#middlecol ul li a {
	font-family: "Times New Roman", serif;
	color: #002157;
	font-size: 15px;
}
body.home div#content div#middlecol ul li a:hover { color: #09528e; }



body.home div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
}

/*--- Gradient box CSS ---*/

.shadow, .gradient-box {
	position: relative;
	bottom: 3px;
	right: 2px;
}

div.shadow {
	width: 219px;
	background-color: #b1c0c9; /*shadow color*/
	color: inherit;
	margin-left: 5px;
	margin-bottom: 10px;
}

div.gradient-box {
	background: #fff url(/images/box_gradient.gif) 0 0 repeat-x;
	width: 154px;
	padding: 9px 30px 10px 34px;
	margin-top: 4px;
}
div.gradient-box p {
	font-family : "Times New Roman", Times, Helvetica, serif;
	font-size: 14px;
	color: #003471;
	line-height: 1.5em;
}
div.gradient-box a.readmore {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration: underline;
	color: #464646;
	float:right;
	margin-right: 5px;
}
div.gradient-box a.readmore:hover { color: #094284; }

/*--- End Gradient box CSS ---*/





/*--- Footer CSS ---*/
div#footer div#copyright {position:relative; float:left; left: 0; padding-left: 10px; }

div#footer div#footer-nav {
	position:relative; float:right; right: 0;
	text-align: right;
}

div#footer div#footer-nav ul {
	margin-left: 0;
	display: inline;
	font-size: 10px;
} 

div#footer div#footer-nav ul li {
	margin-left: 0;
	padding: 0px 10px;
	list-style: none;
	display: inline;
}
div#footer div#footer-nav ul li a {
	color: #626262;
	text-decoration:none;
}
div#footer div#footer-nav ul li a:hover {
	text-decoration:underline;
}
	
	
div#footer div#footer-nav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}


/*--- End Footer CSS ---*/


/*--- subpage styling ---*/

body.subpage div#content {
	position: relative;
	min-height: 10px;
	padding: 48px 0 46px 0;
	display: inline-block;
    background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;
    width: 960px;

        
}

body.subpage div#content ul {
	padding: 0;
	padding-bottom: 7px;
}
body.subpage div#content ul li {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
	margin-bottom: 27px;
}


body.subpage div#content div#leftcol {
	float:left;
	left: 0px;
	width: 270px;
	padding: 0px 25px 0 48px;
	border-right: 1px #b0b2cd solid;
}

body.subpage div#content div#middlecol {
	float:left;
	left: 233px; top: 0;
	padding: 0px 25px 0 52px;
	width: 250px; height: auto;
}


body.subpage div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: -46px;
}


body.subpage div#content ul li a.readmore {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration: underline;
	color: #464646;
}
body.subpage div#content ul li a.readmore:hover { color: #09528e; }


/*-- End subpage styling ---*/





/*--- details styling ---*/

body.details div#navAbout  {
	background: url(/images/nav/about_active.gif) no-repeat;
}

body.details div#content {
	position: relative;
	min-height: 476px;
	display: inline-block;
    background: url(/images/details/content_bg.gif) 0 0 repeat-y;
}     

body.details div#content img.topleft-img, div#player { float: left; margin-right: 13px; margin-bottom: 0px; }
body.details div#content img.researcher-img { position: relative; margin-right: 20px; }
body.details div#content span#researcher-name { margin: 0; font: 16px "Times New Roman", "Times", Helvetica, serif; color: #252525; letter-spacing: 1px;}
body.details div#content span#researcher-university, body.details div#content a#researcher-university { text-decoration: none; font-size: 13px; margin: 0;font-weight: normal; font-family : Arial, Helvetica, sans-serif; color: #003471; }
body.details div#content a#researcher-university:hover { text-decoration: underline; }

body.details div#content ul {
	padding:0;
	padding-bottom: 7px;
}
body.details div#content ul li {
	margin: 15px;
	margin-bottom: 10px;
	padding: 0px;
	
}
body.details div#content ul li a {
	color: #003663;
	text-decoration: underline;
	font-size: 14px;
}


body.details div#content div#leftcol {
	float:left;
	left: 0px;
	width: 185px;
	padding: 10px 25px 15px 14px;
	margin-right: 9px;
}

body.details div#content div#leftcol ul.parent li { padding-bottom: 0; margin: 0; list-style: none; margin-bottom: 4px;}
body.details div#content div#leftcol ul.parent li a { text-decoration: none; color: #363636; font-size: 13px;}
body.details div#content div#leftcol ul.parent li.active a { color: #003471;}
body.details div#content div#leftcol ul.parent li a:hover { color: #003471;}
body.details div#content div#leftcol ul.parent li ul.child { margin-left: 31px; margin-bottom: 0; padding-bottom: 3px;}
body.details div#content div#leftcol ul.parent li ul.child li { margin-bottom: 0; }
body.details div#content div#leftcol ul.parent li ul.child li a { color: #000; font-size: 10px; }
body.details div#content div#leftcol ul.parent li ul.child li.active a { color: #003471; }
body.details div#content div#leftcol ul.parent li ul.child li a:hover { color: #003471;}
body.details div#content div#leftcol ul.parent li ul.child li ul.child { margin-left: 15px; margin-bottom: 0; padding-bottom: 3px;}
body.details div#content div#leftcol ul.parent li ul.child li ul.child li { margin-bottom: 0; }
body.details div#content div#leftcol ul.parent li ul.child li ul.child li a { color: #000; font-size: 9px; }
body.details div#content div#leftcol ul.parent li ul.child li ul.child li.active a { color: #003471; }
body.details div#content div#leftcol ul.parent li ul.child li ul.child li a:hover { color: #003471;}

body.details div#content div#middlecol {
	font-family: "Times New Roman", Times, Helvetica, serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	
	float:left;
	left: 233px; top: 0;
	padding: 18px;
	padding-top:8px;
	width: 438px; height: auto;
	margin-right: 10px;
}

body.details div#content div#middlecol p {
	font-family: "Times New Roman", Times, Helvetica, serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0; margin: 0;	
}
body.details div#content div#middlecol ol {
	font-family: "Times New Roman", Times, Helvetica, serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0; margin: 0;
}


body.details div#content div#middlecol img#therapies-in-pipeline { margin-left: -16px; }

/* Two column CSS */
	body.details div#content div#middlecol div#middlecol-container1  {
		margin-top: 10px;
		position: relative;
	}

	body.details div#content div#middlecol div#middlecol-container1 div#middlecol-leftcol1 {
		float: left;
		width: 217px;
		margin-right: 10px;
	}

	body.details div#content div#middlecol div#middlecol-container1 div#middlecol-rightcol1 { }

	body.details div#middlecol div#middlecol-container1 h1, 
	body.details div#middlecol div#middlecol-container1 h2,
	body.details div#middlecol div#middlecol-container1 h3,
	body.details div#middlecol div#middlecol-container1 h4,
	body.details div#middlecol div#middlecol-container1 h5,
	body.details div#middlecol div#middlecol-container1 h6 { margin: 0; }


	body.details div#content div#middlecol div#middlecol-container2  {
		margin-top: 10px;
		position: relative;
	}


	body.details div#content div#middlecol  div#middlecol-container2 div#middlecol-leftcol2 {
		float: left;
		width: 217px;
		margin-right: 10px;
	}

	body.details div#content div#middlecol  div#middlecol-container2 div#middlecol-rightcol2 { }
	
	body.details div#middlecol div#middlecol-container2 h1, 
	body.details div#middlecol div#middlecol-container2 h2,
	body.details div#middlecol div#middlecol-container2 h3,
	body.details div#middlecol div#middlecol-container2 h4,
	body.details div#middlecol div#middlecol-container2 h5,
	body.details div#middlecol div#middlecol-container2 h6 { margin: 0; }



body.details div#content div#middlecol ul { }
body.details div#content div#middlecol ul li { }
body.details div#content div#middlecol ul li a {
	font-family: "Times New Roman";
	color: #002157;
	font-size: 15px;
}



body.details div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
}


/*-- End details styling ---*/






/*-- Begin Glossary page styling --*/
div#middlecol #glossary ul {
	float:left;
	padding:1px 0;
	list-style: none;
}
div#middlecol #glossary ul li {
	margin:0 0 8px 0;
}
div#middlecol #glossary ul#alpha-index {
	float:left;
	width:100%;
	margin-top: 10px;
}
div#middlecol #glossary ul#alpha-index li {
	float:left;
	margin:0;
	padding:0 5.5px 0 0;
	font-size: 15px;
}
div#middlecol #glossary ul#alpha-index li.z { padding:0; }

div#middlecol div#glossary ul#alpha-index li a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	color:#003471;
	text-decoration: none;
}
div#middlecol div#glossary ul#alpha-index li a:hover {
	text-decoration: underline;
}

div#middlecol #glossary div#active-letter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #003471;
	margin-bottom: 5px;
}
div#middlecol h2#glossary {
	color: #003471;
	font-family: Times New Roman, Times, serif;
}

div#middlecol #glossary ul li span.keyword {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003471;
	font-size: 14px;
}
div#middlecol #glossary ul li em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

div#middlecol #glossary ul#words {
	margin: 0;
	padding: 0;
}
div#middlecol #glossary ul li { margin-left: 0; padding-left: 0; }

/*-- End Glossary page styling --*/






/*--- Begin map styling ---*/

body.map div#content {
	position: relative;
	min-height:10px;
	padding:0px 0 46px 0;
	display: inline-block;
   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

}


body.map div#content ul {
}
body.map div#content ul li {
}
body.map div#content ul li a {
	color: #003663;
	text-decoration: underline;
	font-size: 14px;
}


body.map div#content div#leftcol {
	position: relative;
	float:left;
	width: 638px;
	padding: 17px 0 0 77px;
}
body.map div#content div#leftcol p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #363636;
	
}
body.map div#content div#leftcol div#mapdiv {
	margin-left: -10px;
}

body.map div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
	top: 0;
}

/*-- End map styling ---*/





/*--- state-details styling ---*/

body.state-details div#content {
	position: relative;
	min-height:10px;
	padding: 0px 0 46px 0;
	display: inline-block;
   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

}

body.state-details div#content ul {
}
body.state-details div#content ul li {
}
body.state-details div#content ul li a {
	color: #003663;
	text-decoration: underline;
	font-size: 14px;
}


body.state-details div#content div#leftcol {
	float:left;
	left: 0px;
	width: 270px;
	padding: 19px 25px 5px 75px;
}

body.state-details div#content h2 { letter-spacing: 1px; margin-bottom: -5px; }
body.state-details div#content h2#title { margin-bottom: 22px; }

body.state-details div#content div#leftcol p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #252525;
	margin-bottom: -5px;
}

body.state-details div#content div#middlecol {
	float:left;
	left: 233px; top: 0;
	padding: 62px 25px 5px 0;
	width: 250px; height: auto;
}

body.state-details div#content div#middlecol p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #252525;
	margin-bottom: -5px;
}

body.state-details div#content a { color: #003471;}

body.state-details div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
	top: 0;
}

body.state-details div#content div#return {
	position: absolute;
	clear:both;
	bottom: 22px;
	right: 282px;
}
body.state-details div#content div#return a {
	font-family: "Arial", "Helvetica", sans-serif;
	color: #252525;
	text-decoration: none;
	font-size: 15px;	
}
body.state-details div#content div#return a:hover {
	text-decoration: underline;
}

/*-- End state-details styling ---*/





/*-- Begin Shop & Events styling --*/

body.shop div#content, body.events div#content {
	position: relative;
	min-height:10px;
	padding: 0 0 0 0;
	display: inline-block;
	background: url(/images/details/content_bg.gif) 0 0 repeat-y;

	color: #252525;
	font-size: 12px;
}

body#login.shop div#content,
body#signin.shop div#content,
body#shipping.shop div#content,
body#edit_shipping.shop div#content,
body#billing.shop div#content,
body#checkout.shop div#content,
body#processing.shop div#content,
body#register.events div#content {
	position: relative;
	min-height:10px;
	padding: 0 0 0 0;
	display: inline-block;
   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

}

body.shop div#content div.checkout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	
	padding-left: 22px;
	padding-top: 22px;
	padding-bottom: 20px;
}

body#edit_shipping.shop div#content div.checkout,
body#billing.shop div#content div.checkout,
body#shipping.shop div#content div.form-leftcol-novr {
	float: left;
	width: 660px;
}

body#shipping.shop div#content div#select-shipping-address div.checkout { padding-top: 0; padding-bottom: 0;}


body#shipping.shop div#content div#colwrapper {
	max-width: 700px;
	float:left;
	padding-left: 16px;
	padding-top: 16px;
}



body#login.shop div#content div.form-leftcol,
body#signin.shop div#content div.form-leftcol,
body#shipping.shop div#content div.form-leftcol {
	float:left;
	left: 0px;
	width: 317px !important;
	padding: 15px 25px 15px 30px;
	border-right: 1px #b0b2cd solid;
	margin: 30px 12px 20px 0;
}
body#signin.shop div#content div.form-leftcol { border: 0; width: 325px; padding: 15px 5px 15px 30px; }

body#login.shop div#content div.form-rightcol,
body#signin.shop div#content div.form-rightcol,
body#shipping.shop div#content div.form-rightcol {
	float:left;
	left: 233px; top: 0;
	padding: 15px 0 15px 10px;
	width: 307px; height: auto;
	margin: 30px 12px 20px 0;
}
body#signin.shop div#content div.form-rightcol {
	margin-top: 137px;
	padding-left: 22px;
	border-left: 1px #b0b2cd solid;
	min-height: 750px;
}



body#shipping.shop div#content div.form-leftcol {
	padding-left: 10px;
	width: 300px;
}

body#shipping.shop div#content div.form-rightcol { width: 300px; }

body.shop div#content div#leftcol, body.events div#content div#leftcol {
	position: relative;
	float:left;
	width: 230px;
	margin-top: 2px;
	top: 0;
}
body.shop div#content div#middlecol, body.events div#content div#middlecol {
	float:left;
	left: 233px; top: 0;
	padding: 18px;
	padding-top:8px;
	width: 438px; height: auto;
	margin-right: 10px;
}

body.shop div#content div#rightcol, body.events div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
	top: 0;
}

body#cart.shop div#content {
	background: url(/images/details/content_bg.gif) 0 0 repeat-y;

}
body#cart.shop div#content div#middlecol {
	float:left;
	left: 245px; top: 0;
	padding: 18px;
	padding-top:8px;
	width: 573px; height: auto;
	margin: 0 10px 0 0;
	color: #252525;
	font-size: 12px;
}

body#cart.shop div#content div#rightcol, body.events div#content div#rightcol { display: none; }
body#register.events div#content div#rightcol { display: block; }

body.shop div#content div.checkout p.intro { font-size: 12px; }

body.shop div#content form#new-user div.label { margin-top: 10px; margin-bottom: 1px; }
body.shop div#content form#new-user input.textbox,
body.shop div#content form#new-user input.frmText {width: 275px; border: 1px #b5c5d3 solid;  font-size: 12px; height: 15px; padding: 3px 0 3px 2px; }

body.shop div#content form div.label { margin-top: 10px; font-size: 12px; }

body.shop div#content form input.textbox,
body.shop div#content form input.frmText { width: 275px; border: 1px #b5c5d3 solid; font-size: 12px; height: 15px; padding: 3px 0 3px 2px;}

body#edit_shipping.shop div#content table td.label,
body#billing.shop div#content table td.label,
body#shipping.shop div#content table td.label { padding-top: 8px; padding-bottom: 2px; }

body#edit_shipping.shop div#content table td.required,
body#shipping.shop div#content table td.required { font-weight: bold; }

body.shop div#content form input.button,
body.events div#content form input.button,
body#register.events div#content form button,
body#donations.form div#content form button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	text-decoration: none;
	margin-left: 10px;
	background: #dee5eb;
	border: 1px outset #b0b2cd;
	padding: 2px 4px 2px 4px;
}

body#donations.form div#content form button {float: right; margin-right: 50px; }

body.shop div#content form input.button:active,
body.events div#content form input.button:active,
body#register.events div#content form button:active,
body#donations.form div#content form button:active {
	border: 1px inset #b0b2cd;
}

body#shipping.shop div#content form input.edit, body#shipping.shop div#content form input.ship-to  { font-size: 12px; padding: 2px; }

body.shop div#content p#forgot { margin-top: 30px; margin-left: 15px ;}

/*-- End Shop styling --*/



/* BEGIN: Shop styles */


body.shop h1 { font-size: 34px; margin: 0 0 3px 0; }
body.shop h4 { font-size: 21px; letter-spacing: 1px; margin: 0; }
body.shop p#description { font-size: 12px; margin: 2px 0 0 0; color: #252525; line-height: 1.4em;}

body.shop .breadcrumb {
	font-size: 12px;
	line-height: 20px;
	color: #094284;
}


body.shop .breadcrumb h6 {
	font-size:14px;
	line-height: 17px;
	color: #8cc63f;
}

body#signin.shop div#content div.checkout div#continue-noacct.checkout {
	padding: 0;
	height: 200px;
	width: 285px !important;
}


.sale-struck,
body.shop div#middlecol .product .sale-struck { 
	text-decoration: line-through; 
}

.sale-price,
body.shop div#middlecol .product .sale-price { 
	 color: #ac1128;
}

.shop-footer { 
	clear: both; 

	margin: 0;
	padding: 46px 0 46px 165px;

	font-size: 10px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
}

.shop-footer a { margin-left: 1em; color: #6d6e71; text-decoration: none; border-bottom: 1px solid #6d6e71; }
.shop-footer a:hover { border-bottom: 1px solid #8cc63f; }

.shop-footer a.ruby { margin-left: 1em; color: #6d6e71; text-decoration: none; border-bottom: 0; }
.shop-footer a.ruby:hover { color: #980000; border-bottom: 1px solid #980000; }

.shop-footer-cart {
	padding-left: 60px;
}

#shop-wrapper {
	float: left;
	width: 603px;
}

#shop-content { 
	float: right;
	width: 430px;
	padding: 12px 0 0 0;
}

#shop-rightcol { 
	width: 165px;
	float: right;
}

#shop-cart {
	float: left;

	width: 151px;

	margin: 0 0 40px 20px;
	padding: 10px 20px 5px 20px;
	
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

	background-color: #f2f3f3;
	font-size: 11px;
}
#shop-cart p { margin-top: 15px; }
#shop-cart a {
	color: #003663;
	text-decoration: none;
	font-size: 11px;
}

#shop-cart a:hover {
	text-decoration: underline;
	color: #003471;
}

#shop-cart a.cartlink {
	margin: 0;
	padding: 0 0 5px 24px;
	
	font-size: 11px;
	
	background: url(/images/shop/icon-cart.gif) top left no-repeat;
}

ul#logged-in { 
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
}
ul#logged-in li {
	padding-bottom: 5px;
}

#shop-search { 
	float: left;

	margin: 10px 0 0 0;
	padding: 0;
	
	width: 165px;
}

#shop-search input {
	margin: 0;
	padding: 0;

	width: 95px;
	height: 18px;
	border: 1px solid #6d6e71;
}

#shop-search a {
	margin: 0;
	padding: 0 0 0 8px;

	line-height: 18px;

	font-weight: bold;
	text-decoration: none;
	color: #6d6e71;
}

#shop-subnav { 
	float: left;

	margin: 0;
	padding: 14px;
	margin-top: 13px;
}


#shop-subnav ul {
	margin: 0; 
	padding: 0;
}

#shop-subnav li { 
	margin: 0 0 1em 0;
	padding: 0;
	
	list-style: none;
}

#shop-subnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	margin: 0; 
	padding: 0;
	
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #363636;
}

#shop-subnav li a:hover,
#shop-subnav li a.active {
	color: #363636;
}

#shop-subnav li ul li { 
	margin: 0.2em; 
	padding: 0;
	
	list-style: none;
}

#shop-subnav li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;

	margin: 0;
	padding: 0 0 0.5em 12px;
	
	font-size: 14px;
	font-weight: normal;
	
	text-decoration: none;
	
	color: #363636;
}

#shop-subnav li ul li a:hover,
#shop-subnav li ul li a.active {
	color: #363636;

	background: url(/images/shop/subnav-active.gif) top left no-repeat;
}

body.shop #body_content { 
	float: left;
	clear: none;

	margin: 0;
	padding: 0;

	width: 430px;
}

body.shop #left_col {
	float: left;
	width: 430px; 
	padding: 2px 0px 10px 0px; 
}


/**
 ** Category page
 **/

body#category.shop #feature { 
	margin: 0;
	padding: 20px 15px;

	width: 398px;

	background-color: #f0f0f0;
	border: 2px solid #8cc63f;
}

body#category.shop .feature-col {
	float: left;

	margin: 0;
	padding: 0;

	width: 199px;
}
/*
#shop-donate h1,
body#category.shop h1,
body.shop div#middlecol h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	
	font-size: 18px;
	line-height: 22px;
}

body#category.shop h2,
body.shop div#middlecol h2 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #6d6e71;
}

#shop-donate h2,
body#category.shop h2,
body.shop div#middlecol h2 { 
	color: #8cc63f;
}
*/
#shop-donate table {
	padding: 0;	
}

#shop-donate th {
	padding: 1em;
	font-size: 11px;
	font-weight: bold;

	color: #8cc63f;
}

#shop-donate th.title {
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #aaa;
}

#shop-donate input.input-qty {
	width: 75px;
}

body.shop .subcat { 
	display: block;
	float: left;

	width: 134px;
	height: 134px;

	margin: 0 11px 11px 0;
	padding: 10px 0;

	text-align: center;
	border: 1px solid #918f8f;
}

body.shop .subcat-inner {
	height: 100px;
}

body.shop div#middlecol .product { 
	float: left;
	display: block;

	width: 172px;
	height: 190px;

	margin: 0 11px 11px 0;
	padding: 10px 10px 5px 25px;

	border: 1px solid #918f8f;
}

body.shop div#middlecol .product-inside { 
	height: 165px;
}

body.shop div#middlecol .product-inside-image { 
	height: 100px;
	vertical-align:middle;
}

body.shop div#middlecol .product-nav .shoplink { 
	float: left;
}

body.shop div#middlecol .product-nav .button-cart { 
	float: right;
}

body#category.shop .subcat h3,
body.shop div#middlecol .product h3 {
	margin: 5px 2px 0 2px;
	padding: 0;

	font-size: 12px;
	line-height: 13px;
	
	color: #918f8f;
}

body#category.shop .subcat h6,
body.shop div#middlecol .product h6,
#product-related .product h6,
#product-details  h6 {
	margin: 0;
	padding: 0;
	
	font-size: 12px;
	line-height: 13px;
	
	color: #918f8f;
}

body#category.shop .subcat a,
body.shop div#middlecol .product a {
	text-decoration: none;
	border-bottom: 0;
}

body#category.shop .subcat a:hover,
body.shop div#middlecol .product a:hover {
	text-decoration: none;
	border-bottom: 0;
}

body#category.shop .subcat a.textlink:hover,
body.shop div#middlecol .product a.textlink:hover {
	text-decoration: none;
	border-bottom: 2px solid #8cc63f;
}

body#category.shop .third, 
body.shop div#middlecol .second { 
	margin-right: 0;
}

body.shop div#middlecol .pager-wrapper {
	margin: 5px 0;
	padding: 0;

	width: 426px;
	height: 15px;
	
	font-size: 9px;
	line-height: 13px;
	font-weight: bold;
	
	background-color: #8cc63f;
	color: #fff;
}

body.shop div#middlecol .pager {
	margin: 0;
	padding: 0;
	
	width: 429px;
	height: 15px;
	
	font-size: 9px;
	line-height: 15px;
	font-weight: bold;
	
	background-color: #8cc63f;
	color: #fff;
}

body.shop div#middlecol .pager tr, 
body.shop div#middlecol .pager td {
	margin: 0; 
	padding: 0 2px;
}

body.shop div#middlecol .pager .prev {
	width: 93px;
	text-align: left;
}

body.shop div#middlecol .pager .pages {
	width: 240px;
	text-align: center;
}

body.shop div#middlecol .pager .next {
	width: 93px;
	text-align: right;
}

body.shop div#middlecol .pager a {
	margin: 0;
	padding: 0;
	
	color: #fff;
	text-decoration: none;
}

body.shop div#middlecol .pager a.active { 
	padding: 0 2px 1px 2px;

	color: #8cc63f;
	background-color: #fff;
}

body.shop div#middlecol .pager .prev a {
	padding-left: 12px;
	background: url(/images/shop/icon-link-prev.gif) top left no-repeat;
}

body.shop div#middlecol .pager .next a {
	padding-right: 12px;
	background: url(/images/shop/icon-link-next.gif) top right no-repeat;
}

/****
   ** Homepage
   **/

#shop-homepage { 
	margin: 0;
	padding: 15px 12px;

	background-color: #f0f0f0;
}

#shop-homepage h1 { 
	margin: 0 0 10px 0;
	padding: 0;

	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

#shop-homepage h2 { 
	margin: 0 0 15px 0;
	padding: 0;
}

#left_col #shop-homepage a,
#shop-homepage a {
	border-bottom: 2px solid #f0f0f0;	  
}

body.shop a.enlargelink {
	margin-left: 15px;
	font-weight: bold;
	text-decoration: none;
}

a.morelink,
a.shoplink {
	padding-left: 5px;
	padding-right: 5px;
	background: url(/images/shop/icon-link.gif) bottom right no-repeat;
	
	font-size: 10px;
	line-height: 13px;
	
	text-decoration: none;
	border: 0;
}

a.morelink:hover,
a.shoplink:hover {
	text-decoration: none;
	border-bottom: 2px solid #b0b2cd;	
}

body.shop #shop-homepage a.shoplink,
body.shop #shop-homepage h3 a,
body.shop div#middlecol a.shoplink {
	text-decoration: none;
}

#left_col #shop-homepage a.shoplink:hover,
body.shop div#middlecol a.shoplink:hover {
	border-bottom: 2px solid #b0b2cd;
}

#shop-homepage .feature a.shoplink {
	float: right;
	margin: 4px 0 0 0;
}

#shop-homepage .feature {
}

#shop-homepage .feature-large {
	width: 408px;
}

#shop-homepage .feature-small {
	float: left;
	width: 184px;

	margin: 10px 10px 0 0;
	padding: 5px;

	text-align: left;
	border: 2px solid #f0f0f0;
}

#shop-homepage h3 { 
	margin: 0 0 5px 5px;
	font-size: 11px;
	line-height: 14px;
}

#shop-homepage h3 a { 
	color: #8cc63f;
}

#shop-homepage h6 { 
	margin: 0;
	padding: 0;

	font-size: 10px;
	line-height: 13px;
}

#shop-homepage .feature-small h3 {
	text-align: left;
}

#shop-homepage .feature-small-last {
	margin-right: 0;
}

body.shop input.button-gray {
	color: #6d6e71;
	background-color: #fff;
	border: 1px solid #f0f0f0;
}

body.shop input.button-gray:hover {
	color: #fff;
	background-color: #6d6e71;
	border: 1px solid #fff;
}


body.shop input.button-gray-prev {
	color: #6d6e71;
	background-color: #fff;
	border: 1px solid #6d6e71;
}

body.shop input.button-gray-prev:hover {
	color: #fff;
	background-color: #6d6e71;
	border: 1px solid #fff;
}

body.shop input.button-cart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #252525;
	text-decoration: none;
	margin-left: 10px;
	margin: 0;
	background: #dee5eb;
	border: 1px outset #b0b2cd;
	padding: 2px 4px 2px 4px;
}

body.shop input.button-cart:active { border: 1px inset #b0b2cd; }

body.shop b { font-weight: normal; }

/* END: Shop styles */

/* clearfix courtest of http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#product-details {
	float: right;
	width: 188px;

	margin: 0;
	padding: 10px;
	
	border: 1px solid #c9cacb;
}

#product-details-action { 
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;

	width: 188px;
}

#product-details #product-details-action-qty {
	float: left;
	margin-left: 10px;
	font-weight: bold;
	line-height: 15px;
}

#product-details .input-qty {
	width: 30px;
	height: 15px;
	font-weight: normal;
	text-align: center;
}

#product-details .button-cart {
	float: right;	
}

#product-details h1 { 
	font-size: 13px;
	line-height: 16px;
}

#product-details h2 { 
	font-size: 11px;
	line-height: 14px;
	
}

#product-details h6 { 
	margin: 0;
	padding: 0;	
}

#product-details dl { 
	margin: 1em 0;
	padding: 0;

	font-size: 11px;
}

#product-details dt, 
#product-details dd { 
	margin: 0;
	padding: 0;

	font-weight: bold;
}

#product-details dt { 
	float: left;	
	margin: 0 0.5em 0 0;
}

#product-details dl.sublist { 
	margin: 0 0 2em 0;
	padding: 0;

	font-size: 9px;
}

#product-details dl.sublist dt, 
#product-details dl.sublist dd {	
	margin: 0;
	padding: 0;

	font-weight: normal;
}

#product-details dl.sublist dt {
	float: left;
	margin: 0 0.5em 0 0;
}

#product-details dl.art { 
	margin: 1em 0;
	padding: 0;
	
	font-size: 11px;
}

#product-details dl.art dt, 
#product-details dl.art dd { 
	margin: 0;
	padding: 0;

	font-weight: bold;
}

#product-details dl.art dt { 
	float: left;	
	margin: 0 0.5em 0 0;
	color: #8cc63f;
}

#product-details dl.art dd.title h1,
#product-details dl.art dd.title { 
	margin: 0;
	padding: 0;

	font-size: 11px;
	font-style: italic;

	color: #6d6e71;
}

#product-image {
	float: left;
	width: 210px;
}

#product-image div {
	text-align: center;
}

#product-related-wrapper {
	float: left;

	margin: 50px 0 0 0;
	padding: 0;

}

#product-related {
	padding: 10px;
	
	border: 1px solid #c9cacb;
}

#product-related-wrapper h3 { 
	margin: 0 0 5px 0;
	padding: 2px 10px;

	font-size: 10px;
	line-height: 13px;

	background-color: #8cc63f;
	color: #fff;
}

#product-related h3 { 
	margin: 5px 0 0 0;
	padding: 0;
	
	font-size: 10px;
	line-height: 13px;
	
	color: #918f8f;
	background-color: #fff;
}

#product-related .product-nav .shoplink { 
	float: right;
}

#product-related a.shoplink {
	margin: 0 6px 6px 6px;

	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	
	text-decoration: none;
	border: 0;
}

#product-related a.shoplink:hover {
	text-decoration: underline;
	border: 0;	
	
}

#product-related .product {
	clear: both;

	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #c9cacb;
}

#product-related .product-first {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}


#middlecol .pager {
	margin: 5px 0;
	padding: 2px;
	
	width: 426px;
	height: 15px;
	
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	
	background-color: #8cc63f;
	color: #fff;	
}

#middlecol .pager-bottom {
	margin: 30px 0 0 0;
}

#middlecol .pager ul { 
	margin: 0; 
	padding: 0;
}

#middlecol .pager li { 
	margin: 0; 
	padding: 0;
	
	list-style: none;
}

#middlecol .pager li a { 
	color: #fff;
}

#middlecol .pager li.prev {
	float: left;
	
}

#middlecol .pager li.next {
	float: right;
	
}

#middlecol #product-details #product-details-styles { 
	width: 190px;
}

#product-rightcol { 
	float: right;

	color: #252525;
	margin: 0;
	font-size: 12px;
	
	padding: 0;
	
	width: 208px;
}
body.shop #product-rightcol p { 
	color: #252525;
	margin: 0;
	font-size: 12px;
}
body.shop #product-rightcol h1 {
	font-size: 14px;
	font-weight: bold;
	color: #003471;
}


#product-notes {
	float: right;
	width: 188px;
	
	margin: 10px 0 0 0;
	padding: 10px;
	
	border: 1px solid #c9cacb;
}

#product-notes p+p {
	margin: 0 0 1em 0;
}

#product-link {
	float: right;
	width: 188px;
	
	margin: 0;
	padding: 0 10px;

	text-align: right;
}

#product-link a.shoplink {
	margin: 6px 0;

	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	
	text-decoration: none;
	border: 0;
}

#product-link a.shoplink:hover {
	text-decoration: underline;
	border: 0;	
	
}

body#cart.shop h1 {
	margin: 15px 0 8px 0;

}

body#cart.shop h2 {
	margin: 0 0 3px 0;
		
}

body#cart.shop .breadcrumb,
body#cart.shop .breadcrumb a.l1,
body#cart.shop .breadcrumb a.l2 {
	font-size: 20px;

	line-height: 13px;
}

body#cart.shop .breadcrumb {
	margin: 0 0 1em 0;
}

table.cart { 
	margin: 10px 0 30px 0;
	padding: 0;
	border-collapse: collapse;
	color: #777;
}


div#checkout-wrapper {
	width: 680px;
	float: left;
	padding: 18px;
	padding-top:8px;
}
table.checkout { 
	width: 640px;
}

div.address {
	width: 280px;
	float: left;
	margin-bottom: 40px;
	padding: 15px 0 15px 28px;
}
div.address#shipping {
	padding-right: 28px;
	border-right: 1px solid #b0b2cd;
}
div.address h6 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 1px; margin-bottom: 5px;}

div#cart-processing {
	width: 656px;
	float: left;
	padding: 30px;
	padding-top: 15px;
}
div#cart-processing h1 { padding-bottom: 20px; }

table.cart th, table.checkout th {
	margin: 0;
	padding: 0 0px;

	font-size: 10px;
	
	border-bottom: 1px solid #b0b2cd;
}

table.cart tr.line-item td.first, table.checkout tr.line-item td.first {
	padding-left: 20px;
	width: 20%;
}

table.cart tr.line-item td.prod, table.checkout tr.line-item td.prod {
	padding-left: 10px;
	width: 40%;
}

table.cart tr.line-item td.qty, table.checkout tr.line-item td.qty {
	padding-left: 60px;
	width: 20%;
}

table.cart tr.line-item td.qty input, table.checkout tr.line-item td.qty input {
	width: 30%;
	border: 1px solid #ccc;
	text-align: center;
}

table.cart td.amount,
table.cart tr.total td.amount,
table.cart tr.line-item td.amount,
table.checkout td.amount,
table.checkout tr.total td.amount,
table.checkout tr.line-item td.amount {
	padding-right: 20px;
	width: 50px;
	text-align: right;
	font-size: 12px;
}

table.cart tr.line-item td, table.checkout tr.line-item td {
	padding: 10px 0;
	border-bottom: 1px solid #b0b2cd;
}

table.cart tr.line-item dl, table.checkout tr.line-item dl { 
	margin: 1em 0;
	padding: 0;
	
	font-size: 11px;
}

table.cart tr.line-item dt, 
table.cart tr.line-item dd,
table.checkout tr.line-item dt, 
table.checkout tr.line-item dd { 
	margin: 0;
	padding: 0;
}

table.cart tr.line-item dt, table.checkout tr.line-item dt { 
	float: left;	
	margin: 0 0.5em 0 0;
}

table.cart tr.total td, table.checkout tr.total td {
	padding: 5px 0;
}

table.cart tr.support td.amount input.amount, table.checkout tr.support td.amount input.amount {
	padding: 1px;
	width: 50px;
	text-align: right;
	
	border: 1px solid #CCC;
	
}

table.cart tr.support td.first p, table.checkout tr.support td.first p {
	width: 300px;
	color: #777;
	font-size: 12px;
}

.prod h6,
.checkout h6,
table.cart tr.support h6 {
	margin: 0;
	padding: 0;
	
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
}

table.cart #promo-form { 
	width: 190px;
}

#shop-cart-actions {
	margin: 0 0 50px 0;
	padding: 0;
}

#shop-cart-actions div {
	float: left;

	margin: 0 3em;
	padding: 0;
}

#shop-cart-actions div input {
	margin: 0;
	padding: 0;
}

body#cart.shop .form-leftcol {
	float: left; 
	
	margin: 0 10px 10px 0;
	padding: 0 10px 10px 0;
	
	width: 210px;

	border-right: 1px solid #b0b2cd;
}

body#cart.shop .form-leftcol-novr {
	float: left; 
	
	margin: 0 10px 10px 0;
	padding: 0 10px 10px 0;
	
	width: 210px;
}

body#cart.shop .form-nocol {
	float: left; 
	
	margin: 0 10px 10px 0;
	padding: 0 10px 10px 0;
	
	width: 465px;
}

body#cart.shop .form-rightcol {
	float: left; 
	margin: 0 10px 10px 10px;
	padding: 0 10px 10px 0;
	width: 210px;
}

body#cart.shop .checkout .frmText { 
	width: 180px;
}

body#cart.shop .checkout .frmTextError { 
	width: 180px;
}	

body#cart.shop .checkout .frmSelect { 
	width: 180px;
}

body#cart.shop .form-notes { 
	width: 210px;
	
	margin: 10px 0 0 0;
	padding: 10px;
	
	border: 1px solid #c9cacb;
}

body#cart.shop .form-notes p+p { 
	margin: 0 0 1em 0;
}

body#cart.shop .address-option { 
	margin: 5px 0 20px 0; 
	padding: 10px;

	width: 210px;

	font-weight: bold;

	border: 1px solid #000; 
}

body#cart.shop #gift_msg .label { 
	width: 140px;	
}

body#cart.shop #gift_msg .frmTextArea { 
	width: 300px;
	height: 50px;

	border: 1px solid #000;
}

/*
.frmSelectError	{ height: 18px; margin: 0px 0px 15px 0px; }
.frmSelectOpt     { margin: 0px; }
.frmSelectOptError { margin: 0px; }
.frmCk	{ font-size: 11px; }
.frmTextArea      {}
.frmTextAreaError {}
.frmButton        { font-size: 12px; font-weight: bold; height: 25px; width: 200px; }
*/

body#cart.shop .address { 
	float: left; 
	width: 180px;

	margin: 0 20px 10px 0;
	padding: 10px;

	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #6d6e71;

	border: 1px solid #000; 
}

body#cart.shop .address h6 { 
	margin: 0 0 0.5em 0;
	padding: 0;

	font-size: 11px;
	line-height: 14px;
}

body#cart.shop .address .shipping { 
	font-size: 9px;
}
/*
body#cart.shop h3 { 
	margin: 0 0 5px 0;
	padding: 2px 10px;
	
	height: 13px;
	width: 465px;
	
	font-size: 10px;
	line-height: 13px;
	
	background-color: #8cc63f;
	color: #fff;
}
*/
body#cart.shop #forgot-form {
	margin: 1em 0;
	padding: 10px;

	width: 160px;

	border: 1px solid #6d6e71;
}

body#cart.shop #forgot-form  p {
	margin-bottom: 1em;
}

body#cart.shop #forgot-form  .frmText {
	width: 150px;
}

body#cart.shop #forgot-form  .button {
	margin: 1em 0 0 0;
	padding: 0;

	float: right;

	width: 140px;
}

body#cart.shop #forgot-form-submit { 
	padding-bottom: 2em;
}

body#cart.shop #forgot-form-close { 
	padding-top: 1em;
}


body#cart.shop #continue-noacct {
	margin-top: 2em;
	padding: 0;

	width: 160px;
}

body#cart.shop #continue-noacct h2 a {
	color: #8cc63f;
	text-decoration: none;
}

body.shop .checkout .button {
	float: right;
	margin-right: 23px;
}
body.shop .checkout .address-option .button {  margin-right: 0 }

body.shop .checkout .address-option { font-size: 12px; }

body.shop .checkout .multi-fields .frmField { font-size: 12px; }

body#cart.shop #payment-info.form-nocol { 
	padding: 0;
	width: 478px;
}
body#cart.shop #payment-info div.fields {
	width: 100%;
}
body#cart.shop #payment-info .frmField { 
	float: left;
	margin: 0 15px 0 0;
}
body#cart.shop #payment-info .label { 
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #8cc63f;
}
body#cart.shop #checkout-form #cc_number { 
	width: 120px;
	margin: 0;
}


body#checkout.shop div#content h3 {
	margin-bottom: 5px;
	letter-spacing: 1px;
}


/* MS IE 6 adds a 1 pixel space between label and input */
* html body#cart.shop #checkout-form #cc_number { margin-top: -1px; }

body#cart.shop #checkout-form #cvv-table, body.events dl#cvv2_field { margin-top: 10px; }
body#cart.shop #checkout-form #gift-table input { border: none; }

body#cart.shop #payment-info #gift_msg-table .label { 
	color: #6D6E71; 
	font-size: 10px;
	padding: 0 5px 0 5px;
	margin: 0;
	vertical-align: top;
	font-weight: normal;
}
body#cart.shop #payment-info #gift_msg-table textarea { width: 336px; }


/* END: Body Styles */

.error { 
         color: maroon;
         margin: 0;
         padding: 0;
font-weight: bold;
}

/* BEGIN: My Account */

#tr-do_not_email td div {  width: 200px; }

table.order-history { 
	margin-top: 10px;
}
table.order-history th { 
	text-align: center;
}
table.order-history td { 
	border-top: 1px solid #000000; 
	padding-bottom: 25px;
	text-align: center;
}
table.order-history td.date { width: 5%; }
table.order-history a.morelink { 
	border: none;
}

body.shop table.account-home h2 a {
	text-decoration: none;
	color: #8cc63f;
}

body.shop table.account-home h2 a:hover {
	text-decoration: underline;
}

ul.upcoming-events { 
	margin: 1em 0 0 0.5em; 
	padding: 0;
}

ul.upcoming-events li { 
	margin-bottom: 0.5em;
	list-style: none;
}

body.shop ul.upcoming-events li a { 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

body.shop .account-home a.morelink { 
	text-decoration: none;
}


/* END: My Account */

/*-- Events specific styling --*/

body.events div#content div#leftcol { padding: 25px 0 0 35px; width: 195px; min-height: 200px;}
body.events div#content div#leftcol h2 { color: #003471; letter-spacing: 1px; font-size: 20px; }
body.events div#content div#leftcol form input.button { margin: 0px 0 0 0; float: left; }
body#events.events div#content div#leftcol dl dd { margin: 2px 0 15px 0;}
body#events.events div#content div#leftcol form select.frmSelect { border: 1px solid #5a5758; width: 83px;}

body.events div#content div#middlecol { width: 684px; line-height: 1.5em; }
body.events div#content div#middlecol h1 { font-size: 28px; margin: 20px 0 15px 0; }
body.events div#content div#middlecol h2 { font-size: 26px; color: #003471; margin: 50px 0 25px 0; }
body.events div#content div#middlecol h3 { font-size: 19px; margin-bottom: 1px;}
body.events div#content div#middlecol h4 { margin: 0 0 15px 20px; }
body.events div#content div#middlecol h5 { margin: 0; color: #252525; }
body.events div#content div#middlecol h6 { margin: 0 0 0 0; font-size: 22px; color: #003471; }
body.events div#content div#middlecol em, body.events div#content div#middlecol dd { color: #003471; font-style: normal; font-size: 13px; }
body.events div#content div#middlecol dl dt { float: left; clear: left; margin-right: 10px; }
body.events div#content div#middlecol div hr { width: 95%; height: 1px; border: 0; border-bottom: 1px solid #918f8f; margin-top: 35px; margin-bottom: 25px; }

body.events div#content div#middlecol div#description { margin: 8px 0 0 0; } 
body.events div#content div#middlecol div#description h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #252525; font-size: 28px; margin: 0; }
body.events div#content div#middlecol div#description h2 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 26px; color: #003471; margin: 0; }
body.events div#content div#middlecol div#description h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 16px; color: #252525; margin: 0;}
body.events div#content div#middlecol div#description h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; color: #003471; font-size: 19px; margin: 0;}
body.events div#content div#middlecol div#description h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 14px; color: #252525;  margin: 0; }
body.events div#content div#middlecol div#description h6 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 22px; color: #003471; margin: 0;}




body#register.events div#content div#leftcol { width: 680px; float: left;} 
body#register.events div#content form { width: 680px; float: left;}
body#register.events div#content form input { margin: 0; }
body#register.events div#content form label { margin-left: 30px; }
body#register.events div#content form dl#bill_to_state_field label { margin-left: 0px; }
body#register.events div#content form fieldset#billing input.textbox { margin-left: 30px; }
body#register.events div#content form fieldset#billing dd.error { margin-left: 30px; }
body#register.events div#content form fieldset#billing dl#bill_to_state_field dd.error { margin-left: 0px; }
body#register.events div#content form fieldset#billing dl { float: left; margin-right: 20px;}
body#register.events div#content form dd { margin: 1px 0 0 0; }
body#register.events div#content form button { float: right; margin-right: 35px; }
body#register.events div#content form fieldset#cc_info div { margin-left: 30px; }
body#register.events div#content form fieldset#cc_info div label { margin-left: 0px; }
body#register.events div#content form dl#wants_email_field p { margin-left: 30px; line-height: 1.4em; }
body#register.events div#content form dl#wants_email_field p label { margin-left: 3px; }

body#register.events h3.indent { margin-left: 60px; }
body#register.events table#se-order-form { margin: 20px 0 0 105px; border: 1px #b0b2cd solid; border-bottom: 0; border-left: 0; }
body#register.events table#se-order-form th { border-right: 1px #b0b2cd solid; height: 30px; padding-left: 5px;}
body#register.events table#se-order-form tr td {  height: 26px; border: 0; border-right: 1px #b0b2cd solid; border-top: 1px #b0b2cd solid; padding: 2px 5px 2px 5px;}
body#register.events table#se-order-form td#total-label, body#register.events table#se-order-form td#total { border-left: 0; border-bottom: 1px solid #b0b2cd;}
body#register.events table#se-order-form tr td.left-border, body#register.events table#se-order-form tr th.left-border { border-left: 1px solid #b0b2cd; } 
body#register.events table#se-order-form tr td#rowspacer { }
body#register.events table#se-order-form td.last, body#register.events table#se-order-form th.last { border-right: 0; }
body#register.events table#se-order-form input { width: 60px; }
body#register.events table#se-order-form input.important { background: #fff2f2; }
body#register.events table#se-order-info { margin: 20px 0 30px 105px; border: 1px #b0b2cd solid; border-right: 0; border-bottom: 0; }
body#register.events table#se-order-info tr td { border-right: 1px #b0b2cd solid; border-bottom: 1px solid #b0b2cd; padding-right: 5px; padding-left: 5px; height: 24px;}

body#register.events table#se-questions { margin: 20px 0 30px 105px; }
body#register.events table#se-questions tr td { padding-right: 5px; padding-left: 5px; height: 22px;}
body#register.events table#se-questions tr td.answer { padding-left: 10px; margin-bottom: 4px;}


/*-- End Events specific styling --*/



/*--- End Shop & Events styling ---*/


/*--- Begin sitemap styling ---*/

body.sitemap div#content {
	position: relative;
	min-height:10px;
	padding: 0px 0 46px 0;
	display: inline-block;
   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

}

body.sitemap div#content ul {
}
body.sitemap div#content ul li {
}
body.sitemap div#content ul li a {
	color: #003663;
	text-decoration: underline;
	font-size: 14px;
}


body.sitemap div#content div#leftcol {
	float:left;
	left: 0px;
	width: 615px;
	padding: 19px 25px 5px 75px;
}

body.sitemap div#content h2 { letter-spacing: 1px; margin-bottom: -5px; }
body.sitemap div#content h2#title { margin-bottom: 22px; }

body.sitemap div#content div#leftcol p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #252525;
	margin-bottom: -5px;
}

body.sitemap div#content a { color: #003471;}

body.sitemap div#content div#rightcol {
	position: relative;
	float:right;
	width: 234px;
	margin-top: 2px;
	top: 0;
}

body.sitemap div#content div#return {
	position: absolute;
	clear:both;
	bottom: 22px;
	right: 282px;
}
body.sitemap div#content div#return a {
	font-family: "Arial", "Helvetica", sans-serif;
	color: #252525;
	text-decoration: none;
	font-size: 15px;	
}
body.sitemap div#content div#return a:hover {
	text-decoration: underline;
}

/*-- End sitemap styling ---*/





/*-- Begin Form styling --*/
body.form div#content {
	position: relative;
	min-height:10px;
	padding: 0 0 0 0;
	display: inline-block;
	font-size: 12px;
	color: #252525;
   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

}

body.form div#content div#form {
	left: 0;
	width: 714px;
	float: left;
}

body.form div#content div#form p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #252525;
	padding: 10px 40px 0 40px;
	margin: 0;
}
body.form div#content div#form p.error { 
    color: maroon;
    font-size: 14px;
    font-weight: bold;
}

body.form div#content div#form h1 { margin-left: 30px; margin-top: 25px; }
body.form div#content div#form h2 { margin-left: 40px; }
body.form div#content div#form h3 { margin-left: 40px; }
body.form div#content div#form h4 { margin-left: 30px; }
body.form div#content div#form p#instructions { margin-left: 46px; font-size: 13px; margin-bottom: 10px; }
body.form div#content div#form div#news div#intro { margin-left: 46px; font-size: 13px; padding-bottom: 20px; }

body.form div#content div#rightcol {
	position: relative;
	float: right;
	width: 234px;
	margin-top: 2px;
	top: 0;
}

body.form .error { color: red; font-size: 12px; margin-left: 65px; font-weight: bold; }
body.form dl#last_name_field .error  { margin-left: 40px; }

body.form fieldset, body.events fieldset {
	margin-top:3em;
}
body.form fieldset#payment {  margin-top: 0; }
body.form fieldset.first {
	margin-top:0;
}
body.form fieldset.radio input {
	margin-left: 60px;
}
body.form fieldset.subset {
	margin:0 0 3em;
}
body.form fieldset.honor {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
}
#ticket-info fieldset {
    margin-bottom: 20px;
}
body.form div#email_lists {
	height: 40px;
	padding: 0; margin: 0;
	margin-bottom: -20px;
	margin-left: 0px;
}

body.form fieldset.form-submit  {
	margin: 0;
}
body.form #form fieldset h4 {
	margin: 0 0 10px 20px;
}
body.form #form fieldset.first h4 {
	margin-top:1em;
}
	
body.form #form h5 {
	margin: 2em 0 1em 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 14px;
}	

body.form #form fieldset h5 {
	margin-bottom: .5em;
	padding-bottom: .5em;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
	
/* wrapping most form control pairs in dl */
body.form form dl {
	margin-top:1.2em;
}

/* common form control styles */
body.form form label {
	line-height:1.5em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	margin-left: 66px;
}
body.form form select, body.form form input.textbox, form textarea, body#register.events input.textbox {
	width:547px;
	padding:2px 0 1px 2px;
	background: #fff;
	border:1px solid #d2d2d3;
	border-top:2px solid #b9babd;
	margin: 0 0 0 26px;
	font-size: 12px;
}
body.form form textarea {
	height:100px;
}
body.form form select {
	background:#fff;
}
body.form form input.textbox:focus, form input.texarea:focus, form select:focus {
	background:#fff;
	border: 1px solid #d2d2d3;
	border-top: 2px solid #b9babd;
}


/* checkboxes and radio buttons, wrapped in p */
body.form #form fieldset p {
	margin:10px 0 5px 53px;
}
body.form input.checkbox, input.radio {
	margin-right:0px;
    display:block;
    float:left;
}
body#donations.form fieldset.radio { margin-top: 0; }
body#donations.form input.checkbox, body#donations.form input.radio {
	margin: 0 5px 0 30px;
}

body.form fieldset p label { 
	display: block;
	margin-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	
/* three fields on one line */
body.form form div.multi-fields, body.events form div.multi-fields {
	margin-top:12px;
	width:680px;
}

body.form form div.multi-fields dl, body.events form div.multi-fields dl {
	float:left;
	margin:0 11px 0 0;
}
body.form form div.multi-fields dl.last, body.events form div.multi-fields dl.last {
	margin-right:0;
}

body.form form #pay_type_field { 
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right:100px;
}

body.form form dl#middle_name_field label, form dl#last_name_field label { margin-left: 40px;}
body.form form dl#middle_name_field dd,form dl#last_name_field dd { margin-left: 14px; }

body.form form input#name-first, form input#name-last, form input#tel-work {
	width:182px;
}
body.form form input#name-middle {
	width:73px;
}
body.form form select#state {
	width:77px;
}
body.form form select#country {
	width:186px;
}
body.form form input#tel-mobile {
	width:269px;
}

body.form form dl#country_field select,
form dl#us_state_field select,
form dl#ca_state_field select,
form dl#gb_state_field select { margin-left: 26px;}


form dl#other_state_field input { margin-left: -17px; }
form dl#other_state_field label { margin-left: 22px; }

body.form form dl#mobile_phone_field dd, form dl#phone_field dd { margin-left: 14px; }
body.form form dl#mobile_phone_field dt label, form dl#phone_field dt label { margin-left: 40px; }

body.form form#contact-form fieldset#designate h4 {
	margin-top:5px;
	padding-top: 10px;
	padding-bottom: 4px;
}

body.form form#contact-form fieldset#notify h4 {
	margin-top: 15px;
	margin-bottom: -15px;
}

body.form form#contact-form fieldset#notify dl#recipient_name_and_comments_field  dt {
	margin-top:-20px;
}

body.form form dl#explanation_field dt { margin-left: 66px; width: 550px; }
body.form form dl#explanation_field label { margin-left: 0; }

/* controls in 2 columns */
body.form fieldset.cols div {
	float:left;
	margin-right:10px;
	width:680px;
}

/* submit button */
body.form #form button.btn	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #252525;
	text-decoration: none;
	background: #dee5eb;
	border: 1px outset #b0b2cd;
	padding: 4px 6px 4px 6px;
	display:block;
	margin-left: 620px;
}
body.form #form button.btn:active	{ border: 1px inset #b0b2cd; }


span.fieldset-key { margin-left: 52px; }




/* Convention registration form */
body#convention-registration input {
    border-width: 2px 1px 1px;
    border-style: solid;
    border-color: #B9BABD #D2D2D3 #D2D2D3; 
    height:15px; 
    padding: 2px 0 2px 5px;
}
body#convention-registration h2 { margin-left: 20px !important; }
body#convention-registration form { padding-bottom:0; }
body#convention-registration #form h4 { margin-left: 20px !important; }
body#convention-registration #form h5 { margin: 0 0 0 26px !important; }
body#convention-registration #form h6 { font-size: 12px; font-weight: normal; margin: 4px 0 6px 24px !important; letter-spacing: 1px; }
body#convention-registration #form fieldset.subset { margin: 20px 0 0 19px; }
body#convention-registration #form fieldset.subset input.checkbox { border: 0px solid black; }
body#convention-registration #form fieldset.subset p {  text-indent: 0  }
body#convention-registration #form fieldset.subset label { margin-left: 30px !important; }
body#convention-registration #form table#tickets { margin-left: 20px !important; }
body#convention-registration #form table#tickets th { width: 86px !important; padding: 0 6px 16px 6px;}
body#convention-registration #form table#tickets th.left-border { border-left: 1px solid #b0b2cd; }
body#convention-registration #form table#tickets td { border-top: 1px solid #b0b2cd; padding: 10px 0 6px 0; }
body#convention-registration #form table#tickets td.title { border-right: 0px solid #b0b2cd; }
body#convention-registration #form table#tickets th#ticket-type { width: 335px !important; }
body#convention-registration #form input { width: 86px; }
body#convention-registration #form button.btn	{
	font-size: 13px; 
	width: 120px;
	margin: 30px 0 35px 540px;
}

body#convention-registration #form #ticket-info input { width: 233px; margin-left:66px; }
body#convention-registration #form #ticket-info .rtg-widget,
body#convention-registration #form #ticket-info .rtg-input {
    margin-left:auto;
    width:auto;
}
body#convention-registration #form #ticket-info .rtg-input select { margin-left:66px; }
body#convention-registration #form #ticket-info .address input { width: 552px; }
body#convention-registration #form #ticket-info .city input { width: 182px; }
body#convention-registration #form #ticket-info .state select { width:123px; }
body#convention-registration #form #ticket-info .zip { margin-right:0px; }
body#convention-registration #form #ticket-info .zip input { width: 82px; }
body#convention-registration #form #ticket-info .checkbox { margin:15px 0 0 52px; width:100%;}
body#convention-registration #form #ticket-info .checkbox li { padding:15px 15px 0; }
body#convention-registration #form #ticket-info .checkbox li input { width:86px; margin:5px 0 0; }
body#convention-registration #form #ticket-info .checkbox li label { width:auto; margin-left:auto; }

body#convention-registration #register { width:auto; margin-left:auto; }
body#convention-registration #register .form { padding-top:30px; }
body#convention-registration #register .ui-state-error { margin-left:66px; width:auto; clear:left;}
body#convention-registration #register .rtg-cc_exp_date .ui-state-error{
    margin-left: 0px;
}
body#convention-registration #register .ruby-state .ui-state-error { width:95px; }
body#convention-registration #register .rtg-postal_code .ui-state-error { width:90px; }
body#convention-registration #register .form h2 { font-size:15px !important; font-weight:normal !important;}
body#convention-registration #register .fields { margin-left:10px; }
body#convention-registration #register dl { width: auto; margin:auto; }
body#convention-registration #register .rtg-widget { float:left;}
body#convention-registration #register .rtg-input { width: auto; }
body#convention-registration #register input,
body#convention-registration #register select { width: 234px; margin-left:65px;}
body#convention-registration #register .rtg-intl_address .rtg-input { margin-left:auto;}
body#convention-registration #register .rtg-country label { width: 400px;}
body#convention-registration #register .rtg-address_line_2 label,
body#convention-registration #register .rtg-address_line_1 label { width: 536px;}
body#convention-registration #register .rtg-address_line_2 input,
body#convention-registration #register .rtg-address_line_1 input { width: 536px;}
body#convention-registration #register .rtg-city input { width: 182px; }
body#convention-registration #register .ruby-state input,
body#convention-registration #register .ruby-state select { width: 135px;}
body#convention-registration #register .rtg-postal_code input { width: 82px;}
body#convention-registration #register #bill_to_email-field input { width: 250px;}
body#convention-registration #register #bill_to_phone-field { width: 231px;}
body#convention-registration #register #wants_email-field { padding: 0px 20px 0;}
body#convention-registration #register #wants_email-field input { width: 86px; margin-right:0px;}
body#convention-registration #register #wants_email-field label { width: 457px; margin-left:0px;}
body#convention-registration #register .subtitle { margin-left:15px;}
body#convention-registration #register .rtg-pay_type { margin:5px 50px 10px 0;}
body#convention-registration #register .rtg-cc_number input { width:190px;}
body#convention-registration #content #register .rtg-cc_exp_date { width:250px; padding-right: 40px; float:right;}
body#convention-registration #register .rtg-cc_exp_date .rtg-month { width:auto; margin-left:0px;}
body#convention-registration #register .rtg-cc_exp_date .rtg-label label {margin-left:0px; padding-right: 100px;}
body#convention-registration #register .rtg-cc_exp_date .rtg-year { width:auto; margin-left:25px;}
body#convention-registration #register .rtg-cvv2 { width:355px; background-position:115px 16px;}
body#convention-registration #register .rtg-cvv2 label { width:290px;}
body#convention-registration #register .rtg-cvv2 input { width:40px;}
body#convention-registration #register .ruby-button-save { margin:90px 90px 65px 0;}


body#convention-registration div#page-error { margin: 25px 0 15px 50px; }
body#convention-registration div.error { width: 92px; }


body#convention-registration table#se-order-form { margin: 10px 0 10px 74px; border: 1px #fff solid; border-bottom: 0; border-left: 0; }
body#convention-registration table#se-order-form th { border-right: 1px #fff solid; height: 30px; padding-left: 5px; background-color: #d5dae0; }
body#convention-registration table#se-order-form tr td {  height: 26px; border: 0; border-right: 1px #fff solid; border-top: 1px #fff solid; padding: 2px 5px 2px 5px; background-color: #e5ebf3; }
body#convention-registration table#se-order-form td#total-label, body#convention-registration table#se-order-form td#total { border-left: 0; border-bottom: 1px solid #fff;}
body#convention-registration table#se-order-form tr td.left-border, body#convention-registration table#se-order-form tr th.left-border { border-left: 1px solid #fff; } 
body#convention-registration table#se-order-form tr td#rowspacer { }
body#convention-registration table#se-order-form td.last, body#convention-registration table#se-order-form th.last { border-right: 0; }
body#convention-registration table#se-order-form input { width: 60px; }
body#convention-registration table#se-order-form input.important { background: #fff2f2; }
body#convention-registration table#se-order-info { margin: 20px 0 30px 105px; border: 1px #fff solid; border-right: 0; border-bottom: 0; }
body#convention-registration table#se-order-info tr td { border-right: 1px #b0b2cd solid; border-bottom: 1px solid #b0b2cd; padding-right: 5px; padding-left: 5px; height: 24px;}

body#convention-registration dl#cc_exp_date_field select.frmSelect {
	width: auto !important;
}
body#convention-registration dl#bill_to_zip_field input#bill_to_zip { margin-left: 17px; }
body#convention-registration dl#bill_to_zip_field label { margin-left: 58px; }
body#convention-registration dl#cvv2_field dd table { margin-left: 24px; }

/*
body#convention-registration div#rightcol { display: none; }
*/

/* End convention registration form styling */



/* Custom styling for donations form */
body#donations #recipient_other_state_field { width: 200px; }
body#donations #recipient_phone_field dd {margin-left: 15px; }
body#donations #recipient_phone_field dd.error {margin-left:42px; } 
body#donations #recipient_phone_field dt label { margin-left: 42px; }
body#donations #cc_number_field dd,
body#donations #cc_number_field input.textbox,
body#donations #cc_number_field label,
body#donations #cc_exp_date_field dd,
body#donations #cc_exp_date_field select,
body#donations #cc_exp_date_field label { margin-left: 0px; }

body#donations #pay_type_field { margin-right: 10px; margin-top: 0; }

body#donations #cvv2_field input { margin-left: 26px; }


/*-- End Form styling --*/


/*-- Styling for NYA form --*/

.nya h5, 
.nya #permission_to_use_field label, 
.nya #tell_us_hd_title_field label,
.nya #tell_us_about_you_title_field label,
.nya #tell_us_hobbies_field label,
.nya #emergency_text_field label
{
	font-weight: bold;
	margin-top: 0 !important;
}

.nya div.multi-fields dl#middle_name_field label, .nya div.multi-fields dl#last_name_field label, 
.nya div.multi-fields dl#emergency_middle_name_field label, .nya div.multi-fields dl#emergency_last_name_field label { margin-left: 28px;}
.nya div.multi-fields dl#middle_name_field dd, .nya div.multi-fields dl#last_name_field dd, 
.nya div.multi-fields dl#emergency_middle_name_field dd, .nya div.multi-fields dl#emergency_last_name_field dd  { margin-left: 0px; }
.nya div.multi-fields dl#nickname_field, .nya div.multi-fields dl#emergency_relationship_field  { margin-left: -47px; }
.nya div.multi-fields dl#mobile_number_field, .nya div.multi-fields dl#emergency_mobile_field  { margin-left: -53px; }
.nya div.multi-fields dl#current_age_field  { margin-left: -40px; }
.nya div.multi-fields dl#birth_date_field  { margin-left: -50px; }

.nya div.multi-fields dl#postal_code_field, .nya div.multi-fields dl#emergency_postal_code_field { margin-left: 13px; }
.nya div.multi-fields dl#postal_code_field  dd, .nya div.multi-fields dl#emergency_postal_code_field  dd,
.nya div.multi-fields dl#postal_code_field  .textbox, .nya div.multi-fields dl#emergency_postal_code_field  .textbox,
.nya div.multi-fields dl#postal_code_field label,.nya div.multi-fields dl#emergency_postal_code_field label  { margin-left: 0; width: 80px; }
.nya div.multi-fields dl#other_state_field {margin-left: 39px;}
.nya div.multi-fields dl#emergency_other_state_field {margin-left: -4px;}
.nya label { display: block;padding-top: 2px;} 

.nya .checkbox, .nya p label{
	margin-left: 20px;
	margin-right: 15px;
	padding-left: 10px;
}
.nya  div.multi-fields .subset {
	margin-bottom: 0px;
}

.nya #permission_to_use {
margin-left: 25px;
display: block;
}
.nya #permission_to_use_field label{
margin-left: 58px;
}

/*-- End styling for NYA form --*/

/*-- Extranet styling --*/
body.extranet h1 { font-size: 34px; margin: 0 0 3px 0; }
body.extranet h2 { font-size: 26px; margin: 0 0 5px 0; }

body.extranet #description h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 20px; color: #252525;margin-bottom: 0;}
body.extranet #description h2 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 18px; color: #252525; margin-bottom: 0;}
body.extranet #description h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 16px; color: #252525; margin-bottom: -5px;}
body.extranet #description h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 15px; color: #003471; margin-bottom: 0;}
body.extranet #description h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 14px; color: #003471; }
body.extranet #description h6 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 15px; color: #252525; margin-bottom: -5px;}

body.extranet #description p {
	font-family: "Times New Roman", Times, Helvetica, serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0 !important; margin: 0 !important;
	margin-bottom: 0px !important;
}

body.extranet div#content {
	position: relative;
	min-height: 476px;
	display: inline-block;
	font-size: 13px; font-family: Helvetica, sans-serif;
	color: #252525;
   	background: url(/images/details/content_bg.gif) 0 0 repeat-y;
}

body.extranet div#content div#extranet-subnav {
	float:left;
	left: 0px;
	width: 185px;
	padding: 10px 25px 15px 14px;
	margin-right: 9px;
	font-size: 15px;
}
body.extranet div#content div#extranet-subnav ul#subnav-list { float:left; margin: 0; padding: 0; }
body.extranet div#content div#extranet-subnav ul#subnav-list li { margin-left: 0; list-style: none; margin: 0 0 5px 10px;}


body.extranet div#content div#extranet {
	float:left;
	left: 233px; top: 0;
	padding: 18px;
	padding-top:8px;
	width: 681px; height: auto;
	margin-right: 10px;
}
body.extranet div#content dd, body.extranet div#content textarea#comment { margin: 2px 0 4px 0; }

body.extranet div#content input.submit,
body.extranet div#content input#doc_filter_go{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	text-decoration: none;
	margin-left: 0px;
	background: #dee5eb;
	border: 1px outset #b0b2cd;
	padding: 2px 4px 2px 4px;
}
body.extranet div#content input.submit:active,
body.extranet div#content input#doc_filter_go:active { border: 1px inset #b0b2cd; }

body.extranet div#content div.category div.name { margin: 0 0 5px 0; font-weight: bold; }

body.extranet div#content div.project { margin: 0 0 0 6px; }
body.extranet div#content div.projdate { margin: 1px 0 8px 0; font-style: italic; }

body.extranet div#content div#add-button,
body.extranet div#content div.filter { margin-bottom: 10px; }

body.extranet div#content div.document { padding: 10px 10px 10px 10px; border: 1px solid #b0b2cd; margin-bottom: 10px;}
body.extranet div#content div.document div.category,
body.extranet div#content div.document div.info { margin-left: 20px; margin-top: 3px; }

body.extranet div#content div.document div.category { margin-bottom: 5px; }

body.extranet div#content div.document div.comments { margin: 5px 0 0 20px; }
body.extranet div#content div.document div.comment { margin: 5px 0 5px 30px;}
body.extranet div#content div.document div.comment div.title { font-weight: bold; }
body.extranet div#content div.document div.comment div.text { margin: 2px 0 5px 0px; }

body.extranet div#content input.textbox {width: 275px; border: 1px #b5c5d3 solid;  font-size: 12px; height: 15px; padding: 3px 0 3px 2px; }
body.extranet div#content textarea  {border: 1px #b5c5d3 solid;  font-size: 12px; padding: 3px 0 3px 2px; }
body.extranet div#content textarea#new_doc_desc { margin-left: 0; }




/*-- End Extranet styling --*/



/* =MISC 
====================================================================================== */
/*-------------------
P.I.E. FLOAT CLEARING - non-IE browsers only
See http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

#page-error { 
    color: maroon;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid red;
    padding: 20px;
    margin-bottom: 10px;
    background: pink;
    width: 80%;
}

body.shop #page-error { 
    position: absolute;
    margin: 20px 0 0 10px;
    width: 50%;
}

body#signin.shop div#content div.form-leftcol.hasError { 
    margin-top: 94px;
}

body#signin.shop div#content div.form-rightcol.hasError { 
    margin-top: 203px;
}

body#shipping div#content div#colwrapper.hasError { 
    padding-top: 114px;
}

body#billing div#content div.checkout.hasError { 
    padding-top: 114px;
}

body#checkout div#content div#checkout-wrapper.hasError { 
    padding-top: 114px;
}
.cart-billing-sameas { margin-bottom: 1em; }
.cart-billing-sameas input { float: none }
.cart-billing-sameas strong { position: relative; top: 3px; }

/* Sweepstakes form */
span.contribAmt { display: inline-block; width: 7em; }
span.contribTxt { font-weight: bold; }

/*  Authorize.net seal */
#content div.AuthorizeNetSeal {
	padding: 15px;
}
body.shop #content div.AuthorizeNetSeal {
	margin-left: 40px;
}



body#events.events div#content div#leftcol form dl{
        margin-left: 0px;
}

body#events.events div#content div#leftcol form dt label{
    float:none;
    text-transform: uppercase;
}
body#events.events div#content div#leftcol form select{
    border: 1px solid #5A5758;
    width: 83px;
}


/* content gallery */
#content .gal-wrap { 
        padding: 0 0 6px;
	margin: 0 0 6px;
}
#content .gallery {
	width:540px;
	height:280px;
	position:relative;
	margin: 0;
}
#content .gallery .slide {
	width:540px;
	height:280px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}
#content .gal-wrap, #content .gal-holder, #content .gallery {
    overflow:hidden;
}
#content .switcher {

}
/* content gal-holder-switcher */
#content .gal-holder { 
        position: relative;
        padding-bottom: 14px;
        margin-bottom: 5px;
}
#content .gal-holder .switcher {
	position:absolute;
	color:#999;
	bottom:0;
	left:0;
	width:100%;
	z-index:2;
        margin: 0 15px;
}
#content .gal-holder .switcher .frame {
	background:url(/images/bg-gallery-bar.png) repeat;
	height:1%;
	margin:0 1px;
}
#content .gal-holder .switcher .centred {
	width:100%;
	overflow:hidden;
	position:relative;
}
#content .gal-holder .switcher .content {
	float:left;
	position:relative;
	left:50%
}
#content .gal-holder .switcher .gallery-nav {
	float:left;
	position:relative;
	left:-50%;
	padding: 8px 0 7px;
}
#content .gal-holder .switcher a {
	color:#999;
	float:left;
	text-decoration:none;
}
#content .gal-holder .switcher a:hover {text-decoration:underline;}
#content .gal-holder .switcher .button-list {
    float:left;
}
#content .gal-holder .switcher ul {
	float:none;
	padding-top:0;
        list-style: none;
        margin: 0 auto;
        width: 204px;
}
#content .gal-holder .switcher li { 
        float: left;
        margin: 0;
}
#content #middlecol .gal-holder .switcher a { 
        font-size: 13px;
        margin-top: -1px;
}

#content .gal-holder .switcher .btn-prev {margin:0 10px 0 0; }
#content .gal-holder .switcher .btn-next {margin:0 0 0 7px;}
#content .gal-holder .switcher .button-list {
	float:left;
	margin:0 3px 0 0;
}
#content .gal-holder .switcher .button-list button {
	background:url(/images/bg-gallery-item.png) no-repeat;
	width:11px;
	height:12px;
    text-indent: 0px;
	overflow:hidden;
	font-size:0;
	border:medium none;
}
#content .gal-holder .switcher .button-list button.active,
#content .gal-holder .switcher .button-list button:hover {
	background:url(/images/bg-gallery-item-rol.png) no-repeat;
}
#content .gal-holder .btn-full { display: none; }
#content .visual .link {
	background:url(/images/arrow1.gif) no-repeat 4px 1px;
	padding:0 0 0 27px;
	color:#6d796e;
	float:left;
}
* html #content .visual .link {float:none;}
* +html #content .visual .link {float:none;}