/* ------------------------------------------ */
/*
/* KARACOMM MAIN.CSS
/*
/* Revised 2007-05-02
/*
/* ------------------------------------------ */


html,body {
	margin: 0;
	padding: 0;
	color:#333;
}
body {
	background: #fff;
	font: 100% New Times Roman, Serif;
	text-align: center;
}

p {
	margin: 0px 10px 10px;
	color:#333;
	line-height: 1.2;
}

a:link, a:visited {
	color:#005779;
	text-decoration:none;
}

a:hover {
	color:#005779;
	text-decoration:underline;
}



/* HEADINGS
------------------------------------------ */

h1 {
	color: #005779;
	font: 18px New Times Roman, Serif;
	padding:0;
	margin:0px 0 10px 10px;
}

h2 {
	color: #005779;
	font: 16px New Times Roman, Serif;
	padding:0;
	margin:0px 0 10px 10px;
	font-style:italic;
}
h3 {
	color: #005779;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0 6px 10px;
	text-transform:capitalize;
}

h3 a:link, h3 a:visited {
	color: #005779;
	text-decoration:none;
}

h3 a:hover {
	color:#005779;
	text-decoration:none;
}

h4 {
	color: #555;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0 6px 10px;
	text-transform:capitalize;
}

h4 a:link, h4 a:visited {
	color: #555;
	text-decoration:none;
}

h4 a:hover {
	color: #039;
	text-decoration:underline;
}

h5 {
	color: #555;
	font: bold 11.5px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 0 10px;
}

h5 a:link, h5 a:visited {
	color: #555;
	text-decoration:underline;
}

h5 a:hover {
	color: #000;
	text-decoration:underline;
}

h6 {
	margin: 0px 10px 0px;
	font: 90% New Times Roman, Serif;
	color:#005779;
	line-height: 1.2;
}


/*  HEADER
---------------------------------------- */

#header {
  margin-bottom:0;
  padding:0 0 12px 0 ;
	height:176px;
}
#header img {
   margin:0;
   padding:0;
}

/*  CONTENT
---------------------------------------- */

#styleSwitcher {
    float:right;
    margin:0 20px 0 0;
		color:#999999;
		font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

#styleSwitcher a:link, #styleSwitcher a:visited  {
		color:#999999;
}

#styleSwitcher a:hover {
		color:#005779;
}


#containerWrapper {
	background: #fff url("/assets/global/right-grad.gif") right top repeat-y;
	margin: 0 auto;
	margin-top:15px;
	padding-right: 14px;
	width: 760px;

}
#container {
	background: #fff url("/assets/global/left-grad.gif") left top repeat-y;
	margin: 0 auto;
	padding-left: 15px;
	width: 740px;
	text-align:left;
}
#contentWrapper {
	margin:0;
	padding-top:20px;
	background: #fff url("/sites/default/assets/top_content_grad.gif") left top no-repeat;
}

table#content {
	border-collapse:collapse;
	width:742px;
	background: transparent url("/sites/default/assets/outer_right_grad.gif") right top repeat-y;
}

#leftCol {
	vertical-align:top;
	width: 197px;
	padding-top:0px;
	background: #fff url("/sites/default/assets/left_sidebar_grad.gif") left top repeat-y;
  list-style:none;
  font-size:85%;
}

#rightCol {
	border-right: 0px solid #ededed;
	padding:65px 20px 20px 15px;
	width: 508px;
}

#content p {
	line-height: 1.3;
}

#content ul {
	margin: 0px 10px 10px 0;
	color:#333;
}

#content li {
	margin: 3px 0;
}

#extra {
	background: #ededed;
	padding: 5px;
}


/* FOOTER
------------------------------------------ */


#footer {
	background: #fff url("/sites/default/assets/footer_bg_img.gif") no-repeat;
	height:50px;
}
#footer p {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0;
	margin-left:223px;
	padding: 12px 0 0 0;
}
#footer a:link, #footer a:visited {
	color: #999999;
	display: inline;
	padding: 0;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#005779;
}
#footer .pipe {
	color:#CCCCCC;
  margin:0 2px;
}


/* FEATURE
------------------------------------------ */
.featureBoxWrapper1 {
	background: transparent url("/sites/default/assets/feature-box-top.gif") left top no-repeat;
	padding:0;
	padding-top:20px;
	margin:10px;
	float:right;
	width:241px;
}

.featureBoxWrapper2 {
	background: transparent url("/sites/default/assets/feature-box-right.gif") right top repeat-y;
	padding:0;
	margin:0;
}

.featureBox {
	background: transparent url("/sites/default/assets/feature-box-left.gif") left top repeat-y;
	padding: 0 15px 0 10px;
	margin:0;
}

.featureBoxBottom{
	background:transparent url("/sites/default/assets/feature-box-bottom.gif") left bottom no-repeat;
	padding:0;
	margin:0;
	padding-bottom:5px;
  height:15px;
  clear:both;
}

.credits {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 5px 0 0 9px;
}

.clearBoth {
	clear: both;
}


/* NAVIGATION
------------------------------------------ */

#mainNav {
	font-size: 1.2em;
	text-align:right;
	list-style: none;
	margin: 0;
	padding: 0;
	padding:18px 28px 0 0;
	line-height:1.2em;
}

#mainNav li {
	display: block;
  list-style:none;

}

#mainNav li a:link, #mainNav li a:visited {
	border: 0px solid #711515;
	color: #fff;
	padding: 3px 0px 2px 10px;
	text-decoration: none;
	text-transform: uppercase
}

#mainNav li a:hover {
	background-color: none;
	text-decoration: underline;
}

#mainNav li ul {
	margin:0;
	padding:0;
	font-size:0.8em;
}

#mainNav li ul li a:link, #mainNav li ul li a:visited {
	border: 0px solid #711515;
	color: #005779;
	padding:0;
	margin:0;
	text-decoration: none;
	font-style:italic;
	text-transform:none;
}

#mainNav li ul li a:hover {
	background-color: none;
	text-decoration: underline;
}

blockquote {
	margin:10px;
}


/* @LOGIN
----------------------------------------------- */

#login {
	width: 450px;
	\width: 450px;
	w\idth: 450px;
	border: 1px solid #7da7cb;
	padding: 30px;
	margin: 20px;
	background: #FFFFFF;
	text-align: left;
}

#login h1 {
	font-size: 120%;
}

#login img {
	margin: 0 0 10px 0px;
  border:0px solid #ededed;
}

#login p {
	margin: 5px;
	margin-left: 0;
	padding: 0;
	color: #333;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #7da7cb;
}

#login p a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #005779;
}

#login input {
	font: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

div.login-link {
	margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
	font-size: x-small;
	text-decoration: underline;
}


/*  @SNIPPETS
-------------------------------------------------------------  */

/* IMAGES */

.image-default {
	margin: 0 40px 0 0;
	padding:0px;
	border:0px solid #ededed;
}

.image-default table {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

.image-default table tr {
	margin:0px;
	padding:0px;
}

.image-default table td {
	margin: 0px;
	padding:0 5px 0 5px;
}

.image-default table td p.caption {
	margin: 0 0 0 10px;
	padding:0 0 10px 0;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}


/* TESTIMONIALS */


.testimonial-default {
	margin:0;
	padding:0;
}

.testimonial-default img {
	margin:0 0 10px 10px;
	padding:0;
	float:right;
}


.testimonial-default .testimonial {
	margin:0;
	padding:0;
}

.testimonial-default .testimonial p {
	margin:0;
	padding:0;
	font-style:italic;
}

.testimonial-default .credits {
	margin:0;
	padding:0;
}

.testimonial-default .credits p {
	margin:0;
	padding:0;
}