/*Boilerplate Screen Styles * Version:   0.5 (2007-11-19) reworked by me */

@import "lib/reset.css";

/*	:COLORS 
page background -> #EEE0D5
yellow -> #FFFF00
main blue -> #005DAA
A:HOVER darker blue (halfway between main blue and black (12 out of 24 steps)) -> #003476

SideBar Menu Colors
menu bg - lightest (5% main blue) - entries - #EDF4F9
menu bg - Subcategories (15% main blue) - #D5E4F1
menu bg - Top Level Category (20% main blue) - #C8DCEC

Other Stuff
Search box BG (10% yellow) -> #FFFFE5
Search box Border -> #8CB64D

Subfooter
URL List text (50% main blue) -> #7FAED4
URL List Lines (70% main blue) -> #337DBB

	:COLORS END*/

/* 	:TODO get this to work in IE8*/

/* General Layout */
body {
background: #FFFF00;
text-align: center;
}



/* Page */

#page {
margin: 0 auto;
width: 975px;
text-align: left;
padding: 0px;
/*border: 1px solid #000; */  /* for checking layout throwaway */
}


/*	:HEADER  the float:left and the float:right allow the search box and search button to align. The various widths are adjusted to allow enough space for them to align. There are different spaces between them in IE and FF. 
	:TODO maybe make separate stylesheets to get the space between to be the same in IE and FF*/

#header {
padding: 0px;
margin: 0px;
height: 130px;
width: 975px;
/*background: #FFFF00 url(/new/assets/logo.jpg) no-repeat  top;*/
/*border: 1px solid #000;   for checking layout throwaway */
}

#header a { /*:NOTE This is to get a link over the logo background image*/
background: #FFFF00 url(/new/assets/logo.jpg) no-repeat  top left;
display: block;
width: 625px;
height: 130px;
/*border: 1px solid #000;*/
float: left;
}
#header a:hover {
text-decoration: none;
}

#header a span { /*:NOTE This makes link text disappear*/
visibility: hidden;
}

#header .search {
/*padding-left: 620px;*/
padding-top: 94px;
/*border: 1px solid #000;   for checking layout throwaway */
width: 350px;
float:left;
}

#header .input
{
color: #005DAA;
background: #FFFFE5;
height: 16px;
margin-right:5px;
border: 1px solid #8CB64D;
padding-top:7px;
float: left;
}

#header .submit
{
padding: 0px;
border: 0px;
margin:0px;
margin-right: 10px;
color: #000;
width: 120px;
height: 26px;
background: #FFFF00 url(/new/assets/search_top.jpg) no-repeat; /* do a hover */
float: right;
}

/* :HEADER END */

/*	:MENU top menu, very altered version of http://css-class.com/articles/ursidae/ */
div#menu {
	left:0;
	margin:0px;
	padding:0px;
	width: 975px;
	height: 40px;	/*	:QUESTION this is needed. not sure why. menu goes outside of container without this*/
	background: url(/new/assets/bg_content.gif) repeat-y fixed center;
	/* border: 1px solid #000;*/  /* for checking layout throwaway */
	}
ul#navigation{
	 font-size: 14px;
	 font-weight: bold;
	}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	margin-left: 48px;	/*	:NOTE Creates the correct indentation for the first menu item. */
	list-style: none;
	z-index: 1000;	/*	:NOTE in IE the drop-down menu goes below the sidebar. This puts it above.*/
	}
	
ul#navigation li { 
	line-height : 40px;
	position: relative;
	float: left;
	/*border: 1px solid #000;*/  /* for checking layout throwaway */
	 }
	/* :KLUDGE These classes create the width of each menu item so that the white space is even between each variable length word. "width: auto;" did not work in IE so I had to do it by hand. It will need to changed if the menu items change. If possible find a better way to do it. */
	/*
ul#navigation li .breaking_ground { 
	width: 175px;
	}
*/
	ul#navigation li .events { 
	width: 105px;
	}
	ul#navigation li .support_us { 
	width: 130px;
	/* border: 1px solid red; */
	}
	ul#navigation li .about_us { 
	width: 80px;
	}
	/* :END KLUDGE */
	
*ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
	}
#navigation a {
	display: block;
	width: 125px;			/*	:NOTE Average Menu Width */
	/*width: auto; */ 		/*	:TRY tried this good thing but it did not work in IE  */
	color: #005DAA;
	line-height: 2.75em;	/*	:NOTE line-height sets the height of the nav bar and centers it and sets where the drop-downs begin */
	text-decoration: none;
	}
ul#navigation a:hover {
	color: #003476;
	text-decoration: none;
	display: block;
	}
ul#navigation li li a {
	width: 13em;    /*        ****CHANGE SUBMENU WIDTH**** */
 	background-color: #fff; 
	border-bottom: 1px solid #005DAA;	
	line-height: 1.75em; /*	:NOTE line-height sets the height of the drop-downs and overwrites the line-height above */
	font-size: 13px;
	font-weight: normal;
	padding: 3px 0px 2px 10px;
	text-align: left;
	}
ul#navigation li li a:hover {	
	background-color: #EDF4F9;
	}
ul#navigation li li li a {
	background-color: #EDF4F9;
	width: 13em; /*           ****CHANGE SUBMENU WIDTH**** */
	margin: 0px;
	}
ul#navigation li ul {
	position : absolute;
	left: -999em;
	}
#navigation li:hover ul ul, #navigation li.sfhover ul ul { /*	:TODO make sure the javascript works for ie6 and lower */
	left: -999em;
	}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
	}
/*                       ****DISPLAYS HORIZONTAL MENU**** */
#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
	}
div#menu {
	width:100%;
	}
/*	:MENU END */

/* Nav 2*/
#nav2 {
width: 975px;
height: 3.35em;
background: url(/new/assets/bg_content_yellow.gif) repeat-y fixed center;
padding: 0px;
margin: 0px;
}

#nav2 h1{ 	/* :TODO get the spacing right in all browsers, now the band is not flush to the text in all browsers */
font-size: 4em;
float: right;
padding: 0px;
padding-right: 9px;
margin: 0px;
color: #005DAA;
}

/* Body */

#body { 
background: #FFFF00 url(/new/assets/bg_content.gif) repeat-y fixed center;
margin: 0px;
padding: 0px;
}

#menu_highlight {  	/* :TODO figure out which h1 is being used for the big section title! */
height: 7em;
display: block;
}

#menu_highlight h1{
font-size: 5em;
float: right;
padding: 0px;
padding-right: 9px;
margin: 0px;
color: #005DAA;
}

/* Content */

#content {
float: left;
width: 660px;
padding: 0px;
margin:0px;
padding: 40px 0px 0px 30px;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.5;
/*border: 1px solid #000; */
}

#content h2 {
border-bottom: solid 1px #EDF4F9;
}

#content h3 {
border-bottom: solid 1px #EDF4F9;
color: #005DAA; 
}

#content h3 a {
border-bottom: solid 1px #EDF4F9;
color: #005DAA;
font-weight: bold; 
}

#content p {
font-size: 14px;
letter-spacing: 1px;
line-height: 1.5;
}

#content .mt-enclosure-file {
font-size: 14px;
letter-spacing: 1px;
line-height: 1.5;
}

#content a[href$=".pdf"]{
background: url(/new/assets/pdficon_tiny.gif) no-repeat right top;
padding-right: 15px;
}

#content ul li {
font-size: 13px;
letter-spacing: 1px;
line-height: 1.5;
padding-bottom: 10px;
list-style-type: disc;
}

#content a {
color: #005DAA;
font-weight: normal;
}

#content a:hover {
color: #003476;
text-decoration: none;
}

.image_box a { /*	:NOTE this creates a container for thumbnails and text so text is next to the picture, with a margin, flush to the top. Made by Matt.*/
	float:left;
	margin-bottom:30px;
	margin-right:30px;
/*	border: 1px solid #000; */
	}
	
.image_box {
	clear:both
	}
	
#content .tn_frames02 { /*	:NOTE this for thumbnails for repertory categories. The surround box sizes to the image.*/
    padding:10px 10px 10px 10px;
    border:1px solid #C8DCEC;
    background:#EDF4F9;
    text-align:center;
	display: block;
    
}

#content .division_bar {
display: block;
background-color: #EDF4F9;
height: 30px;
width: 640px;
margin-bottom: 30px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
clear:both;
}

#content .division_bar p {
font-size: 11px;
color: #999;
letter-spacing: 1px;
/* line-height: 1.3; */
padding: 7px 0px 0px 20px;
/* border: 1px solid #000; */
}

#content .division_bar a {
color: #999;
}

#content .division_bar a:hover {
color: #005DAA;
}

#content .comment_odd {
display: block;
background-color: #EDF4F9;
width: 600px;
height: 1%;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#content .comment_even {
display: block;
background-color: #C8DCEC;
width: 600px;
height: 1%;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#content .comment_even p, #content .comment_odd p {
font-size: 14px;
letter-spacing: .15em;
line-height: 18px;
padding-top: 10px;
/*border: 1px solid #000;*/ 
}


#content .tn_frames01 {
    padding:10px 10px 10px 10px;
    border:1px solid #C8DCEC;
    background:#EDF4F9;
    text-align:center;
	display: block;
    width:240px;
}

#content .printer-friendly {
	padding: 0px;
	padding-left: 22px;
	margin: 0px;
	margin-left: 5px;
	background: #EDF4F9 url(/new/assets/icon_print.gif) no-repeat left center;
	border:1px solid #C8DCEC;
	font-size: 11px; 
	float: right;
	line-height: 18px;
}

#content .buy {
line-height: 30px;
margin-top: 30px;
color: #005DAA;
border: 1px solid #005DAA;
padding: 5px;
background: #FFFF00 url(/new/assets/btn_yellow.jpg) repeat-x  center;
}

.arrow_read_more {
	background: url(/new/assets/arrow_read_more.gif) no-repeat 100% 50%;
	 padding: 3px 18px 2px 0px;
	/*  border: 1px solid #000; */
	}
	
.plus_add_comment {
	background: url(/new/assets/plus_add_comment.gif) no-repeat 100% 50%;
	 padding: 3px 18px 2px 0px;
	/*  border: 1px solid #000; */
	}
	
.read_comment {
	background: url(/new/assets/comment.gif) no-repeat 100% 50%;
	 padding: 3px 18px 2px 0px;
	/*  border: 1px solid #000; */
	}
	
.thumbspacing img {
float: left; margin: 0px 10px 0px 0px;
}

/* Resources - right sidebars */
/* :KRIKEE There is stuff in here that is complicated. One pixel differences between li tags and a tags that create the alternating blue and white stripes between  */
#resources {
float: right;
width: 240px;
/* border: 1px solid #000; */
padding-top: 40px;
padding-right: 10px;
}
#resources h3 {
/*display: block;*/
border-bottom: solid 1px #D5E4F1;
padding: 0px;
margin: 0px;
margin-top: 1px;
}
#resources h3 a {
display: block;
font-size: 20px;
color: #005DAA;
background-color: #C8DCEC;
margin: 0px;
padding: 10px 0px 7px 10px;
border-bottom: solid 1px #fff;
text-decoration: none;
height: 1%;	/*	:BUGFIX in IE all h3's after the first one are indented 10px - a haslayout problem*/
}
#resources h3 a:hover {
color: #003476;
text-decoration: none;
}
#resources ul, #resources ol {
font-size: 14px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#resources ul li {
padding: 0px;
display: block;
border-bottom: 1px solid #D5E4F1;
}
#resources ul li a {
color: #005DAA;
background-color: #D5E4F1;
display: block;
padding: 7px 0px 7px 10px;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#resources ul li a:hover {
color: #003476;
text-decoration: none;
}
#resources ul li ul {
font-size: 13px;
color: #FFFF00;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#resources ul li ul li {
padding: 0px;
border: 0px;
}
#resources ul li ul li a {
background-color: #EDF4F9;
display: block;
padding: 5px 0px 5px 20px;
border: 0px;
margin-bottom: 1px;
}

#resources img {
margin-top: 1px;
}

#resources .buttons { /* this no longer does anything but I am keeping it so that I can remember */
width: 222px;
margin-top: 4px;
color: #005DAA;
font-size: 14px;
font-weight: bolder;
text-align: center;
border: 1px solid #005DAA;
padding: 5px;
background: #FFFF00 url(/new/assets/btn_yellow.jpg) repeat-x  center;
display: block;
}

.side_buttons_submit {
width: 214px;
margin-top: 4px;
text-align: center;
border: 0px;
padding: 5px 0 15px 0px;
background: #FFF url(/new/assets/btn_side_yellow_email.gif) no-repeat; /* do a hover */
}

.side_text_box {
color: #005DAA;
width: 201px; 
border: 1px solid #005DAA;
padding: 5px;
margin-top: 0px;
}

#resources a:hover{
text-decoration: none;
color: #003476;
}

#resources .divider {
	margin-top: 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #7FAED4;
	background-color: #EDF4F9;
	width: 230px;
	padding: 5px;
}

/* Content Columns (front page) */
#content_all_page {
margin: 0;
width: 960px;
display: block;
}


#content_all_page img {
padding: 0 0 0 5px;
}

#content_columns {
margin: 0;
padding: 0 0 0 5px;
width: 960px;
display: block;
}


#content_columns p {
font-size: 14px;
color: #666666;
font-weight: normal;
letter-spacing: 1px;
line-height: 16px;
padding: 0px 8px 8px 10px;
text-align: left;
margin: 0;
}

#content_columns h3 {
font-size: 25px;
letter-spacing:1px;
line-height: 24px;
color: #005DAA;
padding: 0px 0px 0px 10px;
}

#content_columns h1 {
padding: 0 0 0 10px;
}

#content_columns img {
padding: 0;
margin: 0;
}

#content_columns strong {
color: #000;
font-size: 16px;
}

#content_columns strong a {
color: #7FAED4;
font-size: 16px;
}


#content_columns a {
color: #7FAED4;;
font-weight: bold;
}


#content_columns a:hover {
color: #005DAA;
text-decoration: none;
}

#content_columns .column1 {
width: 320px;
float:left;
}

#content_columns .column1 img {
padding: 0 0 20px 0px;
}

#content_columns .column1 img.side_buttons {
padding: 0 0 4px 0px;
}

#content_columns .column2 {
width: 320px;
float:left;
}
#content_columns .column2 img {
padding: 0 0 20px 4px;
}

#content_columns .column3 {
width: 320px;
float:left;
}

#content_columns .column3 img {
float: right;
padding: 0 0 20px 0px;
}


#content_columns ul, #content_columns ol {
font-size: 15px;
letter-spacing: 1px;
color: #7FAED4;
list-style-type: none;
margin: 0px;
padding: 10px 20px 10px 30px;
/* border-bottom: 1px solid #FEBE95; */
text-align: left;
}

#content_columns ul li {
padding: 7px 0px 8px 0px;
border-bottom: 1px solid #337DBB;
}

#content_columns ul a {
color: #7FAED4;
text-decoration: none;
}

#content_columns ul a:hover {
color: #ffffff;
text-decoration: none;
}


#content_columns ul li ul {
font-size: 14px;
color: #FFFF00;
list-style-type: none;
margin: 0px;
/* margin-left: 20px; */
padding: 0px;
border-bottom: 0px;
}

#content_columns ul li ul li {
/* padding: 3px 0px 4px 0px; */
padding: 0px 0px 1px 0px ;
border: 0px;
}

#content_columns ul li ul li a {
background-color: #ffe2bb;
display: block;
padding: 4px;
padding-left: 10px;
}

/* #content_columns .side_buttons {
width: 222px;
margin-top: 4px;
color: #005DAA;
font-size: 14px;
font-weight: bolder;
text-align: center;
border: 1px solid #005DAA;
padding: 5px;
background: #FFFF00 url(/new/assets/btn_yellow.jpg) repeat-x  center;
display: block;
} */

 #content_columns .side_buttons_submit {
width: 214px;
margin-top: 4px;
text-align: center;
border: 0px;
padding: 5px 0 15px 0px;
background: #FFF url(/new/assets/btn_side_yellow_email.gif) no-repeat; /* do a hover */
}

#content_columns .side_text_box {
color: #005DAA;
width: 201px; 
border: 1px solid #005DAA;
padding: 5px;
margin-top: 0px;

}

#content_columns form {
padding: 0px 8px 8px 10px;
}

#content .side_buttons {
width: 222px;
margin-top: 4px;
color: #005DAA;
font-size: 14px;
font-weight: bolder;
text-align: center;
border: 1px solid #005DAA;
padding: 1px;
background: #FFFF00 url(/new/assets/btn_yellow.jpg) repeat-x  center;
display: block;
}


/* Sub Footer */
#subfooter {
/* border-top: 1px solid #eee;
margin-top: 20px; */
background: #005DAA url(/new/assets/bg_subfooter_shadow.gif) repeat-x;
display: block;
/* border: 1px solid #eee; */
}

#subfooter #subfooter_page {
margin: 0 auto;
width: 960px;
padding: 0px;
padding-top: 30px;
display: block;
 /*border: 1px solid #eee;*/ 
}

#subfooter p {
color: #ccc;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
line-height: 16px;
padding: 0px 20px 0px 30px;
text-align: left;
margin: 8px 0 10px 0;
}

#subfooter strong {
color: #7FAED4;
font-size: 15px;
}

#subfooter strong a {
color: #7FAED4;
font-size: 15px;
}

#subfooter h3 {
color: #005DAA;
display: block;
background-color: #FFFF00;
border: solid 1px #000;
padding: 5px;
margin: 0px 20px 10px 20px;
text-align: left;
}

#subfooter a {
color: #FFFF00;
font-weight: bold;
text-align: left;
}


#subfooter a:hover {
color: #fff;
text-decoration: none;
}

#subfooter .column1 {
width: 320px;
float:left;

}

#subfooter .column2 {
width: 320px;
float:left;
text-align: left;
}


#subfooter .column3 {
width: 320px;
float:left;
}


#subfooter ul, #subfooter ol {
font-size: 15px;
letter-spacing: 1px;
color: #7FAED4;
list-style-type: none;
margin: 0px;
padding: 10px 20px 10px 30px;
/* border-bottom: 1px solid #FEBE95; */
text-align: left;
}

#subfooter ul li {
padding: 7px 0px 8px 0px;
border-bottom: 1px solid #337DBB;
}

#subfooter ul a {
color: #7FAED4;
text-decoration: none;
}

#subfooter ul a:hover {
color: #ffffff;
text-decoration: none;
}


#subfooter ul li ul {
font-size: 14px;
color: #FFFF00;
list-style-type: none;
margin: 0px;
/* margin-left: 20px; */
padding: 0px;
border-bottom: 0px;
}

#subfooter ul li ul li {
/* padding: 3px 0px 4px 0px; */
padding: 0px 0px 1px 0px ;
border: 0px;
}

#subfooter ul li ul li a {
background-color: #ffe2bb;
display: block;
padding: 4px;
padding-left: 10px;
}

#subfooter #twitter_div li{
color: #ccc;
font-size: 13px;
letter-spacing: 1px;
line-height: 1;
}

/* Footer */
#footer {
/*border: 1px solid #eee;*/
display: block;
background: #000;
padding-top: 20px;
padding-bottom: 30px;
height: 50px;
}

#footer p {
font-size: 13px;
color: #fff;
text-align: center;
margin: 0px;
padding: 0px;
line-height: 15px;
}

#footer a {
font-size: 13px;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #005DAA;
}

#graydivider {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #4C3D2E;
	width: 900px;
	padding: 0px;
	margin-bottom:10px;
}


/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
font-family: Helvetica, Arial, sans-serif;
color: #333;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

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

blockquote {
font-size: 14px;
line-height: 1.7;
letter-spacing: 1px;
margin: 1.5em;
display: block;
background-color: #C8DCEC;
width: 600px;
height: 1%;
padding: 10px 10px 10px 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .7em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.emphasis {
color:red;
font-weight: bold;
}


.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* -------------------------------------------------------------- 
   
   Boilerplate forms.css
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset {
padding: 1.4em;
margin: 0 0 1.5em 0;
border-bottom: 1px solid #C8DCEC;
border-right: 1px solid #C8DCEC;
background-color: #EDF4F9;
width: 600px;
}
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em;
}

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em;
color: #005DAA;
width: 300px; 
border: 0px;
border: 1px solid #005DAA;
}


/* hForm
-------------------------------------------------------------- */
form.hform p {
margin: 0 0 .5em;
}
form.hform p label {
float: left;
width: 130px;
color: #005DAA;
}

form.hform p label.checkbox_label {
width: 130px;
float:left;

}

form.hform p input {
color: #005DAA;
width: 300px; 
border: 0px;
border: 1px solid #005DAA;
padding: 5px;
}
form.hform p select { width: 200px; }

form.hform p input.button {
width: 120px;
color: #005DAA;
/*line-height: 2em;*/
border: 0px;
border: 1px solid #005DAA;
height: 24px;
/*padding: 5px 0px 5px 0px;*/
background: #FFFF00 url(/new/assets/btn_yellow.jpg) repeat-x  center;
padding: 0px;
margin-left: 130px;
}

form.hform p input.checkbox {
width: 1em;
float: none;
border: none;
}
form.hform p input.radio { width: auto; }

/*form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: left; }
form.hform p.checkbox input {
width: 1em;
float: left;
}
*/

/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }

/*UTILITES*/
.clear {
clear: both;
}