/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #048;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	color: #CC5200;
	text-decoration: underline;
}


table.contentpaneopen {
  	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}


body {
	text-align: center;
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #73a2be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bodytile.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	color: #000000;
}

code,ul {
	padding-bottom: 1.2em;
}

p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	color: #000000;
}


ol {
	color: #000000;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left:10px;     
}


ul {
	color: #000000;
	list-style-position: outside;
	list-style-type: circle;
	margin-left:10px;
         

}

li{
}

h1 {font: bold 1.8em Georgia,serif; color:#ffffff; padding-left:10px; padding-top:6px;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif; color:#000000;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(../images/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}


/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.clearer_padding {clear: both; padding:0px; font-size: 0px;}

/* structure */
.inner-container {
	width: 940px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	background-image: url(../images/body_back.jpg);
	background-repeat: no-repeat;
}

.inner-tile {
	width: 760px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/containbg.jpg);
	background-repeat: repeat-y;
}

.outer-container {
    margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 4;
	position: relative;
}


.outer_png {
    margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/containbg.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 4;
	position: relative;
}

.main_body {
	padding-top:5px;
	background-repeat: no-repeat;

}

.readon {
	float:right;
	padding-right:20px;
		}

.back_button {
   padding-left:10px;
  }

/* headere & title */
#header{
	width: 940px;
	height: 86px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: 0px;	
	padding-right: 35px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: right;
	color: #ffffff;
	font-size: 12px;
}

#header a:link, #header a:active, #header a:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}

#header a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10px;
}


#contact {
         float:right;
         width:460px;
         margin:10px;
         color: #ffffff;
         margin-right:20px;
}

#contact p {
        color: #ffffff;
        font-size:14px;
        padding-bottom: 0px;
        }

#contact h3{
        color: #ffffff;
        font-size:14px;
        padding-bottom: 0px;
        }


/* path */
#path {

	color: #000000;
	font: normal 10px Verdana,sans-serif;
	padding: 4px 10px;

}
#path a {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}
#path a:hover {
	color: #000000;
	text-decoration: underline;
}

/* main */
#main{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 580px;
	text-align: left;
}

/* content */
.content {
	float: right;
	width: 538px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../images/li.gif);
	margin-left: 18px;
}
.content p {
	font-family: "Lucida Sans Unicode",sans-serif;
}
/* side nav*/

#side{
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

#side h3{
	font-size:12px;
	font-weight:bold;
	color: #000000;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	margin:0px;
	padding-bottom:10px;
}

#side p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	color: #ffffff;
}
.sidecap{
	
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;


	height: 5px;
	width: 180px;
}

.sidetrunk{

	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	width: 180px;
}

.sidebase{

	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 24px;
	width: 180px;
}

.sidetexttrunk{
	background-image: url(../images/sidemodtrunk.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 180px;
}

.sidetextbase{
	background-image: url(../images/sidemodbase.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 180px;
	background-color: #CCCCCC;
	border: 1px solid;
}
.sidetextcap{
	background-image: url(../images/sidemodcap.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 180px;
}

.sidetexttrunk p{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	color: #ffffff;
}

.sidespace{
	height: 10px;
	width: 180px;
	margin: 0px;
	padding: 0px;
}

#side ul {
	color: #000000;
	list-style-type: none;
	padding-right:20px;
	padding:0px;
	padding-left:20px;
	margin:0px;
	margin-right:10px;
	}

#side li {
	list-style-position: outside;
	list-style-type: none;
	margin-left:0px;
	padding-bottom:10px;
	border-bottom: solid 1px #5C7AA3;
	margin-bottom:10px;
	margin-right:5px;
	}

#side a:link, #side a:active, #side a:visited{
	color: #161b4a;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#side a:hover{
	color: #ac292f;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}


#side2{
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: right;
	text-align: left;
	font-size:10px;

}

#side2 ul {
	color: #000000;
	list-style-type: none;
	padding-right:20px;
	padding:0px;
	padding-left:20px;
	margin:0px;
	margin-right:10px;
	}

#side2 li {
	list-style-position: outside;
	list-style-type: none;
	margin-left:0px;
	padding-bottom:10px;
	border-bottom: solid 1px #5C7AA3;
	margin-bottom:10px;
	margin-right:5px;
	}

#side2 a:link, #side2 a:active, #side2 a:visited{
	color: #161b4a;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#side2 a:hover{
	color: #ac292f;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

#side2 h3{
	font-size:12px;
	font-weight:bold;
	color: #000000;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	margin:0px;
	padding-bottom:10px;
}

#side2 p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	color: #ffffff;
}

/* navigation */

#navleftl {
	margin: 0px;
	padding: 0px;
	width: 75px;
	float: left;
	background-image: url(../images/longnavr.jpg);
	background-repeat: no-repeat;
	height: 25px;
	
} 

#navleftr {
	margin: 0px;
	padding: 0px;
	width: 75px;
	float: right;
	background-image: url(../images/longnavr.jpg);
	background-repeat: no-repeat;
	height: 25px;
} 


#nav {
	padding: 0px;
	float: left;
	margin: 0px;
	height: 25px;
	width: 940px;
	background-image: url(../images/navback.jpg);
}

#nav ul { 
	list-style: none; 
	padding: 0px; 
	margin-left:30px;
	margin-right:auto;
	margin-top:0px;
	padding-top:0px;
	

}

#nav a, #nav strong, #nav span { 
	display: inline;
	color:#335178; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	background: url(../images/navi.gif) no-repeat 100% 0px; 
	text-decoration:none; 
	font-weight: bold; 
	font-size: 10px;
	
	}


#nav a { 
	float:left; margin: 0px; 	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;

	}

#nav li {
	color: #ffffff;
	background: url(../images/navi.gif) no-repeat 100% 0px;
	margin:0px;
	padding:0px;
	font-size: 10px;
	display: inline;
	float: left;
	height: 25px;
	}

#nav a:hover { 
	color:#ffffff; 
	background: url(../images/navi.gif) no-repeat 100% -35px; 
	font-size: 10px;
	
	}

/* Website design */
.websitedesign
{
	display:none;
	text-align:center;
}
.website_design
{
	font-style: normal;
}
.outsourcing
{
	font-style: normal;
}

/*board&*/
#board {
	background-color:#ffffff;
	background-image: url(../images/board.jpg);
	padding: 0px;
	font-size:0px;
	display:block;
	}
	
#boarda {
	width:280px;
	height: 130px;
	padding:10px;
		
	}
	
#boardb {

	width:140px;
	float:left;
	height:150px;
	padding-left:10px;

	}
	
#boardc {
	width:140px;
	float:right;
	height:150px;
	padding-left:10px;

	}
	
#boardd {
	width:auto;
	height:300px;
	padding-top:0px;
        clear:both;

	}

#board_left {
	 float:left;
	 width:300px;
	 font:0px;
	}









/*content_mod_featured*/


#content_mod_featured {
	width: 580px;
	background-repeat: no-repeat;
	background-color:#ffffff;
}

#content_mod_featured a:link, #content_mod_featured a:active, #content_mod_featured a:visited{

	color: #8B0220;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#content_mod_featured a:hover{
	color: #8B0220;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

#content_mod_featured h2{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
	margin-bottom:0px;
}

#content_mod_featured h3{
	font-size:12px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-bottom:10px;
	margin:0px;
	font-style: italic;
}

/*content mod A*/


#content_mod_a {
	width: 540px;
	background-image: url(../images/content_mod_a.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
    padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-right:10px;
	margin-left:10px;
}

#content_mod_a a:link, #content_mod_a a:active, #content_mod_a a:visited{
	color: #161b4a;
	font-weight: bold;
	text-decoration: underline;

}

#content_mod_a a:hover{
	color: #ac292f;
	font-weight: bold;
	text-decoration: underline;
}
#content_mod_a h1{
	font: bold 1.8em Georgia,serif; 
	color:#161b4a; 
	padding-left:10px; 
	padding-top:6px;

}
#content_mod_a h2{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
	margin-bottom:0px;
}

#content_mod_a h3{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom:10px;
	margin:0px;
}



/*content mod B */
#content_mod_b{
	width: 288px;
	float: left;	
}
#content_mod_b p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	margin: 0px;
	color: #ffffff;
}

#content_mod_b a:link, #content_mod_b a:active, #content_mod_b a:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#content_mod_b a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

#content_mod_b h3{
	font-size:14px;
	font-weight:bold;
	color: #D3353A;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
}


/*content mod C*/
#content_mod_c {
	width: 287px;
	float:left;

}

#content_mod_c p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	margin: 0px;
	color: #ffffff;
}

#content_mod_c a:link, #content_mod_c a:active, #content_mod_c a:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#content_mod_c a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}



#content_mod_c h3{
	font-size:14px;
	font-weight:bold;
	color: #D3353A;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
}

/*content mod D*/

#content_mod_d {
	width: 580px;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	}

#content_mod_d p{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	margin: 0px;
	color: #000000;
}


#content_mod_d h2{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

#content_mod_d h3{
	font-size:12px;
	font-weight:bold;
	color: #000000;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
}

#content_mod_d li {
         padding-bottom:5px;
         margin-left:22px;
         margin-right:10px;

}




/*content_wrapper*/
#content_wrapper {
	width: 580px;
	background-image: url(../images/content_wrapper.jpg);
	clear: both;

}

/* footer */
.footer {
	width: 920px;
	background: #949490;
	color: #000000;
	font: bold 1em sans-serif;
	margin-top: 5px;
	padding: 10px 10px;
	clear: both;
	background-image: url(../images/footer.jpg);
}
.footer a {
	color: #000000;
	text-decoration: none;
}
.footer a:hover {color: #000000;}

.createdate {
	/* name says it all.. its for styling the date the content/articles are created under 
	   contents title */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	
	.modifydate {
	/* need me to say? :) Well it styles the "Last updated on" text
	   at the end of articles/contents */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	text-decoration: none;
	font-weight: bold;
	}
	
.contentheading {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
	font-family: Georgia, Times, serif;
         padding-left:10px;
         padding-right:10px;
	font-size: 18px;
	font-weight: bold;
 	color: #AC292F;
	text-align:left;
	}

.contentpagetitle {
	/* Couldn't find where is this yet. Will update this part when I
		get to it. Sorry. If you know, please email me the infos */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #52513F;
	text-align:left;
	}

.componentheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;
         padding-left:10px;
         padding-right:10px;
		 padding-bottom:10px;
	font-size: 18px;
	font-weight: bold;
 	color: #848284;
	text-align:left;
	}


.poll {
	/* polls texts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #52513F;
	}
.button {
	background-color:#BBBBBB;
	color:#000000;
	border:solid #000000 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	}
	
textarea {
	border:solid #888888 1px;
	}
	
.inputbox {
	border:solid #888888 1px;
	margin-bottom:5px;
	margin-right:5px;
	}
#photo {padding:10px; paddding-top:10px; float:right;}

.mceContentBody {
text-align: left;
background: #FFF none;
font: normal 11px Arial, Helvetica, sans-serif;
}