/*html>body div 
{
width: auto; height:auto;
}*/

* {
	margin: 0;
	padding: 0;
}

#wrapper
{
width:960px; height:600px;
margin: 0 auto;

}

/* navigation*/

#navigation
{
width: 68px; height: 600px;
float:left;
background-color: #524d4e;
list-style: none;
border:none;
}



#home_button  a
 {
background-image:url(images/home.jpg); background-repeat: no-repeat;
display: block; width:68px; height:134px;
}

#home_button  a:hover
 {
background-image:url(images/homeb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:134px;
}


#about_button  a
{
background-image:url(images/about.jpg); background-repeat: no-repeat;
display: block; width:68px; height:60px;
}

#about_button a:hover

{
background-image:url(images/aboutb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:60px;
}


#apply_button a 
{
background-image:url(images/apply.jpg); background-repeat: no-repeat;
display: block; width:68px; height:67px;
}

#apply_button a:hover

{
background-image:url(images/applyb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:67px;
}


#how_button  a

{
background-image:url(images/how.jpg); background-repeat: no-repeat;
display: block; width:68px; height:57px;
}

#how_button  a:hover

{
background-image:url(images/howb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:57px;
}



#news_button  a
{
background-image:url(images/news.jpg); background-repeat: no-repeat;
display: block; width:68px; height:63px;
}

#news_button  a:hover
{ 
background-image:url(images/newsb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:63px;
}


#contact_button  a
{
background-image:url(images/contact.jpg); background-repeat: no-repeat;
display: block; width:68px; height:219px;
}

#contact_button  a:hover
{
background-image:url(images/contactb.jpg); background-repeat: no-repeat;
display: block; width:68px; height:219px;
}

/* nav end*/

/*content*/

#content
{
position: relative;
width:892px; height: 600px;
float: right; clear: right;
background-color: #524d4e ;
overflow: hidden;
border: none;

}

/*home section*/

#home
{
width:891px; height: 600px;
background-color: #524d4e ; background-image: url(images/content_home.jpg); background-repeat: no-repeat; border: none;
}

#home p
{
	font-family: Georgia,serif;
	color: black;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	height: auto;
	width: 215px;
	padding-left: 90px;
}

#home h1
{
height: auto; width: 225px;
font-family: "Times New Roman"; font-size: 27px; line-height: 28px; font-style: normal; font-weight: 100; text-align: justify;
padding: 90px 0 15px 90px;
}

#apply h1
{
height: auto; width: 220px;  
font-family: "Times New Roman"; font-size: 23px; line-height: 24px; font-style: normal; font-weight: 100;
padding: 65px 0 25px 70px;
}

#apply h3
{  
font-family: "Times New Roman"; font-size: 20px; line-height: 21px; font-style: normal; font-weight: 100; font-weight: 400;
height: auto; width: 220px;
padding-left: 70px;
}

/*apply section*/

#apply
{
width:891px; height: 600px;
background-color: #524d4e ; background-image: url(images/content_apply.jpg); background-repeat: no-repeat;
}

#apply_left
{
width:440px; height: 600px;
float:left;
}



#apply p
{
font-family: Georgia,serif; color: black; text-align: left; font-size: 14px; line-height: 16px;
height: auto; width: 250px;
padding-left: 70px;
}

/*about section*/

#about
{
width:891px; height: 600px;
background-color: #524d4e ; background-image: url(images/content_about.jpg); background-repeat: no-repeat;
}

#about p
{
font-family: Georgia; font-size: 12px; line-height: 15px; color:black; text-align: justify;
height: auto; width: 270px;
padding-left: 15px;

}

#about h1
{
font-family: Georgia; font-size: 20px; line-height: 19px; color:black; font-weight: 100;
padding: 0 0 10px 10px;
}

#about ul
{
font-family: Georgia; font-size: 12px; line-height: 16px; color:black;
padding-left: 10px;
list-style: none;
height: auto; width:265px;

}

/*how section*/


#how
{
width:891px; height: 600px;
background-color: #524d4e; background-image: url(images/content_how.jpg); background-repeat: no-repeat; border: none;
position:relative;
}



#how p
{
font-family: Georgia; font-size: 12px; line-height: 15px; color:black; text-align: justify;
height: auto; width: 270px;
padding-left: 15px;

}

#how h1
{
font-family: Georgia; font-size: 20px; line-height: 14px; color:black; font-weight: 100;
padding: 0 0 10px 15px;
}

#how ul
{
font-family: Georgia; font-size: 12px; line-height: 16px; color:black;
padding-left: 15px;
list-style: none;
height: auto; width:270px;

}


/*news section*/
#news
{
width:891px; height: 600px;
background-color: #524d4e; background-image: url(images/content_news.jpg); background-repeat: no-repeat; border: none;
}

#news h1
{
font-family: "Times New Roman"; font-size: 20px; text-align: left; line-height: 28px; font-style: normal; font-weight: 300; color: #000000;
height: auto; width: 270px;
padding: 150px 0 0  110px;
}

#news p
{
font-family: "Times New Roman"; font-size: 14px; text-align: left; line-height: 18px; font-style: normal; font-weight: 100; color: #000000;
height: auto; width: 270px;
padding: 0px 0 0  110px;
}

/*contact section*/

#contact
{
width:891px; height: 600px;
background-color:#524d4e; background-image: url(images/content_contact.jpg); background-repeat: no-repeat; border:none;
}

#contact h3
{  
font-family: "Times New Roman"; font-size: 20px; text-align: left; line-height: 28px; font-style: normal; font-weight: 300; color: #fd8d03;
}

#contact h1
{  
font-family: "Times New Roman"; font-size: 27px; line-height: 28px; font-style: normal; font-weight: 100;
padding: 45px 0 25px 140px;
height: auto; width: 220px;
text-align: left;
}

#contact p
{
font-family: Georgia,serif; color: black; text-align: left; font-size: 13px; line-height: 16px;
height: auto; width: 200px;
padding-left: 50px;
}

#contact h3
{  
font-family: "Times New Roman"; font-size: 20px; text-align:left; line-height: 28px; font-style: normal; font-weight: 300; color: #000000;
}




#contact ul
{ height:auto; width:150px;
  float:left;
  list-style: none;
  font-size: 13px; line-height: 15px;
  padding: 0 0 15px 50px;
  text-align: left;
 }
 
 
/*contact section*/
 

/*links*/
 
 a 
 { 
 color: #c75851;
 text-decoration: none;
 
 }
 
  a:hover 
 { 
 color: #000000;
 text-decoration: none;
 
 }


#map { color: white; display:block; background-color: black;  font-family: sans-serif;}


/*scrollpane*/




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}


/*scroll pane demo*/

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

/*body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;*/
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	width: 320px; height: 600px;
	position: relative;
	margin-left: 25px;
	padding: 80px 0 0 0;
}



.scroll-pane {
	width: 310px; height: 320px;
}



.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

/*#pane1 {
}

#pane2 {
}*/

/* slider
.slider {position:relative; overflow:hidden; border: 2px 0px 2px 0px dotted #ffffff; width: 350px; height:300px; background:none; margin-bottom:20px}
.slidercontent {position:relative}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px} */

.pitt {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}