/* ----------------- REDEFINE THE TAG SELECTORS ----------------- */

* { 
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
body {
	margin: 0 auto;
	background:url(images/bg.jpg) repeat-x;
}

/* --- REDEFINE HEADING TAG SELECTORS --- */

h1, h2, h3, h4, h5 {
	text-transform: capitalize;
	margin: 10px;
	font-weight: normal;
	display: block;
	line-height: 1.6em;
}
h1 {
	font-size: 2.1em
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}

/* --- REDEFINE TEXT TAG SELECTORS --- */

p, address {
	font-size: 1em;
	line-height: 1.6em;
	margin: 10px;
}
address {
	font-style: normal;
}
div#content ul li {
	font-size: 1em;
	line-height: 1.2em;
	color:#333333;
	vertical-align:middle;
	list-style-position:inside;
	list-style-type:square;
	margin-left:30px
}
div#content div#list {
	width: 100%;
}
div#content div#list ul {
	width: 35%;
	padding-left: 4%;
	margin-left: 4%;
	float: left;
}

/* --- REDEFINE ANCHOR TAG SELECTORS --- */

a {
} 

a:link {
	color: #0000CC;
} 
	
a:visited {
	color: #0000CC;
} 
	
a:hover {
	color: #0099CC;
}
	
a:active {
	color: #339999;
} 

/* --- REDEFINE IMAGE TAG SELECTORS --- */

img {
	border: none;
}
img.left {
	float: left;
	margin: 5px 20px 20px;
}
img.right {
	float: right;
	margin: 5px 20px 20px;
}
img.leftborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: left;
	margin: 5px 20px 20px;
}
img.rightborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: right;
	margin: 5px 20px 20px;
}
img.border {
	padding: 4px;
	border: 1px solid #cccccc;
}

/* ----------------- NAVIGATION ----------------- */
/*=>REMOVE VERTICAL OR HORIZONTAL NAVIGATION!*/

/* --- Vertical --- */

div#nav-a {
	height: 45px;
	
	width:10px;
	background:url(images/nav-a.png) no-repeat;
	float:left;
	left: -6px;
}
div#nav-b {
	height: 45px;
	
	width:10px;
	background:url(images/nav-b.png) no-repeat;
	float:left;
	left: 572px;
}
div#nav {
	height: 45px;
	position:absolute;
	left: 7px;
	top: 136px;
	
}



ul#mainnav {
	margin: 0;
	padding: 0;
	
}
ul#mainnav li {
	float: left; 
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/nav.png) repeat-x;
}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: left;
	padding: 15px;
	white-space: nowrap;
}
ul#mainnav li a:hover {
}
ul#mainnav li a.current:link, ul#mainnav li a.current:visited { background:url(images/nav-hover.png) repeat-x;
}
* html #nav a {
	width: 1%;
}

/* --- Vertical ---

div#nav {
}
ul#mainnav {
	margin: 0;
	padding: 0;
}
ul#mainnav li {
	display: inline;
	list-style: none;
}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	color: #000;
	text-decoration: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 15px;
}
ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
}

/* --- UTILITY NAVIGATION --- */
div#footer ul li {
	float: left;
	display: block;
	list-style: none;
}
div#footer ul li a:link, div#footer li a:visited, div#footer li a:active {
	padding-left: 8px;
	padding-right: 8px;
	border-right: solid 1px #cccccc;
	font-size: 0.8em;
	color: #FFFFFF;
}
div#footer li.end a:link, div#footer li.end a:visited, div#footer li.end a:active {
	border-right: none;
}
div#footer li a:hover {
	color: #CCCCCC;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#headerindex {
	
}
div#header {
	height: 451px;
	width:950px;
	background:url(images/header.jpg) no-repeat center;
	position:relative;
}
div#container {
}
div#content {
}
div#flash { width:250px;  margin: 15px 0 15px 10px;
}
div#side {height:100%; background:url(images/side-bg.jpg) repeat-y; 
}
div#footer{
	padding-top: 12px;
	background:url(images/footer-bg.jpg) repeat-x;
}


div#copywrap {
	margin: auto;
	clear: both;
	padding: 30px 0;
}
div#copywrap img {
	float: right;
	margin-right: 20px;
	border: 0;
}
div#copyright {
	float:left;
	text-align: left;
	color: #333;
	font: 10px Arial, Helvetica, sans-serif;
}
div#copyright img {
	padding: 8px 0 15px;
	float:left;
}
div#copyright a:link, div#copyright a:visited {
	color: #333;
}

/* --- WRAPPER ELEMENTS --- */
/*=> BE SURE TO ADD .clearfix to your container_24 div if using wrapper! */

div#wrapperheader{
}
div#wrappernav{
}
div#wrappercontent{
}
div#wrapperfooter{
	background: #666666;
	width: 100%;
	clear: both;
}

/* --- WEB AUDIO --- */

div#webaudio{
	position:absolute;
	
}
div#audio {
	height: 13px;
	position:absolute;
	left: 812px;
	top: 9px;
	
}
div#audio_applet {
            background-image: url(../carlagraham/images/webaudio.gif);
            background-repeat: no-repeat;
            height: 120px;
            width: 180px;
            background-color: #828282;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #FFFFFF;
            margin: 0px;
            padding: 0px;
}
p.audio, p.audio a {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            margin: 0px;
            text-align: center;
            padding-top: 35px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            color: #FFFFFF;
}

/* ----------------- COMMONLY USED CLASSES ----------------- */

.center {
	text-align: center;
	margin: auto;
}

/* ----------------- CUSTOM CLASSES ----------------- */