/* 
 * Styles created by Eli Van Zoeren
 * http://elivz.com 
 */

/* Begin CSS Reset - courtesy of MeyerWeb.com */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
em {
	font-weight: normal;
	font-style: italic;
	}
	
strong {
	font-style: normal;
	font-weight: bold;
	}
	
/* End CSS Reset */

/* Begin layout */

#wrapper {
	width: 90%;
	margin: 20px auto;
	}

#menu {
	width: 35%;
	float: left;
	}

#menu .block {
	padding: 10px 20px;
	}
	
#content {
	width: 65%;
	float: left;
	}

#content .block {
	padding: 0 0 10px 20px;
	}

/* End layout */

/* Begin fonts */

body, input, textarea, select, label {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	}

/* End fonts */ 

/* Begin html styling */
	
body {
	font-size: 1em;
	line-height: 1.5em;
	background: #fff;
	color: #323232;
	}
	
h1 {
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	padding: 0.33em 0;
	color: #1f5a72;
	}
	
h2 {
	font-size: 1.5em;
	color: #1f5a72;
	padding-bottom: 0.5em;
	}
	
a:link {
	text-decoration: none;
	color: #2388b1;
	}
	
a:visited {
	text-decoration: none;
	color: #4b8299;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}
	
li.odd a {
	background: #f1f1f1;
	}
	
.alert {
	color: #a51918;
	font-weight: bold;
	font-size: 0.9em;
	}	

/* End html styling */

/* Begin header */

#title {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
	}
	
/* End header */

/* Begin body */

#menu {
	background: #f1f1f1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#menu ul li {
	padding-bottom: 0.5em;
	}

#menu ul li.current {	
	color: #1f5a72;
	font-weight: bold;
	}
	
#menu ul li ul {
    margin-left: 1em;
    }
#menu ul li.current li { font-weight: normal; }

.fileList li a {
	display: block;
	padding: 5px 5px 5px 30px;
	background-image: url(default.png);
	background-position: 5px 8px;
	background-repeat: no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.fileList li a:hover {
	background-color: #d8d8d8;
	}
	
.fileList li a.pdf { background-image: url(pdf.png); }
.fileList li a.doc { background-image: url(doc.png); }
.fileList li a.xls { background-image: url(xls.png); }
.fileList li a.ppt { background-image: url(ppt.png); }
.fileList li a.zip { background-image: url(zip.png); }
.fileList li a.gif, .fileList li a.jpg, .fileList li a.peg, .fileList li a.png, .fileList li a.bmp, .fileList li a.tif { background-image: url(img.png); }
	
/* End body */

/* Begin Login */

.login {
	width: 200px;
	margin: 10% auto;
	padding: 30px;
	background: #f1f1f1;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 6px #e8e8e8;
	}

.login form {
	margin-bottom: 1.5em;
	}

/* End login */

/* Begin Footer */

#footer {
    clear: both;
    float: left;
	width: 100%;
	padding: 10px 0 20px;
	margin-top: 20px;
	border-top: 1px solid #d8d8d8;
    font-size: 0.8125em;
    }

#footer .left { float: left; }
#footer .right { float: right; }

/* End footer */