/* CSS Document */
/* Add in your colors here. i.e.  grey - #B2B0AE  blue - #6B86A2  yellow- #E6BC73*/

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-color:#CCDAE9;
	color:#333333;
	padding: 0px;
	text-align: center; /* for IE */
	margin: 0;
	}
	
div#contain {
	text-align: left; /* counter the body center */
	border: 1px solid #666666;
	background-color:#FFFFFF;
	margin: auto;
	width: 750px;
	}
	
div#header {
	text-align:center;
	height:53px;
	}
	
div#footer {
	border-top: 1px solid #6B86A2;
	text-align:center;
	font-size: .8em;
	background-image:url(../assets/graphics/acc_logo_color_small.gif); 
	background-repeat:no-repeat;
	background-position:right;
	height:75px;
	}
	
div#content {
	border-top: 2px solid #B2B0AE;
	border-bottom:1px solid #6B86A2;
	font-size: .9em;
	padding: 10px 10px;
	}
	
div#nav {
	padding:3px;
	color:#333333;
	font-size: .8em;
	border-bottom:1px solid #6B86A2;
	text-align:center;
	}
	
div#next {display:inline; margin-left: 555px;}
	
#nav a {font-weight:bold; margin-right: 15px; text-decoration:none;}

#nav a:link {color:#6B86A2;}
#nav a:visited {color:#6B86A2;}
#nav a:hover {color:#3366CC;}

#num {font-size: .8em; color:#fff; background-color:#6B86A2; text-align:center;}
#num a:link {color:#fff; text-decoration:none;}
#num a:visited {color:#fff; text-decoration:none;}
#num a:hover {color:#D4C68B; text-decoration:none;}

	
a:link {color:#6B86A2; text-decoration:underline;}
a:visited {color:#6B86A2; text-decoration:none;}
a:hover {color:#D4C68B; text-decoration:none;}

h1  {color:#6B86A2; font-size: 1.3em; text-align: center; font-weight:bold;}
h2 {color:#3B5874; font-size: 1.3em; text-align: center;}
h3 {color:#6B86A2; font-size: 1.1em; text-decoration:underline; font-weight:bold;}
h4 {color:#993300; font-size: 1em; font-weight:bold; text-align:center;}

#vs table {font-size: .8em; padding: 2px; vertical-align:middle;}

.note {
	background-color: #F0E29E;
	width: 450px;
	border: 1px dashed #A3916C;
	margin: 0 0 0 25px;
	padding: 5px;
	}
	
.try {
	background-color: #F0E29E;
	width: 450px;
	border: 2px ridge #A3916C;
	margin: 0 0 0 25px;
	padding: 5px;
	}
	
.apps {position: relative; float: right; padding: 0 5px 0 0; z-index: 6;}
 
.rimage {float:right; padding-left: 5px;}
.limage {float:left; padding: 3px;}

#important {
	background-color: #F0E29E;
	width: 650px;
	border: 1px dashed #A3916C;
	margin: 0 0 0 10px;
	padding: 5px;
	}