/* CSS Document */

html {
	font-family			:	Arial, Helvetica, sans-serif; 
	font-size			:	0.8em;
	}

body {
	position			:	relative;
	padding				:	0px;
	margin				:	0px;
	text-align			:	center;
	background-color	:	#CCCCCC;
	}
	
h1 {
	font-size			:	1.5em; 
	font-weight			:	bold; 
	color				:	#000099;
	}

h2 {
	font-size			:	1.2em; 
	font-weight			:	bold; 
	color				:	#000099;
	}
	
.h2-reduced-margin {
	margin				:	2px;
	}

h3 {
	font-size			:	1em; 
	font-weight			:	bold;
	font-style			:	italic;
	color				:	#000099;
	margin-bottom		:	-1.2em;
	}

.skip {
	position			:	absolute; 
	left				:	-5000px;
	}


/* Main is the holding Div that contains the banner, main content and footer */
#main {
	position			:	relative;
	margin				:	0px auto;
	width				:	1000px;
	margin-bottom		:	5px;
	margin-top			:	5px;
	border				:	1px solid silver;
	background-color	:	white;
	}

#wrap {
	display				:	block;
	min-height			:	600px;
	}

#left {
	margin-right		:	324px;
	display				:	block;
	}
	
#right {
	width				:	324px;
	float				:	right;
	display				:	block;
	/*clear				:	left;*/
	margin-top			:	10px;
	}

/* myBanner hold the logo, business title and control panel */
#myBanner { 
	height				:	98px; 
	padding				:	5px 5px 5px 5px; 
	background			:	url(/images/banner.jpg) no-repeat;
	margin-bottom		:	0px;
	}
	
h1.bannertext { 
	text-align			:	left; 
	margin				:	2px;
	}
	
#logo {
	vertical-align		:	middle; 
	border				:	none;
	}
	
#nic-logos {
	position			:	absolute; 
	top					:	0px; 
	right				:	10px; 
	width				:	310px; 
	height				:	51px; 
	text-align			:	left; 
	margin-top			:	95px;
	}

/* nav-bar contains the navigational links for the site */
#nav-bar {
	background			:	url(/images/menu-border.jpg) repeat-x bottom;
	border				:	none; 
	padding				:	3px 5px 10px 0px;
	text-align			:	left; 
	margin-top			:	0px;
	font-size			:	1.2em;
	}
	
#nav-bar ul {
	display				:	inline;
	padding-left		:	20px;
	}

#nav-bar ul li {
	display				:	inline;
	margin-right		:	0px;
	}
	
#nav-bar a {
	padding				:	2px 15px 2px 15px; 
	color				:	black;
	}
	
/* maincontent is where the text and other information in the web page appears */
#maincontent { 
	text-align			:	left; 
	padding				:	5px 5px 5px 20px; 
	background			:	white;
	}

#front-services-background {
	 display			:	block; 
	 padding			:	0px 0px 0px 0px; 
	 width				:	415px; 
	 margin-left		:	110px;
	 background			:	url(/images/slices/services-front-repeat-slice.jpg) repeat-y; 
	 }

#front-services {
	 display			:	block; 
	 padding			:	0px 0px 0px 0px; 
	 width				:	415px; 
	 margin				:	0px 0px 0px 0px;
	 background			:	url(/images/slices/services-front-main-slice.jpg) no-repeat; 
	 font-size			:	0.9em;
	 font-weight		:	bold;
	 color				:	#000099;
	 }

#front-services h2 {
	margin				:	0px 0px 2px 0px;
	text-align			:	center;
	}

#front-services .left {
	float				:	left;
	width				:	180px;
	margin				:	0px 0px 0px 20px;
	border-right		:	1px ridge white;
	padding-top			:	0px;
	}

#front-services .right {
	margin				:	0px 0px 0px 221px;
	width				:	191px;
	}


#front-services ul {
	display				:	block;
	margin				:	0px 0px 0px 0px;
	padding-left		:	0px;
	}

#front-services ul li {
	margin				:	0px 0px 0.5em 0px;
	display				:	block;
	}

#service-text {
	margin-left			:	160px;
	}

#services-background {
	display				:	block;
	padding				:	0px;
	width				:	140px;
	float				:	left;
	background			:	url(/images/slices/services-repeating-slice.jpg) repeat-y;
	margin-right		:	5px;
	clear				:	right;
	}
	 
#services {
	 display			:	block; 
	 padding			:	5px 5px 5px 7px; 
	 margin				:	0px 0px 0px 0px;
	 background			:	url(/images/slices/services-main-slice.jpg) no-repeat; 
	 text-align			:	left;
	 font-size			:	0.9em;
	 font-weight		:	bold;
	 color				:	#000099;
	 }

#services ul {
	display				:	block;
	margin-top			:	1em;
	padding-top			:	0px;
	padding-left		:	0px;
	margin-left			:	0px;
	}

#services ul li {
	margin				:	0px 0px 1em 0px;
	display				:	block;
	}


#services h2 {
	margin-bottom		:	0px;
	}

.smaller {
	font-size			:	0.8em;
	}


/* Controlbox is the box that contans links to webmail, control panel and support */
#phone-number  {
	font-size			:	2.5em;
	font-weight			:	bold;
	color				:	#FFFFFF;
	margin				:	10px 50px 0px 0px; 
	width				:	200px; 
	height				:	60px; 
	padding				:	5px; 
	border				:	none; 
	text-align			:	center;
	position			:	absolute;
	top					:	0px;
	right				:	0px;
	}
	
a:link, a:visited {
	text-decoration		:	none; 
	color				:	#000099; 
	}
	
a:hover, a:focus {
	text-decoration		:	none; 
	color				:	#000099; 
	background-color	:	#CCD6FD;
	}

#feedback-table {
	background-color	:	#E5EAFE;
	width				:	99%;
	border-spacing		:	5px;
	}

#feedback-table th {
	text-align			:	left;
	background-color	:	#CCD6FD;
	width				:	100px;
	padding				:	2px;
	}

#feedback-table td {
	text-align			:	left;
	background-color	:	white;
	padding				:	2px;
	}

/* Contact Us form */
#djhcontact {
	background			:	#CCD6FD url(/images/contact-bg.jpg) no-repeat top left; 
	width				:	319px; 
	padding-left		:	2px; 
	text-align			:	left;
	}

#djhcontact label {
	float				:	left; 
	display				:	block; 
	width				:	100px; 
	font-weight			:	bold; 
	color				:	#000099;
	}

#djhcontact input, #djhcontact textarea {
	margin-left			:	10px;
	}


/* Footer contains all the footer styles, including last updated and maintained by info */
#main-bottom {
	height				:	20px;
	}
	
.hotline {
	font-size			:	2em;
	font-weight			:	bold;
	color				:	#0048CF;
	}
	
#footer {
	font-size			:	0.9em; 
	text-align			:	left; 
	height				:	50px; 
	padding-left		:	50px; 
	padding-top			:	10px;
	margin-top			:	5px;
	clear				:	both;
	}

#footer p {
	margin				:	0px; 
	color				:	#333333;
	}