/*copyright to The Cats Purr 2007*/
/*original design by The Cats Purr*/

body {
	margin:0;
	padding:0;
	font: normal 72.5% Arial,Verdana, sans-serif;
	text-align:left;
	line-height: 2em;
	background: url(../images/back2.jpg) no-repeat #cead6b fixed;
	color: #003399;

}
html {
font-size: 100%;
}
#wrap {
width: 910px;
margin: 0 auto;
text-align: left;


}
			/* HEADER */ 
#header {
	height: 209px; width:910px;
	background: url(../images/header.jpg) no-repeat;
	color: #333399;
	margin-top: 0px; margin-bottom:10px; position:relative; float:left;
}
#header h2 {
	margin : 0;
	padding : 125px 170px 0px 280px;
	background : transparent;
	color : #00116B;
	font: normal bold 1.6em  Arial, Georgia, Verdana, sans-serif;
	letter-spacing: -1px;
} 

			/* CONTENT CONTAINER  */ 
#content {
	width:910px;
	padding: 0;

}
div.background
  {
	width:910px; background:url(../images/back.png) repeat;
	float: left;
  }
div.transbox
  {
	width:910px;
	min-height:500px;
	background-color:#ffffff;
	/* for IE */
  filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
  position:relative; float:left;
  }
/*div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
  */
 .transbox img { filter: alpha(opacity=100); opacity: 1;}
  
   #textOvertransbox{	height: 50px; /* whatever floats your boat */        width: 400px; /* whatever floats your boat */        filter:alpha(opacity=100); /* Make IE understand that this is not transparent */        opacity:1; /* Make CSS compliant browsers understand this is not transparent */        position:relative;        top: 50px; /* whatever puts the text where you need it */        left: 0px; /* again, wherever you need the text */     }
			/* LEFT CONTENT */ 
#l-col {
float: left;
margin-top: 10px;
width: 190px;
text-align: left;
background: transparent;
}
#l-col2 {
float: left;
margin-top: 0;
width: 200px;
text-align: left;
background: transparent;


}
#R-col3 {
	float: left;
	margin-top: 10px;
	width: 162px;
	background: transparent;
	color: #898A9C;
	
}
			/* MAIN CONTENT */ 
#cont {
	width: 550px;
	margin-top: 10px;
	border: 1px solid #eee;
	border-width: 0px 1px 0 1px;
	text-align: left;
	float: left;
}
#cont .stud img { width:250px; height:auto; padding:3px; border:solid 3px #003399; margin:10px 100px 10px 130px;}
#cont .test img {
	width:150px;
	height:auto;
	padding:3px;
	border:solid 3px #003399;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
#cont .links a{ margin-bottom:20px; border-bottom:none; font-size:13px; font-weight:bold;}
#cont .links a:hover{ margin-bottom:20px; border-bottom:none; font-size:13px; font-weight:bold; color:#000066;}
#cont2 {
	width: 81%;
	margin-top: 10px;
	border: 1px solid #eee;
	border-width: 0px 1px 0 1px;
	text-align: left;
	float: left;
}
.contact {
	width: 99%;
	text-align: left;
	margin-bottom:50px;
	float: right;

}
			/* FOOTER */ 
#footer {
	text-align: center;
	height: 142px;
	float: left;
	width: 910px;
	background:url(../images/foot.jpg);
}
#footer a {
color: #0268D4;
}
#footer a:hover {
	color: #663399;
	text-decoration: underline;
}
#footer p {padding-top:120px; font-size:10px;}
#footer2 {
	text-align: center;
	height: 125px;
	float: left;
	width: 910px;
	background:url(../images/foot2.jpg);
}
#footer2 p {padding-top:100px; font-size:10px;}
			/* LINKS*/ 
a:link, a:visited {
	color: #0268D4;
	text-decoration: none; 
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
#content a:link, a:visited {
	color: #0268D4;
	text-decoration: none; border-bottom:1px dotted #003366;
}
#content a:hover {
	text-decoration: none;
	color: #FF9900;
}
			/*LEFT MENU */ 
.sidenav { 
margin : 10px 10px;
padding : 0;
list-style-type : none;
background : inherit;

} 
.sidenav a {
	
	margin-bottom : 3px;
	padding-left : 5px;
	display : block;
	text-decoration : none;
	color : #898A9C;
	text-align: left;
	
} 
.sidenav a#current, .sidenav a:hover { 
text-decoration : none;
color : #996699;
}
ul { 
list-style : none;
margin : 0;
padding : 0;
} 
			/* TYPOGRAPHY */ 
.clear {
clear: left;
overflow: hidden;
background:transparent;
width: 0;
height: 0;
}
blockquote p {
	padding: 2px;
	font-size: 1.1em;
	background: inherit;
}
blockquote {
padding: 5px;
font-size: 1.2em;    
background: inherit;
} 
p {
	color: #0268D4;
	margin:0;
	padding: 0 10px;
	font-size: 12px;
	text-align: justify;
}
.style1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	text-align: justify;
	color: #0268D4;
}
.style2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-align: left;
	color: #0268D4;
}
.style3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	color: #FFCC00;

}
h2 {
	margin: 0 0 0 10px;
	padding: 10px 0;
	letter-spacing: 1px;
	font-size: 1.3em;
	background: inherit;
	color: #FFCC00;
	font-style: normal;
}
h3 {
	letter-spacing: 1px;
	font-size: 1em;
	background: inherit;
	color: #FF9900;
	font-style: oblique;
	background:url(../images/heading.gif) repeat-x;
	line-height:18px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top:0;
}
				

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif ;
}
#wrap #content #l-col .sidenav p {
	color: #003399;
	font-weight: bold;
}

#wrap #content #l-col .sidenav img {
	margin-top: -30px;
}

#wrap #cont #R-col3 #image1 p {
	font-size:10px;
	color:#898A9C;
	width:550px;
	
}

h1 {
	font-size: 2em;
	font-style: oblique;
	line-height: 40pt;
	padding: 0px 0px 0px 10px;
	margin-top: 0px;
	color: #FF9900;
	
}
.row { position: relative; width: 540px;} 
.left { width: 200px; height: 150px; float: left; font-family:Arial, Helvetica, sans-serif; font-size:10px;  } 
.left2 { width: 220px; height: 150px; float: left; font-family:Arial, Helvetica, sans-serif; font-size:10px;  } 
.right { width: 400px; height: 235px; float: right; } 
.right2 { width: 320px; height: 150px; float: right; }
 
#table1 {border:#666699; border-style:solid; border:thin; }
/*-----menu-----*/
#menu {
    margin-top:180px;
	z-index: 1;
	font-size:12px;
	height: 34px;
}
#menu ul {
	list-style-type: none;
	text-align: left;
	padding: 1px;
	position: relative;
	z-index: 2;
	margin: 14px 40px 0 215px;
}
#menu li
{
	display: inline;
	text-align: center;
	margin: 0 5px;
	width:95px;
}

#menu li a
{
	padding: 4px 10px;
	color: #0157B6;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #000066;
	text-decoration: none;
	border-bottom:none;
}

#menu li a:hover 
{
	color: #FF9900;
	border-right: 1px solid #FF9900;
}
.quote { line-height:20px; font-size:20px; font-weight:bolder; font-family: Tahoma;}