/*General*/
body{
	margin:0px;
	padding:0px;
	background:url('background.jpg') repeat;
	font-family:Arial, Helvetica, sans-serif;
}



a{
	text-decoration:none;
}

a:visited{
	color:#0000FF;
	text-decoration:none;	
}

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

a:active{
	text-decoration:none;
}
/*Header*/
#header{
	background:url('topgradient.png') repeat-x;
	height:130px;
	left:0px;
	top:-10px;
	position:relative;
}

#header .logo{
	margin-left:10px;
	padding-top:20px;
}

#header .navigation{
	background: url('navigation.jpg') no-repeat;
	height:112px;
	width:180px;
	position:absolute;
	top:20px;
	left:312px;
	padding-left:6px;
}

#header .navigation a{
	color:#000000;
}

#header .navigation a:hover{
	color:#999999;
}

#header .navigation ul{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top:0;
	padding-top:8px;
}

#header .navigation li{
	padding-left: 16px;
	padding-bottom: 6px;
	background-image: url('bullet.gif');
	background-repeat: no-repeat;
	background-position:0 0.1em;
	font-weight:bold;
}


#header .recentComments{
	background: url('login.jpg') no-repeat;
	height:112px;
	width:350px;
	position:absolute;
	top:20px;
	right:10px;
	font-size:10px;
}

/*#header .login .loginForm{
	position:absolute;
	right:8px;
	top:15px;
}*/

#header .recentComments h1{
	padding:0;
	margin:0.3em 0 0 15px;
	font-size:14px;
	text-align:center;
}

#header .recentComments ol{
	padding: 0;
	margin: 0;
	margin-left: 3.5em;
	margin-top:0.6em;
}

#header .recentComments li{
  padding-left: -0.2em;
}

#header .login a{
	color:#000000;
}

#header .login a:hover{
	color:#666666;
}

/*#header .login .loginForm #topLoginButton{
	position:relative;
	right:-52px;
}

.loginBoxPlain, .loginBoxUsername, .loginBoxPassword{
	border:none;
	width:120px;
	height:25px;
	padding-bottom:4px;
	padding-left:5px;
	padding-top:1px;
}

.loginBoxUsername{
	background: url('loginbox_un.gif') no-repeat;
}

.loginBoxPassword{
	background: url('loginbox_pw.gif') no-repeat;
}

.loginBoxPlain{
	background: url('loginbox.gif') no-repeat;
}*/

/*Main Area*/
#mainArea{
	margin-left:75px;
	margin-right:75px;
	margin-bottom:20px;
	padding-top:10px;
}

.mainBackground{
	color:#000000;
	background-color: #F4F4F4;
	border:1px solid #CCCCCC;
}

#content{
	padding-left:7px;
	padding-right:7px;
	padding-top:6px;
	padding-bottom:10px;
}

#pageTitle{
	padding:3px;
	margin-bottom:8px;
}

#mainArea .h1Container{
	position:relative;
	background: url('h1background.gif') repeat-x;
	height:38px;
	border-left: 1px solid #CAC2B6;
	overflow:auto;
}

#mainArea .h1End{
	background: #F4F4F4 url('h1end.gif') no-repeat;
	height:38px;
	width:40px;
	float:right;
	padding:0px;
	
}


#mainArea h1{
	font-size:x-large;
	display:inline;
	position:relative;
	top:0.1em;
	left:0.3em;
}

/*!!!!!!!!!!!!*/



#mainArea #testH{
	font-size:x-large;
	width:auto;
	position:relative;
	top:-0.6em;
	left:0em;
	background: url('h1background_new.png') repeat;
	background-position:100% 0px;
	height:35px;
	border-left: 1px solid #CAC2B6;
	display:block;
	padding-top:0.1em;
	padding-left:0.2em;
	padding-bottom:0em;
	margin:none;
	line-height:37px;
	overflow:visible;
}

.mainTextT p, .mainTextT .indent, .mainTextT h3{
	margin:10px 20px 1em 20px;
	text-align:justify;
	line-height:1.1em;
}

.mainTextT{
	position:relative;
	top:-1.1em;
	padding-bottom:none;
}
/*prevent italics bug IE6*/
	.mainTextT{
		overflow:visible;
	}
	
	/* Hides from IE5-mac \*/
	* html .mainTextT {height: 1%;}
	/* End hide from IE5-mac */
/*end prevent bug */

.postedT{
	position:relative;
	top:-0.9em;
	font-size:small;
	margin-bottom:10em;
}

/*!!!!!!!!!!!!*/

#mainArea h1 a{
	border-bottom:1px dotted #000000;
	color:#000000;
}

#mainArea h1 a:hover{
	color:#999999;
}



.mainText p, .mainText .indent, .mainText h3{
	margin:10px 20px 1em 20px;
	text-align:justify;
	line-height:1.1em;
}


.mainText ul, .mainText ol{
	padding:0;
	margin:10px 20px 1em 60px;
	text-align:justify;
	line-height:1.1em;	
}

.mainText ul{
	list-style-type:square;
}


/*prevent italics bug IE6*/
	.mainText{
		overflow:visible;
	}
	
	/* Hides from IE5-mac \*/
	* html .mainText {height: 1%;}
	/* End hide from IE5-mac */
/*end prevent bug */

.intro{
	overflow: visible;
	height:100%;
	border: 1px dotted #CDCDCD;
	padding:6px;
	background-color: #EAEAEA;
	color:#000000;
	margin:0;
	font-style:italic;
}

#mainArea .quote{
	margin-left:50px;
	margin-right:50px;
	background-color:#EAEAEA;
	padding:6px;
}

div .quote{
	margin:10px 20px 1em 20px;
	padding:0;
}

.quote ul, .quote ol{
	margin:2px 10px 2px 40px;
}

 .quote p{
	 margin:2px 10px 20px 2px;
}


.mainText h3{
	font-size:larger;
}

a img{
	border:0;
}


#mainArea .bodyImage, #mainArea .captionedImage{
	background-color:#EAEAEA;
}
	
#mainArea .bodyImage{
	padding:3px;
	margin:3px 5px 0px 5px;
}

#mainArea .captionedImage{
	padding:0;
	margin:.1em 1em .4em 20px;
}


	/* Hides from IE5-mac \*/
	* html #mainArea .captionedImage {margin-left: 10px;}
	/* End hide from IE5-mac */

.captionedImage img{
	margin:5px;
}

.captionedImage p{
	padding:0;
	margin:0;
}

.captionedImage .caption{
	border-top:3px solid #F4F4F4;
	font-size:smaller;
	text-align:center;
	font-style:italic;
	padding:2px;
}

.centredLink{
	text-align:center !important;
	font-weight:bold;
}

/*Archive pages#############################*/

#archiveHolder{
	margin-left:20px;
	list-style:none;
}

.archiveh3{
	padding-top:2px;
	padding-left: 19px;
	margin-bottom: 8px;
	background-image: url('bullet.gif');
	background-repeat: no-repeat;
	background-position:0 0.1em;
}

.archiveh3 h3{
	padding:0;
	margin:0;
	font-size:medium;
}

ul.archiveNormal{
	position:relative;
	list-style-type:square;
	margin-left:20px;
	margin-top:10px;
	background-image:none;
}

.archiveNormal li{
	background-image:none;
	padding:2px 1px 2px 2px;
	margin:0;
}

.archiveNormal a, .archiveNormal a:visited{
	color:#000000;
}

.archiveNormal a:hover{
	color:#FF9900;
}

span.summary{
	color:#999999;
	font-size:small;
}


/*...main area footer*/

.commentLink a:hover{
	color:#666666;
}

.commentSummary{
	padding-top:0.5em;
	border-top:1px dotted #999999;
}

.commentSummary, .commentSummary a, .posted, #footer, .commentSummary a:visited{
	color:#999999;
}

.posted{
	position:relative;
	top:-0.9em;
	font-size:small;
}

 .commentSummary a:hover, #footer a{
	color:#333333;
}


#footer{
	text-align:center;
	margin-top:10px;
	padding:2px 5px 2px 5px;
	font-size:smaller;
}

#footer p{
	margin:0;
	padding:0;
}

#footer img{
	margin-top:3px;
}
/*Comments------------------------------------------------------*/

#commentArea, #addComment{
	background: #FFDBA4 url('light_topbg.gif') repeat-x;
	border: 1px solid #D6B98D;
	margin: 0px 30px 15px 30px;
	padding:6px;
	
}

.h2Container{
	position:relative;
	background: url('h2background.gif') repeat-x;
	height:29px;
	border-left: 1px solid #D6B88A;
}

.h2End{
	background:  url('h2end.gif') no-repeat;
	height:29px;
	width:36px;
	float:right;
	padding:0px;
	
}
	

h2{
	font-size:large;
	display:inline;
	position:relative;
	top:0.1em;
	left:0.3em;
}

#commentArea .comment{
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
}

#commentArea .commentAvatar, .commentText, .commentBox, .commentTextbox, .commentMessage{
	background-color: #FFE5BE;
	color:#000000;
	border:1px solid #E4C08A;
}


#commentArea .commentAvatar{
	width:74px;
	height:74px;
	float:left;
}

#commentArea .avatar{
	margin:5px;
}

#commentArea .commentText{
	min-height:74px;
	margin-left:84px;
	padding:5px;
}

/* Hides from IE5-mac \*/
* html #commentArea .comment {height: 1%;}
/* End hide from IE5-mac */


.commentText p{
	margin-top:0.4em;
	margin-bottom:0.3em;
	padding-bottom:0.3em;
	margin-left:15px;
}

.commentText .username{
	border-bottom:1px dotted #E4C08A;
	margin-left:0px;
	margin-top:0px;
	font-weight:bold;
}

.username a, .username a:visited{
	color:#333333;
}

.username a:hover{
	color:#666666;
}

.commentText .date{
	font-weight:normal;
	font-size:small;
	color: #D6B98D;
}

#addComment{
	text-align:center;
	margin-top:15px;
	width:500px;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#addComment form{
	padding:0px;
	margin:0px;
}

#addComment .commentBoxContainer{
	width:100%;
	padding:0px;
	margin-top:10px;
	margin-bottom:0px;
}

#addComment .commentBox{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#addComment .commentTextbox{
	margin-bottom:2px;
}


#addComment .commentTextboxLabel{
	font-size:smaller;
	padding-right:0.3em;
}

#addComment .nameAndEmail{
	text-align:right;
}

#addComment .nameAndEmailContainer{
	position:relative;
	left:-125px;
}

/*BLOG SPECIFIC*/
#msnBlog .red{
	color:#ff0000;
	padding-left:1em;
	padding-bottom: 0.5em;
}

#msnBlog .pink{
	color:#ff00ff;
	padding-left:1em;
}

#msnBlog .grey{
	color:#990099;
}

#msnBlog .purple{
	color:#993366;
	font-weight:bold;
	padding-left:1em;
	padding-bottom: 0.5em;
}

#kwlBlog{
	font-size:large;
}

#kwlBlog .first{
	color:#00FF00;
	font-weight:bold;
}

#kwlBlog .second{
	background-color:#0000FF;
	color:#FFFF00;
	font-family:"Comic Sans MS";
}


#kwlBlog .fourth{
	color:#FF66FF;
	text-decoration:underline;
}

#kwlBlog .fifth{
	color:#990099;
}

.paddedBottom li{
	padding-bottom:1em;
}

.letter{
	background: url('images/tyletter.jpg') no-repeat;
	width: 550px;
	height: 600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.letter p{
	margin:60px 20px 20px 100px;
	padding-top:60px;
}

#myspacetable{
	padding-left: 20px;
	padding-right: 20px;
}

#myspacetable td{
border:2px solid #EAEAEA;
padding: 2px !important;
}

#myspacetable .caption{
background-color:#EAEAEA;
}

#myspacetable p, #myspacetable td{
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:top;
}

#fist{
	background-color: #FFE5BE;
	border: 1px solid #E4C08A;
	padding: 0.3em;
}

#fist p{
	margin: 0;
	padding: 0 0 0.3em 0;
}