@import url("dropdown_fcn.css");
@import url("branding.css");

/*--------------Do Not Change anything above-----------------*/


/*   below are a few style sheets that are imported at runtime uncomment each of them to see how they affect the navigation of your site
the only code needed is @import url("...");   */
/*<-----commented|            @import url("/css/text_T_text_L.css");                   |commented----->*/
/*<-----commented|            @import url("/css/text_T_block_L.css");                  |commented----->*/
/*<-----commented|            @import url("/css/block_T_text_L.css");                  |commented----->*/
/*<-----commented|            @import url("/css/tab_T_block_L.css");                   |commented----->*/
/*<-----commented|            @import url("/css/tab_T_text_L.css");                    |commented----->*/
@import url("block_T_block_L.css");

/* BODY STYLES Explained
FONTS:
Change the font family, right now it is set to have san serif fonts throughout the site, if you would prefer
to have a specific font showing in the site simply put it at the beginning of the font list 

MARGINS:
Right now the website is set to have 10 pixels of space at the top and at the bottom of the site.

Values for the margins style:
	margin: (top) (right) (bottom) (left);

Example of a website that has no space between the page and the browser window:
	margin: 0 0 0 0;
*/
body { font-family: verdana, trebuchet, arial, san-serif; margin: 30px 0 10px 80px; }


/* WRAPPER STYLES Explained
The wrapper style will control the alignment of the website.
Options Include:
	text-align: right;
	text-align: center;
	text-align: left;
*/
#wrapper { text-align: left; }

/*MAINTABLE STYLE Explained
This style can control a lot of stuff for the appearance.

WIDTH:
Changing this number will change the width of the site, right now it is set to a web standard of 776px,
I wouldn't recommend going any wider than 776px but if you wanted you could go narrower.

PADDING:
Changing the padding will increase the space between the inner edge of the table and the content
*/
#maintable { width: 776px; padding: 0 0 0 0; }

#header {font-size: 76%; vertical-align:bottom; }


#content { padding: 0 0 0 0; vertical-align: top; }

#leftnav { width: 175px; vertical-align: top; padding: 0 0 0 0; }


#mainC { vertical-align:top; }


#rightC { vertical-align:top; padding: 0 0 0 0; width: 201px; }

.dataHolder { width: 100%; font-size: 76%; }
.resultstable { width: auto; font-size: 100%; color: #373737; padding: 10px 5px 10px 5px; line-height: 150% }
.dataEdit { display:none }

.dataHolder {width:auto;}
.sizer0 {font-size:60%;}
.sizer2 {font-size:76%;}
.sizer4 {font-size:100%;}
.sizer6 {font-size:18pt;}

#fontselector { text-align: right; width: 776px; }
#fontselector a { float: right; }
#fontselector a.tiny { display:block; width: 16px; height: 16px; background: none url(/images/thR.gif) top left no-repeat; margin: 2px 2px 2px 2px; }
#fontselector a.tiny:hover { display:block; width: 16px; height: 16px; background: none url(/images/thO.gif) top left no-repeat; }
#fontselector a.small { display:block; width: 16px; height: 16px; background: none url(/images/smR.gif) top left no-repeat; margin: 2px 2px 2px 2px; }
#fontselector a.small:hover { display:block; width: 16px; height: 16px; background: none url(/images/smO.gif) top left no-repeat; }
#fontselector a.medium { display:block; width: 16px; height: 16px; background: none url(/images/mdR.gif) top left no-repeat; margin: 2px 2px 2px 2px; }
#fontselector a.medium:hover { display:block; width: 16px; height: 16px; background: none url(/images/mdO.gif) top left no-repeat; }
#fontselector a.large { display:block; width: 16px; height: 16px; background: none url(/images/lgR.gif) top left no-repeat; margin: 2px 2px 2px 2px; }
#fontselector a.large:hover { display:block; width: 16px; height: 16px; background: none url(/images/lgO.gif) top left no-repeat; }

/*for tables nested inside the data holder*/
.nested { font-size: 100%; width: auto; position: relative;}
.labels { font-weight: bold; padding: 3px 3px 3px 3px; }
.dataitems { padding: 5px 5px 5px 5px; }

form { margin: 0 0 0 0; padding: 3px 3px 3px 3px; font-size: 76%; }
form h1 { font-size: 100%; margin: 0 0 0 0; padding: 2px 2px 2px 2px; }
textarea { font-size: 100%; font-family: verdana, trebuchet, arial, san-serif; }
input {  }
input.btn {  }


#footer { font-size: 76%; padding: 2px 5px 2px 5px; }
#footer a { display: inline; padding: 2px 2px 2px 2px; margin: 0 0 0 5px; float: right; }