/*
This design was created to be very simple and easy to edit for beginners. This is achieved by comments spread throughout the HTML file and the CSS that indicate where different parts of the design's code are located. If you have any questions, email me at toxicityj@gmail.com or head over to http://www.zilladesigns.net 
*/


#skip {
	position: absolute;
	left: -9999px;
	}

/*BODY*/
body {
	background-color:#FFFFFF;
	font-family:"trebuchet ms" , arial, sans-serif;
	}

a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:hover {
	color:#000000;
	}


/*CONTAINER STYLES*/

#main {
	width:760px;
	margin:auto;
	}
	
#header {
	background-image: url(images/header.jpg);
	width:100%;
	height:300px;
	}

#leftidx {
	width:204px;
	float:left;
	height: 540px;
	background-color:#7F60C1;
	}

#leftnik {
	width:204px;
	float:left;
	height: 1087px;
	background-color:#7F60C1;
	}

#leftnikf {
	width:204px;
	float:left;
	height: 1168px;
	background-color:#7F60C1;
	}

#leftgallery{
	width:380px;
	float:left;
	background-color:#BFDA97;
	}

#leftweb{
	width:380px;
	float:left;
	height: 1060px;
	background-color:#7F60C1;
	}

#leftfrench {
	width:204px;
	height: 989px;
	float:left;
	background-color:#7F60C1;
	}

	
#rightidx {
	width:556px;
	float:right;
	height: 540px;
	background-color:#BFDA97;
	color:#7F60C1;
	}

#rightnik {
	width:556px;
	float:right;
	background-color:#BFDA97;
	height: 1087px;
	color:#7F60C1;
	}

#rightnikf {
	width:556px;
	float:right;
	background-color:#BFDA97;
	height: 1168px;
	color:#7F60C1;
	}

#rightgallery {
	width:380px;
	float:right;
	background-color:#BFDA97;
	}

#rightweb {
	width:760px;
	height:620px;
	float:right;
	background-color:#BFDA97;
	}

#rightfrench {
	width:556px;
	float:right;
	background-color:#BFDA97;
	height: 989px;
	color:#7F60C1;
	}

#fullpage {
	width:760px;
	float:right;
	background-color:#BFDA97;
	color:#7F60C1;
	}


#presspage {
	width:760px;
	height:350px;
	float:right;
	background-color:#BFDA97;
	color:#7F60C1;
	}

#weblist {
	background-color:#7F60C1;
	color:#BFDA97;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

#weblist ul {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 25px;
	font-size:17px;	
	}

	
#weblist li{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 0px 3px 10px;
	font-size:17px;	
	}



/*TEXT STYLES*/

h1 {
	color:#7F60C1;
	padding-left:11px;
	font-size:35px;
	padding-right:5px;
	margin-top: 3px;
	margin-bottom: 5px;
		}


h2 {
	color:#7F60C1;
	font-size:24px;
	padding-left:13px;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
h3 {
	color:#7F60C1;
	font-size:20px;	
	padding-left:13px;
	margin-top: 20px;
	margin-bottom: 10px;
	}


h4 {
	color:#7F60C1;
	font-size:17px;
	padding-left:13px;
	margin-top: 10px;
	}

h5 {
	color:#7F60C1;
	padding-left:11px;
	font-size:35px;
	padding-right:5px;
	margin-top: 3px;
	margin-bottom: 20px;
	text-align: center;
		}
	
h6 {
	color:#BFDA97;
	padding-left:11px;
	font-size:35px;
	padding-right:5px;
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: center;
	}


p {
	margin:2px 0 0 5px;
	}


/*CLASSES*/	

.description_text {
	padding:5px;
	text-align:center;
	color:#BFDA97;
	}

.web_text {
	padding:5px 14px 0px 5px;
	text-align:center;
	color:#BFDA97;
	}

.web_textj {
	padding:5px 14px 0px 5px;
	text-align:justify;
	color:#BFDA97;
	}

.web_textj2 {
	padding:0px 13px 15px 8px;
	text-align:justify;
	color:#7F60C1;
	}

.web_head {
	padding:5px;
	font-size:20px;
	text-align:center;
	color:#BFDA97;
	}

.web_head2 {
	padding:5px;
	font-size:20px;
	text-align:center;
	color:#7F60C1;
	}
	
.content {
	padding:0px 13px 15px 8px;
	text-align:justify;
	color:#7F60C1;
	}
	
.contentgallery {
	padding:0px 5px 5px 5px;
	text-align:center;
	color:#7F60C1;
	font-size:30px;
	}

.contentgallery2 {
	padding:0px 5px 5px 5px;
	text-align:center;
	color:#7F60C1;
	font-size:20px;
	}

.contentgallery3 {
	padding:0px 5px 5px 5px;
	text-align:center;
	color:#7F60C1;
	font-size:17px;
	}

.contents {
	padding:0px 13px 0px 8px;
	text-align:justify;
	color:#7F60C1;
	padding-bottom: 2px;
	}

.contentspress {
	padding:5px 13px 0px 8px;
	text-align:justify;
	color:#7F60C1;
	}

.copy {	
	font-size:11px;
	text-align:right;
	}

.picture {
	text-align:center;
	padding-bottom: 5px;
	}

.photoleft {
	float:left;
	}

.photoright {
	float:right;
	}

.reference {
	padding:10px 15px 10px 15px;
	text-align:left;
	color:#7F60C1;
	}

.tgal	{
	width:760px;
	}

.tdgal1	{
	width:205px;
	bgcolor:#F3F3F3;
	text-align:center;
	padding-bottom:20px;
	font-size:15px;	}

.tdgal2	{
	width:350px;
	bgcolor:#F3F3F3;
	text-align:center;
	padding-bottom:20px;
	font-size:15px;
	}

.tdgal3	{
	width:205px;
	bgcolor:#F3F3F3;
	text-align:center;
	padding-bottom:20px;
	font-size:15px;
	}

	
/*NAVIGATION STYLES*/
#navbuttons {
	width:760px;
	height:2em;
	background-color:#7F60C1;
	color:#BFDA97;
	text-align:center;
	}

#navbuttons ul {
	display:inline;  
	list-style:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	list-style:none;
	padding:0px 20px 0px 20px;
	line-height:2em;
	font-size:17px;	
	text-decoration:none;
	}

	
#navbuttons li{
	display:inline;
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	list-style:none;
	padding:0px 70px 0px 65px;
	line-height:2em;
	font-size:17px;	
	text-decoration:none;
	}

#navbuttons li a:hover{
	color:#000000;
	}

#galbuttons {
	width:760px;
	height:2em;
	background-color:#7D7F8E;
	color:#FFFFFF;
	text-align:center;
	}

#galbuttons li{
	display:inline;
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	list-style:none;
	padding-left:95px;
	padding-right:95px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	line-height:2em;
	font-size:15px;	
	text-decoration:none;

	}


#galbuttons li a:hover{
	color:#000000;
	}