/* Global */
/* technique explained @ http://leftjustified.net/journal/2004/10/19/global-ws-reset/  */
* {
	margin:0;
	padding:0;
}
h2 {
	font:bold 2em/1.4 "Lucida Bright", Georgia, Times, serif;
	color:#4775B3;
}
h3 {
	font:bold 1em/1.6 "Lucida Bright", Georgia, Times, serif;
	color:#091993;
}

/* links */
a {
	color:#4775B3;
}
a:focus, a:hover, a:active {
	color:#2434AB;
}
p {
	padding-top:0px;
	padding-bottom:0px;
	text-align:justify;
}

.centered-table {
   margin-left: auto;
   margin-right: auto;
}

/* End Global */

body {
	background:#E7F1FE url(../images/body.jpg) repeat-x left bottom;
	font-size:90%; /* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
}
#outer {
	margin:0 auto;
	width:65em;
	border:10px solid #fff;
	border-width:0 10px;
	background:#fff;
}

/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
ul#nav:after, #outer:after, #sub:after, form:after, form div:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
* html #nav, * html #content, * html form, * html form div {
	height:1%;
}

/* hiding of elements for assistive devices (screen readers etc) */
ul#access, .off {
	position:absolute;
	left:-1000em;
	top:-1000em;
}

hr {
	display:none
}

/* Title */

#header {
	background:#EBEBE9 url(../images/banner.png) repeat-x left bottom;
	height:77px;
}
#header h1 {
	height: 0;
	overflow: hidden;
	float:right;
	background-image: url(../images/logosmall.png);
	background-repeat: no-repeat;
	padding-top: 77px; width: 500px;
}

#header h1 a {
	color:#845697;
}

/* Navigation */

ul#nav {
	list-style:none;
	margin:3px 0 1em;
	text-align:center;
	background:#fff;
	padding-bottom:2px;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
}
#nav li {
	list-style:none;
	width:14.28%;
	float:left;
	display:block;
	text-align:center;
	background:#EAF0E6 url(../images/mnu-btm.png) repeat-x left bottom;
}
* html #nav li {
	/** IE/PC hack due to haphazard line breaks when combined widths = 100% **/
	width:14.24%;
}
#nav a {
	display:block;
	font:bold 1em/1.8 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	text-decoration:none;
	color:#4775B3;
	margin:1px;
	background:transparent url(../images/mnu-top.png) repeat-x left top;
}
#nav a:focus, #nav a:hover, #nav a:active {
	border:1px inset #8B9F86;
	margin:0;
	color:#EB8518;
	text-decoration:underline;
}
ul#nav li#active {
	background:#F6F4F8;
	font:bold 1em/1.8 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	color:#000;
	text-decoration:underline;
   	border-top:2px solid #FFFFFF;
   	border-bottom:2px solid #FFFFFF;
}

/* Content Containers */

#sub {
	font: 1em/1.5 'Lucida Grande', arial, verdana, sans-serif;
	word-spacing:.1em;
	margin-bottom:1em;
}
#sub {
	width:100%;
	float:left;
	position:relative;
}
#maincolumn {
	width:74%;
	float:right;
}
#leftcolumn {
	width:24%;
	float:left;
	padding-bottom:0px;
}
 
/* Main Column Contents */

#maincolumn p {
	margin:.5em 2% .5em 0;
}
#maincolumn h2 {
	color:#4775B3;
}
#maincolumn h3 {
	color:#091993;
}
img.img-right {
	float:right;
}

/* Left Column Contents*/

#leftcolumn h2 {
	font-size:1.5em;
}
#leftcolumn p {
	font-size:.9em;
}

/* Contact Info */

#contactinfo p {
	margin:.1em 2%;
	padding-left:10px;
}

/* Pic */

#pictureset {
	float:right;
	margin-left:10px;
}
#pictureset img {
	border:none;
	margin-bottom:10px;
}

/* Button */

a.button, a.buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
a.button:link, a.button:visited {
	color: #002577;
}
a.button:hover, a.button:active {
	background-position: 0 -36px;
	color: #FF7200;
}

/* Generic Iconified List of Links */

#siteList {
	margin:0 0;
	margin-bottom:10px;
}
#siteList h2 {
	color:#4775B3;
	margin:0 0;
}
#siteList h3 {
	color:#091993;
	margin:0 0;
}
#siteList ul {
	margin:.1em 2%;
	list-style:none;
}
#siteList ul li {
	list-style:none;
	padding-left:20px;
	margin:.3em 0;
	background:transparent url(../images/bullet.gif) no-repeat 2px 50%;
}
#siteList a {
	color:#000000;
	text-decoration:none;
}
#siteList a:focus, #siteList a:hover, #siteList a:active {
	color:#4775B3;
	text-decoration:underline;
}

/* Category List of Links */

#categoryList {
	margin:0 0;
	margin-bottom:10px;
}
#categoryList h2 {
	color:#4775B3;
	margin:0 0;
}
#categoryList h3 {
	color:#091993;
	margin:0 0;
}
#categoryList ul {
	margin:.1em 2%;
	list-style:none;
}
#categoryList ul li {
	list-style:none;
	padding-left:20px;
	margin:.3em 0;
	background:transparent url(../images/bullet.gif) no-repeat 2px 50%;
}
#categoryList a {
	color:#000000;
	text-decoration:none;
}
#categoryList a:focus, #categoryList a:hover, #categoryList a:active {
	color:#4775B3;
	text-decoration:underline;
}

/* Error List */

#errorList {
	margin:0 0;
	margin-bottom:10px;
}
#errorList h2 {
	color:#4775B3;
	margin:0 0;
}
#errorList h3 {
	color:#091993;
	margin:0 0;
}
#errorList ul {
	margin:.1em 2%;
	list-style:none;
}
#errorList ul li {
	color:red;
	list-style:none;
	padding-left:20px;
	margin:.3em 0;
	background:transparent url(../images/bullet.gif) no-repeat 2px 50%;
}
#errorList a {
	color:#000000;
	text-decoration:none;
}
#errorList a:focus, #errorList a:hover, #errorList a:active {
	color:#4775B3;
	text-decoration:underline;
}

/* Process List */

#processList {
	margin:0 0;
	margin-bottom:10px;
}
#processList h2 {
	color:#4775B3;
	margin:0 0;
}
#processList h3 {
	color:#091993;
	margin:0 0;
}
#processList ul {
	margin:.1em 2%;
	list-style:none;
}
#processList ul li {
	list-style:none;
	padding-left:20px;
	margin:.3em 0;
	background:transparent url(../images/bullet.gif) no-repeat 2px 50%;
}

/* Design Process Bar */

#designprocessbar {
	float:right;
	width:300px;
	font-weight:bold;
	border:1px dotted #010101;
	margin-left:10px;
	padding:0px 10px 10px 10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
	
/* Logo Box */

#logobox {
	padding-top:10px;
	padding-bottom:15px;
	height:126px;
	background:transparent url(../images/curv.png) no-repeat center center;
}

/* Page Info Box */

#pageinfo {
	padding-top:0px;
	padding-bottom:10px;
}
#pageinfo p {
	padding-left:2px;
}

/* Forms */

form {
	margin:1em 0;
}
legend {
	font:bold 1.1em/1.5 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	color:#4775B3;
}
input.txt {
	width:98%;
	margin:0 auto .5em;
	border:2px solid #A5ACB2;
	background:#fff;
}
input.btn {
	background:#FFFFFF url(../images/btn.png) repeat-x;
	padding:.1em;
	/*width:7em; */
	color:#fff;
	font:bold 1em/1.4 "Lucida Bright", Georgia, Times, serif;
	cursor:pointer;
}
input:focus, input.focus {
	border-style:inset;
}
label {
	display:block;
	margin-top:.5em;
}

/* Footer */

#footer {
	clear:both;
	margin-top:1em;
	font:.9em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	border-top:3px double #4775B3;
}
#footer p {
	margin:1em 1em 1em 0;
	float:right;
	width:30%;
	text-align:right;
}
#footer ul {
	list-style:none;
	margin-top:.7em;
}
#footer li {
	display:inline;
	border-right: 1px solid #4775B3;
	padding:.3em 2%;
}

/* Order Form */
.header {
	font:bold 1em/1.6 "Lucida Bright", Georgia, Times, serif;
	color:#091993;
}