/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #747474 url(images/bg1_01.jpg) repeat left top;
}
/*-------------------CSS code for Scrolling Window-LRA----------------------*/

/* ie only styles */
/* commented backslash hack v2 \*/ 
* html body{height:100%;} 
/* end hack */ 

* html body {
	padding: 0;
	overflow: hidden;
 }
 
* html #wrapper{
	width:920px;
	height:100%;
} 
* html #top {
	position: absolute;
	left:auto;  
	top: 0;
	width:100%;
	padding: 0;
	height: 205px;
}
 
* html .content {
	overflow:auto;
	height:100%;
}
 
/* mozilla styles below */
html>body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width:940px;
}
 
html>body #top {
	position: fixed;
	width:940px;  
	left: 50%;
	margin-left:-450px;  
	top: 0;
	padding: 0;
	height: 205px;
}
 
html>body .content {
	position: fixed;
	top: 205px;
	width:940px;  
	left: 50%;
	margin-left:-450px;  
	bottom:30px;
	padding:0;
	overflow:auto;
}
html>body .content_vitae {
	position: fixed;
	top: 247px;
	width:940px;  
	left: 50%;
	margin-left:-450px;  
	bottom:30px;
	padding:0;
	overflow:auto;
}
/*-----------------------------------------------------------------*/

/*-------------------CSS code for Scrolling Window-DESIGNS----------------------*/

/* ie only styles */
/* commented backslash hack v2 \*/ 
* html body{height:100%;} 
/* end hack */ 

* html body {
	padding: 0;
	overflow: hidden;
 }
 
* html #wrapperDS{
	width:920px;
	height:100%;
} 
* html #topDS {
	position: absolute;
	left:auto;  
	top: 0;
	width:100%;
	padding: 0;
	height: 250px;
}
 
* html .contentDS {
	overflow:auto;
	height:100%;
}
 
/* mozilla styles below */
html>body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width:940px;
}
 
html>body #topDS {
	position: fixed;
	width:940px;  
	left: 50%;
	margin-left:-450px;  
	top: 0;
	padding: 0;
	height: 250px;
}
 
html>body .contentDS {
	position: fixed;
	top: 250px;
	width:940px;  
	left: 50%;
	margin-left:-450px;  
	bottom:30px;
	padding:0;
	overflow:auto;
}
/*-----------------------------------------------------------------*/

/*-------------------------Headings-------------------------------*/

h1{
	font-size: 21px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	letter-spacing: 3px;
}

h2{
	font-size: 10px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	margin-bottom:0px;	
}

h3{
	font-size: 18px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0px 60px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom:-60px;	
	margin-top:30px;	
}

h4{
	font-size: 18px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 60px;
	font-weight: bold;
	letter-spacing: 0px;	
	margin-bottom:-8px;
} 

h5{
	font-size: 16px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 60px;
	margin-bottom:-55px;
	font-weight: bold;
	letter-spacing: 0px;	
	text-decoration: underline;
}

h6{
	font-size: 12px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 60px;
	font-weight: normal;
	letter-spacing: 0px;
}


/*---------------------------Teaching Page---------------------------*/
.style2{
	font-size: 16px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 60px;
	font-weight: bold;
	letter-spacing: 0px;	
	text-decoration: underline;
}

.style3{
	font-size: 18px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0px 60px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom:30px;	
	margin-top:60px;	
}
.style4{
	font-size: 9px;
	color: ##746897;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 60px 0 0;
	font-weight: normal;
	letter-spacing: 0px;
	text-align: right;
}

/*-------------------------Design Page List-------------------------------*/
div#list{
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 20px;
	font-weight: bold;
	font-style:normal;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
}

div#list a:hover{
	border-bottom: 4px solid #A8A8AA;
	color: #A8A8AA;
}

div#list a{
	color: #A8A8AA;
	text-decoration: none;
}

/*-------------------------Back Button-------------------------------*/
div#btn{
	margin: 0;
	padding: 0 0 0 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #746897;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}


div#btn a{
	color: #746897;
	text-decoration:underline;
}


/*-------------------------Text Styles-----------------------------*/

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A8A8AA;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A8A8AA;
	padding: 0 60px 0 60px;
}

.text2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A8A8AA;
	padding: 0 30px 0 30px;
	text-align:left;
	}

.text3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A8A8AA;
	padding: 0 30px 0 60px;
}
/*-----------------------------------------------------------------*/


/*---------------------------List Items---------------------------*/

ul{
	margin: 5em;
	list-style-image: url(images/bullet.gif);
	margin-bottom:15px;
}

li{
	margin-left: 12px;
	line-height: 20px;
	font-size: 14px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 5px 15px;
	}
	
ul.links{
	margin: 1em;
	list-style-image: url(images/bullet.gif);
	margin-bottom:15px;
}

li.links{
	margin-left: 12px;
	line-height: 20px;
	font-size: 14px;
	color: #A8A8AA;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 5px 15px;
	}



/** LINKS */

a {
	color: #746897;
	font-style: italic;
	font-weight: bold;
	letter-spacing: .5px;
}

a:hover {
	text-decoration: underline;
	color: #A8A8AA;
}
/*-----------------------------------------------------------------*/


/*---------------------------STYLES--------------------------------*/

.style1 {
}

.style1 a {
}

.style1 a:hover {
}
/*-----------------------------------------------------------------*/

.align-justify { text-align: justify; }
.align-right { text-align: right; }

/*--------------------------BACKGROUNDS---------------------------*/

.bg1 { background: url(images/header_13.jpg) no-repeat left top; }

.bg2 { background: url(images/bg2_03.jpg) repeat-y left top; }
.bg3 { background: url(images/bg2_04.jpg) no-repeat left bottom; }

.bg4 { background: url(images/bg2_05.jpg) no-repeat left top; }

.bg5 { background: url(images/homepage09.jpg) repeat left top; }

/*-----------------------------------------------------------------*/

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}