@charset "utf-8";	

/* Basic Styling
=======================*/

body {
	font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #FFCC00;*/
	background-color: #FEFF99;
	
}

img {
	border: none;
}


h1 {
	font-size: 1.4em;
	color: #3d89c3;
	text-transform: uppercase; 
	padding 10px 0 0 0;
}

h2 {
	font-size: 1.2em;
}

#intro {
	font-weight: bold;
	font-size: 1.2em;
}

a:link, a:visited {
	color:#003399;
	font-weight: bold;
}

a:hover {
	color:#0066CC;
}			 
											

table {
	margin: 5px 5px 5px 5px;
	border-collapse: collapse;
}

td {
	vertical-align: text-top;    
	border: 1px solid black;
	padding: 5px 5px;
}
	 
/* Layout
=======================*/	  

body { 
	text-align: right; 
	min-width: 760px; 
} 

#wrapper { 
	width: 870px; 
	margin: 0 auto; 
	text-align: left; 
}		 	

#logo {
	margin: 10px 0 10px 0;
	padding: 10px 0;
	background: #fff; 
	background: url(images/Universyslogo_topbig.jpg) repeat-x center top; 	 
	clear: both;
}

#branding { 
	width: 800px; 
	height: 270px; 
	background: url(images/dinoLogo.gif) no-repeat center top; 
	clear: both;
	z-index: 100; 
} 

#branding p, #branding ul { 
	position: absolute; 
	left: -1000em; 
}
 
#subNav { 
	width: 180px; 
	float: left; 
}

#content { 
	width: 520px; 
	float: right; 
} 

#preContent { 	  
	margin: 5px;
	width: 180px; 
	float: left;
	text-align: center; 
}

#mainContent { 
  	width: 330px; 
  	margin: 0; 
  	float: left; 
} 

#secondaryContent { 
  	width: 170px; 
  	float: right; 
}

#footer { 
	clear: both;   
	line-height: 1;
} 			

/* hide this style from IE5 Mac \*/
#footer {
	
	text-align: center;
}
/* Stop hiding */

#footer p { 
	padding: 1px 1px 1px 5px;
}

#footerNav, #footerNav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footerNav a {
	padding: 0px 5px;
	border-left: 1px solid #000;	
}

#footerNav .first a {
	border-left: none;
}

#copyright {
	
	text-align: center;
}						 
/* background images*/ 


#vine1 { 
	background: url(images/vine1.gif) top left no-repeat; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 217px; 
	height: 236px;
	}

#vine2 { 
	background: url(images/vine2.gif) top right no-repeat; 
	position: absolute;
	top: 0px;
	right: 0px; 
	width: 203px; 
	height: 236px;	
	}

#btmrock { 
	background: url(images/btmrock.gif) bottom right no-repeat; 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 203px; 
	height: 197px; 
	}

/* General Styles
=======================*/				

h2 {
	margin-bottom: 0;
}

p {
	margin-top: 0;
}

/* mainNav */	  

#mainNav a:link, #mainNav a:visited {
	text-decoration: none;
	color: #fff;
}

#mainNav a:hover {
	color: #333;
}

#mainNav { 
	margin: 0; 
	padding: 0;  
	float: left; 	
	width: 100%;
	background: #FAA819 url(images/mainNavBg.gif) repeat-x; 
	list-style: none;
	text-transform: uppercase;
} 

#mainNav li { 
	float: left; 
}	  

/* Hide from IE5 mac \*/

#mainNav li a {
	display: block;
}
/* end hack */

#mainNav li a { 

	margin: 0; 
	padding: 0 2em; 
	line-height: 2.1em; 
	background: url(images/mainNavBorder.gif) repeat-y left top; 
}

#mainNav .first a { 
	background: none; 
}	 

/* subNav */							 

#subNav {
	color: #222;
	text-transform: uppercase;	
	text-align: left;
}
  
#subNav a:link, #subNav a:visited {
	text-decoration: none;
	color: #333;
}

#subNav a:hover {
	color: #369;
}

#subNav ul { 
  	margin: 0; 
  	padding: 0; 
  	
} 
  
#subNav li { 
  	background: #ccffff;
	border-bottom: border; 
	list-style: none; 
}  

#subNav li a { 
  	display: block; 
  	margin: 0; 
  	padding: 0 20px 0 10px; 
	line-height: 2.5em;   	
  	background: url(images/arrow.gif) no-repeat 10px center; 
}

#subNav h2 {
	margin: 0;
	padding: 0 10px;
	font-size: 1em;
	line-height: 30px;
	background: #E4E4E4 url(images/subNavBg.gif) repeat-x left top;
}							 
 

/* Faux column */

#wrapper {
	background: url(images/bg.gif) repeat-y left top;
}