/*------------------------------*/
/*  Reset Styles                */
/*------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, li { line-height: 100%; font-weight: normal; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------*/
/*  General Styles              */
/*------------------------------*/
html, body { margin:0; padding:0; height:100%; }

body { background: url('../img/bg.jpg') repeat left top; font-size: 62.5%; }
a { text-decoration: none; }

@font-face {  
	font-family: "League Gothic";  
	src: url("League Gothic.otf");
}

/*------------------------------*/
/*  Wrapper                     */
/*------------------------------*/
#wrapper { background: url('../img/bg2.gif') repeat-y 25px 0; margin: 0 auto; width: 901px; min-height:100%; position:relative; }

/*------------------------------*/
/*  Header                      */
/*------------------------------*/
#header { background: url('../img/wrapper.png') no-repeat left top; height: 107px; overflow: hidden; }
#logo { float: left; margin: 5px 0 0 25px; }
#logo h1 a { background: url('../img/logo.png') no-repeat left top; display: block; height: 81px; text-indent: -9999px; width: 207px; }
#menu { float:right; margin:5px 5px 0 0; position:relative; right:117px; }
#menu ul { overflow:hidden; position:relative; }
#menu ul li { float: left; height:106px; margin:0 3px; }
#menu ul li:hover { background: url('../img/light.png') no-repeat center top; }
#menu ul li a { display: block; height: 23px; margin:27px 0 0; text-indent: -9999px; }
#menu ul li#menu1 { margin: 0; }
#menu1 { left:29px; position:relative; }
#menu1 a { background: url('../img/menu1.png') no-repeat center -23px; width: 70px; }
#menu2 { margin: 0; left:10px; position:relative;}
#menu2 a { background: url('../img/menu2.png') no-repeat center -23px; width: 70px; }
#menu3 a { background: url('../img/menu3.png') no-repeat center -23px; width: 105px; }
#menu4 a { background: url('../img/menu4.png') no-repeat center -23px; width: 77px; }
#menu5 a { background: url('../img/menu5.png') no-repeat center -23px; width: 117px; }
#menu6 a { background: url('../img/menu6.png') no-repeat center -23px; width: 107px; }
#menu7 { margin: 0; }
#menu7 a { background: url('../img/menu7.png') no-repeat center -23px; width: 70px; }


/*------------------------------*/
/*  Main                        */
/*------------------------------*/
#main { background: url('../img/splash.jpg') no-repeat 0 0; padding-bottom:152px; margin: 0 0 0 28px; width: 846px; }

/*------------------------------*/
/*  Splash                      */
/*------------------------------*/
#splash { background: url('../img/separator.png') no-repeat center bottom; position: relative; }
#splash-text { overflow: hidden; padding: 25px 0 20px 30px; width: 340px; }
#splash-text h1 { color: #333333; font-family: "Arial"; font-size: 1.7em; font-weight: bold; }
#splash-text p { color: #666666; font-family: "Georgia"; font-size: 1.2em; line-height: 20px; }
#splash-text a { background: url('../img/papers.png') no-repeat right top; display: block; float: right; height: 42px; text-indent:-9999px; width: 304px; }
#splash-image { bottom: -2px; position: absolute; right: 16px; }
#content { background: url('../img/vertical.png') no-repeat center center; overflow: hidden; padding: 30px 0; }
#learn { padding: 0 25px 0 21px; width: 240px; }
#learn h1 { background: url('../img/learn.png') no-repeat left top; height: 32px; width: 187px; }
#learn p { margin: 10px 0 0 5px; height: 100px; }
#library { padding: 0 17px 0 22px; width: 235px; }
#library h1 { background: url('../img/library.png') no-repeat left top; height: 35px; width: 216px; }
#library p { margin: 7px 0 0 15px; height: 100px; }
#quick { padding: 0 31px 0 22px; width: 233px; }
#quick h1 { background: url('../img/quick.png') no-repeat left top; height: 42px; width: 151px; }
#quick p { margin: 0 0 0 15px; }
#content div.single-content { float: left; }
#content div.single-content h1 { display: block; text-indent: -9999px; }
#content div.single-content p { color: #666666; font-family: georgia; font-size: 1.2em; line-height: 16px; margin-right: 15px; text-align: justify; }
#content div#learn a { background: url('../img/read.png') no-repeat left top; display: block; float: right; height: 27px; text-indent: -9999px; width: 97px; }
#content div#library a { background: url('../img/read.png') no-repeat left top; display: block; float: right; height: 27px; text-indent: -9999px; width: 97px; }

/*------------------------------*/
/*  Footer                      */
/*------------------------------*/
#footer { 
	background: url('../img/footer.png') no-repeat left top;
	bottom:0;
	height:152px;
	position:absolute;
	width:100%;  }
#footer ul { margin:72px auto 0; overflow: hidden; width: 600px; }
#footer ul li { background: url('../img/list.png') no-repeat left center; float: left; margin: 0 4px 0 0; padding: 0 0 0 7px; color: #FFFFFF; font-family: "times New Roman"; font-size: 1.2em; text-transform: uppercase; }
#footer ul li a {  }
#footer ul li#first { background: none; padding: 0; }
#footer p { color: #FFFFFF; font-size: 1.2em; margin: 7px 0 0; text-align: center; }
#footer p span { background: url('../img/list.png') no-repeat left center; padding: 0 0 0 6px; }

/*------------------------------*/
/*  Single Page                 */
/*------------------------------*/
#splash-single { background: url('../img/separator.png') no-repeat center bottom; min-height: 48px; position: relative; }
#splash-text-single { bottom: -3px; position: absolute; right: 405px; z-index: 100; }
#splash-text-single h1 { color: #416068; font-family:  "Tahoma"; font-size: 4.5em; font-weight: bold; text-transform: uppercase; }
#content-single { margin: 8px 0 0; overflow: hidden; }
#side-bar { background: url('../img/side-bar.png') no-repeat left top; float: left; min-height: 338px; width: 238px; }
#side-bar div.sidebar-content { min-height: 250px; width: 200px; margin: 30px auto 0 auto; font-family: "Georgia"; font-size: 1.1em; color: #666666; line-height: 18px;}
#main-content { float: right; margin: 28px 8px 0 0; overflow: hidden; padding: 0 27px 0 0; width: 548px; }
#main-content h1 { color: #333333; font-size: 2.3em; margin: 0 0 16px; }
#main-content h2 { color: #333333; font-size: 1.6em; margin: 0 0 16px; }
#bring { background: url('../img/bring.png') no-repeat left center; float: right; margin: 0 0 0 14px; padding: 5px; width: 145px; }
#bring h1 { background: url('../img/what-bring.png') no-repeat left top; color:#666666; display:block; font-family:"times New Roman"; font-size:1.5em; font-style:italic; height:18px; margin:0; padding:7px 0 0 29px; }
#bring ul { color: #666666; list-style: disc outside none; margin: 7px 0 10px 20px; }
#bring ul li { font-weight: bold; line-height: 1.6em; }
div#bring p { font-size: 1em; line-height: 14px; margin: 0 0 0 9px; }
#main-content p { color: #666666; font-family: georgia; font-size: 1.3em; line-height: 24px; margin: 0 0 23px; }
.aboutphoto { float:left; padding: 7px; border: 1px #999999 solid; margin-right: 10px;}
iframe { border: 1px #999999 solid; }

/*------------------------------*/
/*  Links                       */
/*------------------------------*/

a:link {
	color: #333333;
	text-decoration: underline;
}  
a:visited {
	color: #333333;
	text-decoration: underline;
}  
a:hover {
	color: #333333;
	text-decoration: none;
}  
a:active {
	color: #333333;
	text-decoration: underline;
}

#footer a:link {
	color: white;
	text-decoration: underline;
}  
#footer a:visited {
	color: white;
	text-decoration: underline;
}  
#footer a:hover {
	color: white;
	text-decoration: none;
}  
#footer a:active {
	color: white;
	text-decoration: underline;
}