﻿/* v1.0 | 20080212 */

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;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

body {font-family : Arial, Helvetica, serif; font-size : 0.75em; line-height : 18px; font-style : normal; font-variant : normal; font-weight : normal; background : #FFF url('../Images/background.jpg') repeat-y center; }
p{margin-bottom: 0.75em;font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size : 13px; line-height : 18px; font-style : normal; font-variant : normal; font-weight : normal; color : #666666; }
    h2{font-size:2em;  margin-bottom:20px;}
    



.page{ width:800px;    margin-left: auto;  min-height:1000px;  margin-right: auto; overflow:hidden;}

#header{padding-top:40px; position:relative;}
#tagline{margin-right:30px; float:right; width:450px; text-align:right; line-height:3em; }
    

#footer{ }
  #footerlinks{ }
    
#logo{background-image:url('../Images/fishtanklogo.jpg'); background-repeat:no-repeat; height:143px; width:260px; margin:-30px 0px 0px 20px; float:left; position:relative;}
    #logo h1{text-indent:-10000px;}

/*.artist{padding:10px; width:480px; background-color:#C0C0C0; color:#000; font-weight:bold; font-size:16px; overflow:hidden;}*/
#menucontainer{position:relative;}
#menu{ position:relative;}
ul#menu{position:relative; width:780px; height:40px; background-repeat:no-repeat; background-image:url('../Images/menubar.jpg'); margin-left:auto; margin-right:auto; margin-top:10px; }
ul#menu li{display: inline;    list-style: none; color:#fff; text-decoration:none; }
ul#menu li a{ color:#fff;  padding:10px;  text-decoration:none;}
ul#menu li.hover a{    background-color: #C0C0C0;    color:#fff;}

/* Grids*/

.grid1,.grid2,.grid3{	display: inline;	float: left;	left: 20px;	margin-right: 20px; position:relative;}

.container .grid1{	width: 220px;}

.container .grid2{	width: 505px;}

.container { margin:20px; width:800px; overflow:hidden;}



/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.notitle{margin-top:40px;}

#sidebar {
	float: left;
	width: 260px;
}
/*Boxed Items
-----------------------------------*/
.boxed {	margin: 0 0 20px 0;}

.boxed .title {	height: 35px;	margin: 0;	padding: 10px 0 0 10px;	font-size: 136%;	color: #144B6B;}

.boxed .content {	padding: 20px;	border: 1px solid #97C984;}

.boxed h3 {	margin: 0;}

.boxed p, .boxed ul, .boxed ol {	margin: 0;	padding: 0;	list-style: none;	line-height: normal;}

.boxed ul li {	padding: 8px 0 8px 10px;}

.boxed ul li.first {	border: none;}

/* MISC  
----------------------------------------------------------*/
.clear{   clear:both; display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.error{    color:Red;}

.fieldTextArea, .fieldInput[type=text], .fieldInput[type=password], .fieldSelect, .field {	width: 500px;}

.inputMessage{	font-size: .7em;	white-space: nowrap;	height: 12px;	display: block;}