/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

<link rel="stylesheet" type="text/css" href="styles.css?version=2">

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global */
html { }
body { background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px };
h2 { font-size:20px };
h3 { font-size:16px };
h4 { font-size:14px };
h5 { font-size:14px };
h6 { font-size:14px };

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text Elements */
p				{ color:#000; font-size:12px; line-height:150%; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p. right		{ margin: 1.5 em 0 1.5 em 1.5 em; padding: 0; }

a				{ }
a:link			{ color: #00f; }
a:visited		{ color: #59BD7F; }
a:active		{ color: #000; }
a:focus			{ color: #666; }
a:hover			{ color: #f00; }
/*a:link			{ color: #59BD7F; }
a:visited		{ color: #0f0; }
a:active		{ color: #000; }
a:focus			{ color: #666; }
a:hover			{ color: #000; }*/


*/


blockquote		{ color:#000; font-size:12px }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/* Images */


/* Lists */
ul				{ }
ol				{ list-style-type:decimal; }

ul li			{ color:#000; font-size:12px; }
ol li			{ color:#000; font-size:12px; }

dl				{ }
dt				{ }
dd				{ }

/* Tables */
table			{ width:100% }

tr				{ }
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{ }

th, td, caption	{ }
caption			{ }

tfoot			{ }
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background: #efefef; }

					
/* Containers */

#wrapper			{ width:900px; margin:20px auto; background-color:transparent; }

#top				{ width:100%; background-color:#333333; padding:0px; overflow:hidden; }
#ub-logo-top		{ float:left; margin:0px 0px 0px 15px; }
#ub-logo-top img	{ height:35px; margin:6px 0px 0px 0px; }
#top-title			{ float:right; margin:15px 10px 0px 0px; }
#top-title h1		{ color:#ffffff; }
	
#banner				{ padding:0px; margin:0px; background-color:#333333; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF}
#banner img			{ width:900px; padding:0px; margin:0px;}

#topnav				{ padding:0px; margin:0px; background-color:#333333; overflow:hidden; }
#topnav ul			{ width:100%; float:left; clear:both; margin:0px; background-color:#333333; }
#topnav ul li		{ display:inline; background-color:#333333;}
#topnav ul li a		{ float:left; padding:10px 20px; font-size:16px; }
#topnav a:link		{ color:#ffffff; text-decoration:none;}
#topnav a:visited	{ color:#ffffff; text-decoration:none;}
#topnav a:hover		{ color:#ffffff; background-color:#59BD7F;}
#topnav a:active	{ color:#ffffff; text-decoration:none;}
#topnav a:focus		{ color:#ffffff; text-decoration:none;}

#content			{ float:left; width:576px; padding:20px; margin:15px 20px 15px 0px; background-color:#ffffff; }
#content h1			{ margin: 0px 0px 20px 0px; color:#333333; border-bottom:1px #333333 solid; padding:5px 0px; }
#content p			{ margin:15px 0px; line-height:160%; }
#content ul			{ padding-left:25px; }
#content ul li		{ margin:15px 0px; list-style-type: disc; }
#content ol			{ padding-left:25px; }
#content ol li		{ margin:15px 0px; }


#references ol		{ padding-left:25px; }
#references ol li	{ margin:15px 0px; line-height:160%; }

#person				{ width:100%; padding:10px 0px; margin-bottom:20px; clear:both; overflow:hidden; background-color:#ffffff;}
#person img			{ padding:5px; margin-left:10px; background-color:#333333; border:1px #000000 solid; width:15%; float:left; }
#person p			{ margin: 0px 0px 0px 26%; }
#person strong		{ font-size:14px; }

#service ul			{ padding-left:25px;}
#service ul li		{ margin:15px 0px; line-height:160%; }

#sourcecode ul		{ padding-left:25px;}
#sourcecode ul li	{ margin:15px 0px; line-height:160%; }


#rightside			{ padding:20px; margin:15px 0px 15px 630px; background-color:#ffffff; }
#rightside h1		{ margin: 0px 0px 20px 0px; color:#333333; border-bottom:1px #333333 solid; padding:5px 0px; }

#footer				{ width:100%; background-color:#333333; padding:0px; overflow:hidden; }
#footer-left		{ float:left; margin:15px 20px;}
#footer-left ul li	{ color:#ffffff; font-size:16px; line-height:200%;}
#footer-left p		{ color:#ffffff; font-size:16px; line-height:200%;}
#footer-left img	{ border:1px #ffffff solid; }
#footer-right 		{ float:right; margin:20px 20px 0px 0px; }
#footer-right img	{ height:35px; }


#box1	{ }

#box2	{ }

#box3	{ }

#box4	{ }

#box5	{ }
	
#box6	{ }


/* Layout Extra */ 
.shadow {
  -moz-box-shadow:    -3px 3px 5px 6px #ccc;
  -webkit-box-shadow: -3px 3px 5px 6px #ccc;
  box-shadow:         -3px 3px 5px 6px #ccc;
}

/* Navigation Extra */
.currentpage { font-weight: bold; }

/* Forms */

form { text-align:left; margin:20px; }

label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
	}
	
label {
	float: left; width: 150px;
	text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333 solid; margin-left:10px;
	}
	
input {
	width:280px; margin-bottom: 16px;
	}
	
textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}
	
.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
}

br { clear: left; }