* {margin:0;padding:0;}/*for demo purposes only, use a proper reset in your final layout*/

/*=== Begin Layout Structure ===*/
html,body {height:100%;padding:0} 

html {overflow-y:scroll;}/*keep scrollbar position present in FF*/

body {	
    background:#fff url(images/sidebar4.png) no-repeat;
    background-attachment:fixed;
    font-size: 100%;
    font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
    color: #000;
}

a {
	color: #990000;
	text-decoration: none;
	display:block;
}

a:hover {
	text-decoration: underline;
	border-bottom: 1px solid #00aad3;
	
}

.image a {
	color: #990000;
	text-decoration: none;
	display:block;
}

.image a:hover {
	text-decoration: underline;
	border: 1px solid #00aad3;
	
}

#link { 
	position: absolute; 
	top: 399px; 
	left: 243px; 
	width: 70px; 
	height: 20px; 
	/*border: 1px solid red;*/
}

#link a { 
	color:#000; 
	text-decoration: underline;
}
#link a:hover { 
	color:#000; 
	text-decoration: underline; 
}

#image { 
	position: absolute; 
	top: 136px; 
	left: 54px; 
	width: 70px; 
	height: 200px;
	z-index:99; 
	
		 
}


#wrapper {
    margin:0 auto;
    width:900px;
    min-height:100%;
    background:transparent; /*important for good browsers since min-height:100%; is on this div*/
    /*border-left: 1px solid #000;
    border-right: 1px solid #000;  */
}
#header {
    width:100%;
    height:101px; 
    position:fixed;
    top:0;
    left:0;
    z-index:5;
	
	
}
#innerhead {
    height:259px;
    /*border-bottom: 1px solid #000;*/
	background: url(images/header_lines.jpg) repeat-x #FFF;

	
}
#innerwrap {/*IE6 gets it's own styling for this*/}

#main{
    margin:0 auto;
    width:1000px;
    background:#fff;/*this is here to be picked up by IE6*/
    position:relative; /*establish containing block for AP #rightwrap*/
}
.top-pad {height:101px}/* same height as header to preserve space*/

#content {
    width:698px; /*actual space available is 699px, let's keep it an even number*/
    padding-bottom:20px; /*give bottom padding for textual content*/
	padding-top:180px;
    background:inherit; /*inherhit #main BG color for 100% height appearance with minimal content*/
    line-height:1.2;
	position:absolute;
	top:90px;
	left:400px;
	z-index:1;
	
}
#right-wrap {
    width:200px; 
    /*border-left: 1px solid #000; /*201px total width with left border*/
    position:absolute;
    top:101px; /*same as header height*/
    bottom:61px; /*same as footer height*/ 
    right:0;
    background:#fff; 
}
#right-inner {
    position:fixed;/*for good browsers*/
    width:200px;
    top:101px; /*same as header height*/
    bottom:61px; /*same as footer height*/ 
    padding-bottom:20px; /*give bottom padding for textual content*/
    background:#fff; 
    overflow:auto; /*give insurance for text acessability at smaller viewport heights*/
}
.bot-pad {height:61px}/* same height as footer to preserve space*/

#footer {
    width:100%;
    height:61px; 
    position:fixed;
    bottom:0;
    left:0;
    z-index:5;
}
#innerfoot {
    height:60px;
    /*border-top: 1px solid #000;*/
    background:#fff;
}

/*=== Begin Demo Typography ===*/
a {text-decoration:none;}
p {padding:10px 10px 0 10px;}
.credit {
    font-weight:bold;
    color:#333;
    line-height:1.2;
    padding:15px 10px;
}
h1,h2,h3 {
    padding:5px 10px 0 10px;
    text-align:center;
    font-family: "trebuchet ms", verdana, sans-serif;
}
h1 {font-size:1.75em;}
h2 {font-size:1.5em;}
h3 {font-size:1.25em;}
#content h2, #right-wrap h3 {text-align:left;}