/* The CSS of 1107.se. Feel free to copy this code, but please do give some accreditation. */

/* DEFAULT PAGE SETTINGS */

#printending {display:none;}

body
{
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
/* default font size is 16px, default line height is 18px */
background:#F4F0EC;
width:100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

/** headings **/
h1 { font-weight: normal; font-size: 1.5em; line-height: 1.3em; color: #002266; margin-top: 0.667em; margin-bottom: 0.667em; font-family: Verdana, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;}
h2 { font-weight: normal; font-style: italic; font-size: 1.3em; line-height: 1.3em; color: #002266; margin-top: 0.769em; margin-bottom: 0.769em; font-family: Verdana, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;}
h3 { font-style: italic; font-size: 1.1em; line-height: 1.3em; color: #002266; margin-top: 0.909em; margin-bottom: 0.909em; font-family: Verdana, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;}
h4 { font-size: 1.0em; line-height: 1.3em; color: #002266; margin-top: 0.469em; margin-bottom: 0.039em; font-family: Verdana, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;}

/** paragraphs and text **/
p { 
font-family: Verdana, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 0.94em;  /* 16px * .94 = 15px */
line-height: 1.5em; /* 1.5 line height. */
color:#002266;
}
/* Use for larger breaks on the following paragraph instead of multiple ps */
p.smallbreak { text-indent: 0; margin-top: 0.83em; }
p.mediumbreak { text-indent: 0; margin-top: 2.17em; }
p.largebreak { text-indent: 0; margin-top: 3.08em; }

pre {
font-family: courier, "Courier New", "Bitstream Vera Sans Mono", monospace;
font-size:1em;
color:#002266;
background-color:#ededed;
}

.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.capitalize {text-transform:capitalize;}
.italic {font-style:italic;}
.center {text-align:center;}
.bold {font-weight:bold;}
.small { font-size: 0.80em; line-height: 1.5em;} /* 15px*0.8=12px, 12px*1.2=14.4px */
.smallitalic {font-style:italic; font-size: 0.80em; line-height: 1.5em;}

/** types of lists **/
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upperroman {list-style-type: upper-roman;}
ol.lowerroman {list-style-type: lower-roman;}
ol.lowergreek {list-style-type: lower-greek;}
ol.upperalpha {list-style-type: upper-alpha;}
ol.loweralpha {list-style-type: lower-alpha;}

/** tables **/
/** default values **/
table, tr, td { background:transparent; margin-left: auto; margin-right: auto; border:0px; padding:0px; border-spacing:0; border-collapse:collapse; border: none; }

/** links **/
/* The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states **/
a:link { color: #446CCF; }
a:visited { color: #002266; }
a:hover { color: #002266; }
a:active   { }

/** No border on image links **/

/** images **/
/** Remove image borders **/
img { border: 0px; }
img.center { display: block; margin-left: auto; margin-right: auto; }

/** horizontal lines **/
hr { height: 1px; border: 1px solid #ccc; }


/** Visibility/invisibility etc **/
.hidden { visibility:hidden; }
.displaynone { display:none; }

/* DEFAULT PAGE PART SPECIFIC SETTINGS */
/* TOP SECTION */
#topsectiontable{width:100%;}
#toptd { background-image:url('/des/2011/toptd_bg_3px.gif'); height:100px; background-repeat:repeat-x; vertical-align: middle; text-align:center; }
#menutable { background:#002266; height:21px; width:100%;}
#menutd { background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x; vertical-align: middle; }
#menuborderimgleft { width:2px; background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x;}
#menuborderimgright { width:2px; background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x;}
#menumarginleft { background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x; width:51px; }
#menumarginright { background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x; width:51px; }
td.menubuttons { background-image:url('/des/2011/menu_bg.gif'); background-repeat:repeat-x; width:128px; vertical-align: middle; text-align:center;}
a.menubuttonlinks { text-decoration: none; } 
/* CONTENT SECTION */
#contentsectiontable { width:100%; }
#contentsidestable { width:100%; }
#contentsidestd { background:transparent; }
#contentleftlinetd { background:#002266; width:1px; }
#contentrightlinetd { background:#002266; width:1px; }
#contentleftmargintd { background:#ffffff; width:52px; }
#contentrightmargintd { background:#ffffff; width:52px; }
#contenttd { background:#ffffff; vertical-align: top; height:678px; width:640px; }
#topcontentseparatortd { height:3px; width:100%; }
#bottomcontentseparatortd { height:3px; width:100%; }
/* BOTTOM SECTION */
#bottomsectiontable{ width:100%; }
#bottomsectionlefttd { background:#002266; height:40px; width:200px; vertical-align: middle; text-align:left; }
#bottomsectionrighttd { background:#002266; height:40px; vertical-align: middle; text-align:right; }
#bottomsectionleftmargintd { background:#002266; width:10px; }
#bottomsectionrightmargintd { background:#002266; width:10px; }
#bottomsectioncopyrightp { color:#ddd; font-size: 0.7em; line-height: 1.5em; }



/* LINKED TO OTHER PAGES AS WELL */
/* CONTACT FORM */
#contactformbody { background:#ffffff; }
/* SUBMITTED PAGE */
#bodysubmitted { background:#ffffff; text-align: left; }
#contenttdsubmitted { background:#ffffff; vertical-align: top; }
/* MENU BUTTON REDIRECT PAGE */
#menubuttonredirectbody { background:#ffffff; }



/****
 **** HTML ELEMENT STYLING
 ****
 ****/
/* INFORMATION ABOUT FONTS USED:
* The following font family declarations are based on the Microsoft core
* web fonts which are common fonts available on most computer systems. The
* Bitstream Vera fonts are commonly available on Linux systems where the MS
* fonts are less common.
*
* A user's web browser will look at the comma-separated list and will
* attempt to use each font in turn until it finds one that is available
* on the user's computer. The final "generic" font (sans-serif or serif)
* hints at what type of font to use if the web browser doesn't find any
* of the fonts in the list.
*
* Our font size and line height declarations are based on the following ALA
* article:
*   http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsers use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.


font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;

font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;

*/

/* Colors used:
amber: #ffbf00
royal blue: #002266
lavender: #b57edc
han blue: #446CCF
isabelline: #F4F0EC
ivory: #FFFFF0

# OLD COLORS:
	BLUES
	darkest: #001642
	medium: #13264D
	oxford blue: #002147
	light: #2D5AB3
	lighter: #5071B3
	Maya: #73C2FB
	My own Maya: #63B2DB
	Capri/deep blue sky: #00BFFF
	cobalt blue: #0047AB
	
	GREENS
	tea green: #D0F0C0
	moss green: #ADDFAD
*/