@charset "utf-8";
/* CSS Document */
html, body {height:100%;}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#303030;
	line-height:1.4;
	background-image:url('/img/bg-small.gif');
	background-repeat:repeat-x;
	}

body#home {background-image:url('/img/bg.gif');}

/* Text elements */
h1 {font-size:24px; font-weight:500;}
h2 {font-size:20px; padding-top:15px; font-weight:500;}
h3 {font-size:15px; font-weight:500;}
h4 {font-size:13px; font-weight:500;}

#home h1 {font-size:20px;}
#home h2 {border-bottom:3px solid #303030; padding-top:0; margin-bottom:3px; position:relative;}
#home h2 a {font-size:70%; position:absolute; right:0; bottom:0;}
#home .announcement-list h2 a {position:static; font-size:100%;}

p {padding:10px 0;}
li {padding:5px 0;}
strong {font-weight:bold;}
em {font-style:italic;}

form {margin-top:15px;}

a:link {color:#95bc0c;text-decoration:none;}
a:visited {color:#66C;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#900;}

embed {margin:10px 0 20px;}
div#vid {margin:12px 0 20px;}

table#ogp,table#ogp tr,table#ogp td,
table#features,table#features tr,table#features td {border:1px solid #303030;}
table {width:100%; margin:10px 0; border-collapse:collapse;}
table.webform, table.webform td, table.webform tr {border:none;}
th {background-color:#303030; color:#FFF;}
th, td {padding:10px;}
tr.alt {background-color:#E4EFC2;}

/* Layout */

#wrapper {
	margin:0 auto;
	width:830px;
min-height:100%;
        }
	
#header {
	background-color:transparent;
	color:#FFF;
	font-size:90%;
	padding-top:25px;
	padding-bottom:0;
	margin-bottom:0;
	}
	
#header a {
	text-decoration:none;
	color:#FFF;
	}

#header a:hover {
	text-decoration:underline;
	}

#header img {
	float:left;
	}

#header li {
	float:left;
	margin-right:20px;
	}

/* Small top text nav */
#cat_764003_divs {
	display:inline-block;
	padding-bottom:30px;
	}

#nav_764003 { 
	float:left;	
	display:inline;
	margin:20px 0 0 110px;
	}

#nav_764003 li.selected {
	font-weight:bold;
	}

/* Bubbles above graphical nav */
#bubbles {
	margin:0 0 0 10px; 
	}

#bubbles li {
	height:73px;
	width:150px;
	background-image:url('/img/bubbles.png');
	background-repeat:no-repeat;
	background-position:bottom;
	margin-right:40px;
	padding:5px 10px;
	color:#303030;
	font-weight:bold;
	}

#bubbles li#art-bub {
	background-position:0 0;
	}

#bubbles li#dia-bub {
	background-position:-230px 0;
	}

#bubbles li#sem-bub {
	background-position:-462px 0;
	}

#bubbles li#coa-bub {
	background-position:-693px 0;
	}

#bubbles li#coa-bub {margin-right:0;}

#bubbles a {
	color:#303030;
	display:block;
	height:73px;
	width:150px;
	}

#bubbles a:hover {text-decoration:none;}

/* Graphical nav */
#cat_765252_divs {
	margin:0; 
	padding:0;
	border-bottom:2px solid #DDD;
	}
	
#nav_765252 {margin:0 30px;}
#nav_765252:after {
	margin:0 30px;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

* html #nav_765252             { zoom: 1; } /* IE6 */
*:first-child+html #nav_765252 { zoom: 1; } /* IE7 */

#nav_765252 li {
	margin-right:80px;
	margin-bottom:-5px;
	padding:0;
	}

#nav_765252 li a {
	display:block;
	text-align:center;
	width:130px;
	padding-top:90px;
	padding-bottom:30px;
	background-image:url('/img/icons.png');
	background-repeat:no-repeat;
	color:#303030;
	font-weight:bold;
	}

#nav_765252 li a:hover {text-decoration:none}

#nav_765252 li.selected, #nav_765252 li:hover {
	background-image:url('/img/arrow.png');
	background-repeat:no-repeat;
	background-position:bottom;
	}

#nav_765252 li#art a {
	background-position:25px 0;
	}

#nav_765252 li#dia a {
	background-position:-200px 0;
	}

#nav_765252 li#sem a {
	background-position:-434px 0;
	}

#nav_765252 li#coa a {
	background-position:-665px 0;
	}

#nav_765252 li#coa {margin-right:0;}

#content {
	padding-top:40px;
padding-bottom:200px;
overflow:auto;
	}

#leftcol, #rightcol {
	float:left;
	width:400px;
padding-bottom:20px;
	}

#rightcol {
	margin-left:30px;
	}

#main {
	float:left;
	width:540px;
	margin:0 50px 50px 0;
	}
	
#leftcol ul, #leftcol ol, #main ul, #main ol {padding: 10px 50px;}
#leftcol ul li, #main ul li {list-style-type:circle;}
#leftcol ol li, #main ol li {list-style-type:decimal;}

#main img {margin:7px 0;}

#top-box {border:1px solid #ccc; background-color:#eee; padding:0 10px; margin-top:15px;}
#top-box span {float:right; margin-top:6px; font-size:90%;}
#top-box span a {color:#333;}

#sidebar {
	float:left;
	width:240px;
	}

#sidebar h3 {
	padding-top:40px;
	padding-bottom:3px;
	border-bottom:3px solid #303030;
	}

#sidebar a {
	text-decoration:none;
	}

#sidebar a:hover {
	text-decoration:underline;
	}

#footer {
        font-size:80%;
	background-color:#303030;	
        height:200px;
        margin-top:-200px;
        position:relative;
        clear:both;
	}

#footer ul {
	float:left;
}

#footer li {
	display:inline;
	margin-right:20px;
	}

#top-footer {
	background-color:#F8F8F8;
	color:#303030;
        height:100px;
	}

#top-footer p {
	width:450px;
	padding:0 5px 0 0;
        float:left;display:inline;
	}
#top-footer p img {float: right;}	
#top-footer span {
        float:right;
	}

#inner-top-footer {
	width:830px;
	margin:0 auto;
	padding-top:20px;
	}

#bot-footer {
	width:830px;
	margin:0 auto;
	padding-top:20px;
	background-color:#303030;
	color:#FFF;
	}

#bot-footer p {
	float:right;
	padding:0;
	}

#bot-footer a {
	color:#FFF;
	text-decoration:none;
	}

#bot-footer a:hover {
	text-decoration:underline;
	}

#big-button {
	background-image:url('/img/big-button.gif');
	background-repeat:no-repeat;
	text-align:center;
	height:110px;
	margin-top:20px;
	}
	
#big-button p {
	font-size:20px;
	}

#big-button span {
	font-size:32px;
	}

#big-button a {
	color:#303030;
	display:block;
	padding:10px 0;
	width:100%;
	text-decoration:none;
	}

.min-top {padding-top:0; padding-bottom:15px;}

/* Floats, Clears and Fixes */
.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	}
	
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.fleft {float:left}
.fright {float:right;}
.cleft {clear:left;}
.cright {clear:right;}

.err {text-transform:uppercase; color:red;}
