/* 1024px < Screen < 1920px  (default)
================================================== */

        #content{
            -moz-border-radius: 10px;
            border-radius: 10px;
            width:76%;
            margin:10px auto;
            background-color:#fff;
            box-shadow:0px 2px 10px #bbb
		}
			
            /***** Header *****/
            #header {
                -moz-border-radius: 10px;
                border-radius: 10px;
                height:230px;
                background:url(../banner.jpg);
                width:92%;
                margin:10px auto;
                box-shadow:0px 1px 2px #bbb
            }
            #header-logo{padding:34px 40px;}

            /***** Menu *****/
            #menu_container{    /*used to wrap around the menu to control menu position*/
                width: 92%;
				height:30px;
				margin:auto;
            }
            #menu {
				width:100%;
				margin: 0 auto;
            }
            #menu ul {padding:0; margin:0;}
            #menu li {display:inline;}
            #menu a{
                display:block;
				float:left;
                margin-right:28px;
				text-align:left;
				text-decoration:none;
				line-height:30px;
				font-size:16px;
				color:#555555;
				text-shadow:1px 1px 1px #999;
            }
            #menu a:hover, .active a{
                text-shadow:1px 1px 1px #999;
				color:#a7603c;
            }
            #menu .active a {
                text-shadow:1px 1px 1px #999;
				color:#a7603c;
			}
            #youarehere{
                width:92%;
                margin: 0px auto 16px auto;
                font-size:8px;
            }
            #youarehere a{
                display:inline-block;
                padding:0px 6px;
            }

            /***** Text *****/
            #fulltext{
				width:92%;
                margin:10px auto;
            }
            #subtitle{
                color:#a7603c;
                font-size:32px;
                font-weight:300;
                margin-bottom:-8px;
                font-variant:small-caps;
            }
            #subsubtitle{
                width:100%;
                font-size:14px;
                margin:-4px 0 8px 0;
                font-weight:300;
                font-variant:small-caps;
            }
            #text{
				float:left;
				width:75%;
            }
			#toc-s{
				display:block;
				margin:50px 0 20px 0;
				padding:15px;
				background-color:#eee;
				width:75%;
			}
			#toc-s h1{
				line-height:24px;
				font-size:17px;
				text-shadow:1px 0px 1px #999;
				margin-top:0;
			}
			#toc-s a{
				display:block;
				width:75%;
				text-align:left;
				line-height:12px;
				margin: 8px 0 8px 0;
				line-height:12px;
				text-decoration:none;
			}
			#toc-s a.h1{margin-left:4px}
			#toc-s a.h2{margin-left:40px}
			#toc-s a.h3{margin-left:80px; font-style:italic;}
			
			/***** Links *****/
            #links{
                float:right;
                width:19%
            }		
            #links a,c{
				display:block;
				width:92%;
				font-size:12px;
                padding:8px 0;
                text-align:left;
            }
			#links a.toc{
				background: #eee;
				border: 1px solid #ddd;
				padding:8px 4%;
				margin:4px 0;
			}
			#links c.toc{
				margin:4px 0;
				background: #ddd;
				border: 1px solid #ddd;
				padding:8px 4%;
				font-weight:bold
			}
            #links h1{
				line-height:24px;
				font-size:17px;
				text-shadow:1px 0px 1px #999;
			}
		
		/***** Download side links *****/
		.download-wrapper{
			width:69.91%;
			position:absolute;
			left:15.05%;
		}
		.download-placer{
			width:19%;
			float:right;
		}
		.download a{
			width:92%;
			display:block;
			text-align:left;
			background: #eee;
			border: 1px solid #ddd;
			padding:8px 4%;
			margin:4px 0;
		}
			
		/*** Bottom Navigator ***/
		#nav-wrapper{
			text-align:center;
			margin-top:-12px;
		}
		.nav{
			display: inline-block;
			border-collapse: collapse;
			margin: 10px auto 20px auto;
		}
		.nav td a {
			display:inline-block;
			padding: 12px;
			margin:2px;
			text-align: center;
			background: #eee;
			border: 1px solid #ddd;
		}
		.nav td b {
			display:inline-block;
			padding: 12px;
			margin:2px;
			text-align: center;
			background: #ddd;
			border: 1px solid #ddd;
		}

		/*** Footer ***/
		#footer {
			height:295px;
			text-align:left;
			width:100%;
			margin:0 auto;
			background-color:#eee;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		#footer-wrapper {
			height:300px;
			width:92%;
			margin:0 auto;
		}
		#footer p {
			margin:0 0 8px 0;
			padding:0;
			text-align:left;
			font-size:12px;
			line-height:20px;
		}
		.flinks {
			height:160px;
			width:19%;
			float:left;
			margin:50px 20px 30px 0px;
            padding-right:5px;
			border-right: 1px solid #ddd;
		}
		.fbottom {
			width:95%;
			font-size:8px;
            text-align:center;
			margin:auto;
			padding-bottom:20px;
		}
		/*.fbottom a{
				color:#000;
        }
		.fbottom a:hover{
				color:#888;
        }*/
		
/* Screen > 1920px
================================================== */
	@media only screen and (min-width: 1920px) {
        #content{
            -moz-border-radius: 10px;
            border-radius: 10px;
            width:1459.2px;
            margin:10px auto;
            background-color:#fff;
            box-shadow:0px 2px 10px #bbb
		}
	}
	
/* 768px < Screen < 1024px
================================================== */
	@media only screen and (max-width: 1024px) and (min-width: 769px){
        #content{
            -moz-border-radius: 0px;
            border-radius: 0px;
            width:100%;
			margin:0;
            background-color:#fff;
            box-shadow:0px 2px 10px #bbb
		}
		.download-wrapper{
			width:92%;
			position:absolute;
			left:4%;
		}
		.flinks {
			height:160px;
			width:24%;
			float:left;
			margin:50px 20px 30px 0px;
            padding-right:5px;
			border-right: 1px solid #ddd;
		}
	}
	
/* Screen < 768px
================================================== */
	@media only screen and (max-width: 768px) {
        #content{
            -moz-border-radius: 0px;
            border-radius: 0px;
            width:768px;
			margin:0;
            background-color:#fff;
            box-shadow:0px 2px 10px #bbb
		}
		.download-wrapper{
			width:706.56px;
			position:absolute;
			left:30.72px;
		}
		.flinks {
			height:160px;
			width:24%;
			float:left;
			margin:50px 20px 30px 0px;
            padding-right:5px;
			border-right: 1px solid #ddd;
		}
	}