/* typography styling */

html {
	background: #e1c8ab url('../images/papertile.png'); z-index: 1;
}

body {
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
        margin: 0px;
	min-height: 100%; width: 100%;
}

img {border: 0;}



div#wrap {
    width: 970px;
    height: auto;
    margin: 0 auto;
    margin-top: 0px;
    }


#contentfull {
float:left;
width: 900px;
height: 100%;
background-color: white;
color: #000;

}

#contenteither {
	float: left;
	width: 670px;
	height: 100%;
	background-color: transparent;
	color: #000;
}

#contentboth {
	float: left;
	width: 440px;
	height: 100%;
	background-color: transparent;
	color: #000;
	vertical-align: top;
}





/* ############## HEADING SECTION HEADER, MENU, BREADCRUMBS  ############## */

#topcontainer { /* contains header, menu divs */
    width: 970px;
    height: 145px;
    float: left;	
}
#topmenu {
	width: 970px;
	height: 0px;
	background-color: transparent;
	float: right;
	text-align: right !important;
	padding-top: 0px;
}
#header {
	width: 970px;
	height: 145px;
	background-color: #FFFFFF;
	float: left;
}
#menu {
	border: 0px;
	background: transparent;
	height: 0px;
	width: 970px;
	float: left;
}

#breadcrumb {
	height:0px;
	width: 930px;
	float: left;
        background: #FFF !important;
        padding: 10px 5px 5px 35px;
        font-size: 10px;
        }

/* ############## MIDDLE SECTION LEFT AND RIGHT MODULES ############## */

.middlecontainer {
        height:100%;
        width: 970px;
        float: left;
        background: #000;
        padding: 0px; /* use this to create a border around the body area */
	}
.middlecontainerinside {
	background-color: #FFF !important;
	background: #FFFFFF url('../images/leftborder.png') repeat-y 265px;
	width: 900px;
	height: 100%;
	float: left;
	padding: 35px 35px 35px 35px;
}
#modleft {
        height: auto;
        width: 230px;
        float: left;
        }

.insideleft {
        padding: 0 35px 0 0 ;
        }

#modright {
        height: auto;
        width: 230px;
        float: right;
	}

.insideright {
       padding: 0 0 0 35px;
       }
.insidecontent{
	padding: 0 0px 0px 35px;
}

.clear { clear: both;}

.highlightcontainer { /* holds highlight modules across bottom */
    float: left;
    width: 920px;
    height: auto;
    margin: 0;
    padding: 0 30px 0 20px;
    background-color: #FFF;
    }

#highlight {
        height: auto;
        float: left;
        width: 200px;
        padding: 15px;
 	}

.insidehighlight {
       padding: 0;
       }
/* ############## BOTTOM SECTION FOOTER ############## */

#bottomcontainer {
	height: 75px;
	width: 970px;
	background-color: transparent;
	float: left;
}
#bottommenu {
	height: 30px;
	width: 970px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center !important;
	background: #FFFFFF left
top;
	background-repeat: repeat;
	border-top: 1px #960001 solid;
	font-family: Arial, Helvetica, sans-serif;
}
#footer {
	padding-top: 10px;
	padding-bottom:10px;
	height: 45px;
	width: 970px;
	background: transparent;
}




/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
/* Main Body Text */
.contentpane {
background: transparent;
vertical-align:top;

}
.contentpaneopen {
background: transparent;
width: 100%;
vertical-align:top;
}



/* ############# READ MORE LINK STYLING ###########################*/
p.readon {
	overflow: hidden;
}

a.readon {
	background: transparent url(../images/readmore.gif) 0 0 no-repeat !important; /* ie6png:crop */
	float: left;
	text-indent: 15px;
}

a.readon:link, a.readon:visited {
	color: #4a375d;
	text-decoration: none;
}

a.readon:hover {
	color: #ff9900;
	text-decoration: none;
}



/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/


/* Popup background */
body.conentpane {
background: #fff;
color: #000;
}
/* End popup background */

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color: #D3D3D3;
color: #FFF;
font-weight: bold;
border-collapse: collapse;
font-size: 11px;
font-family: Georgia, Times New Roman, serif !important;
}
.formLabel {
font-size: 11px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color: #fff;font-size: 12px;}
.sectiontableentry2 {background-color : #fff;font-size: 12px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover { height: 15px; }
/* End category */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 11px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/


/* ############# INPUT CONTROLS ###########################*/


.button {
background: #4a375d;
color:#fff !important;
height: 22px !important;
width: auto;
text-align: center;
font-size: 11px !important;
font-family: Arial, sans-serif;
text-transform: uppercase;
padding: 5px;
margin-left: 5px;
}

/* the look of input boxes in forms in main content */
.inputbox {
background: #fff !important;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #666;
border: 1px solid #999 !important;
text-align: left;
width: auto;
height: auto;
margin: 3px;
}
.inputradio {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000;
text-align: left;
width: auto!important;
}
.inputboxMessage {
background: #000 !important;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #999;
border: 1px solid #666 !important;
text-align: left;
width: 300px;
height: auto !important;
padding-top: 5px;
}
.checkbox {
height: auto;
width: auto;
}
/* ############# END INPUT CONTROLS ###########################*/