/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		padding-bottom:60px;   /* Height of the footer */
    }

    h1, h2, h3 {
        /*margin:.8em 0 .2em 0;*/
        padding:0;
		font-family: Georgia;
		font-weight: normal;
    }

	#topborder {
	height: 32px;
	background-color: #cccccc;
	text-align: right;
	}	
	
	/* Header styles */
    #header {
		clear:both;
		float:left;
		width:100%;
		height: 125px;
    }

	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#ffffff;
		margin:0;
		text-align:right;
		height: 150px;
		
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-top: 1px dotted #cccccc; 
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#ffffff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;				/* 250%  */
        margin-left:-200px; 	/* -200 Width of right column */
        position:relative;
        right:100%;				/* 100%  */
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:535px;         	/* 535 Left column width + right column width */
        background:#fff;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;				/* 50% */
	    position:relative;
	    right:205px;        	/* 205 Distance between Left and Mid content areas */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {			/* this is the actual center column content */
        margin:0 230px;     	/* 0 230px   Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;		
	    left:200%;				/* 200%*/
	    /*overflow:hidden;*/
		background:#fff;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* 250 Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:10px;         	/* Width of the left-hand side padding on the left column */
		background:#fff;

    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:100px;        	/* 255 Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* 40 Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		
    }
	/* Footer styles */
#footer {

float:left;
width:90%;
border-top:1px dotted #ccc;
padding:15px;
background-color: #fff;
	margin-top: 100px; 
	height: 10px;
	clear:both;
}

.logo a{
font-family: Georgia;
color: #000000;
font-size: 36px;
line-height:30px;
font-weight: bold;
text-decoration: none;
position:absolute;
top: 40px;
left: 76px;
}

.search {
margin-top: 20px;
margin-bottom: 25px;
}

.cc {
float:left;
position:relative;
}

.logoicon a{
color: #ff0000;
font-family: Georgia;
font-size: 100px;
font-weight: normal;
text-decoration: none;
position:absolute;
line-height:100px;
top: 40px;
left: 208px;
}

#topnav {
	margin: 0;
	padding: 0;
	position:absolute;
	line-height:100px;
	top: 38px;
	left: 277px;
	width: 700px;
	font-family: Georgia;

}
 
#topnav a {
color: #000000;
text-decoration: underline;
font-weight: normal;
font-family: Georgia;
font-size: 14px;
}

#topnav a:visited {
color: #000000;
text-decoration: underline;
}

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

li {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  list-style-type: none;
}

.navcol1 {margin-left: 3em;}
.navcol2 {margin-left: 18em;}
.navcol3 {margin-left: 33em;}
.navcol4 {margin-left: 40em;}
.firsttopper {color: #ff0000;font-weight: normal; } 
.coltopper {margin-top: -6.5em;color: #ff0000;font-weight: normal; } 
.questionbutton {margin-top: -3.5em;}

#container {
   min-height:100%;
   position:relative; 
   height:100%;
}

#normaltext {
font-family: Georgia;
font-size: 14px;
line-height: 1.7em;
padding-bottom: 6px; 
padding-top: 6px; 
}

#normalQuestiontext {
font-family: Georgia;
font-size: 16px;
line-height: 1.7em;
padding-bottom: 6px; 
padding-top: 6px; 
color: #515151;
}

#normalQuestiontext ul,ol{
list-style-position: outside;
list-style-image: url(images/bullet_round.gif);
list-style-type: square;
padding: 6px;
margin: 20px;
}

#normalAnswertext {
font-family: Georgia;
font-size: 13px;
line-height: 1.7em;
padding-bottom: 6px; 
padding-top: 6px; 
margin-top: 15px;
color: #515151;
}

#normalAnswertext ul,ol{
list-style-position: outside;
list-style-image: url(images/bullet_round.gif);
list-style-type: square;
padding: 6px;
margin: 20px;
}

#biotext {
font-family: Georgia;
font-size: 20px;
line-height: 2.0em;
padding-top: 15px;
}

.grayedOut {
color: #ccc;
}

.linered {
border: 0;
color: #f00;
background-color: #f00;
height: 4px;
margin-top: 15px;
margin-bottom: 15px;
}

.linered2 {
border: 0;
background-color: #ccc;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
clear:both;
}

.whitespace {
border: 0;
color: #fff;
background-color: #fff;
height: 15px;
}

.linegray {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
}

.linegrayComments {
border: 0;
color: #ccc;
background-color: #666;
height: 1px;
margin-top: 1.5em;
}

.imgAvatar {
   padding:1px;
   border:5px solid #fff;
   background-color:#000;
   height: 32px;
   width: 32px;
}

a {
color: #ff0000;
text-decoration: underline;
font-weight: normal;
font-family: Georgia;
font-size: 14px;
}

#commentsection {
color: #666;
font-family: Georgia;
font-size: 12px;
margin-left:25px;
margin-right:25px;
line-height: 1.7em;
}
#commentsection a {
color: #ff0000;
text-decoration: underline;
font-weight: normal;
font-family: Georgia;
font-size: 11px;
}

#commentsection a:visited {
color: #000000;
text-decoration: underline;
}

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

.button {
font-family: Georgia;
font-size: 14px;
background-image: url(wysiwyg/images/background_silver.jpg);
}

.buttonTiny {
font-family: Georgia;
font-size: 10px;
}

.buttonBig {
font-family: Georgia;
font-size: 18px;
background-image: url(wysiwyg/images/background_silver.jpg);
}
.forminput { 
font-size: 26px; 
border: 1px solid #ccc; 
}

.toolbar1   { height: 26px; background-image: url(wysiwyg/images/background_silver.jpg); }

.loggedin {
font-family: Georgia;
font-size: 12px;
color: #6B6B6B;
}
.loggedin a {
font-family: Georgia;
font-size: 12px;
color: #ff0000;
}

.score {
font-weight: bold;
color: #ff0000;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../../images/error.png');
}

.alert {
background: #fff6bf url(image_folder/exclamation_mark.gif) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

#columnQuestionTitle {float:left; width:200px;padding:10px;}
#columnQuestionStats {float:right; width:40px;padding:5px; background-color: #F5F5F5; margin: 5px;}
#AskInstructionBox {float:left; width:100px;padding:10px; background-color: #D6D6D6;margin: 5px;}

.ViewScoreFont {
font-family: Georgia;
font-size: 16px;
color: #6B6B6B;
}

.ViewQTitle a{
font-family: Georgia;
text-decoration: none;
font-size: 18px;
}

.ViewQTitle a:hover {
font-family: Georgia;
color: #000;
font-size: 18px;
}

.smallDescriptor {
font-size: 10px;
font-family: Georgia;
color: #A8A8A8;
}

.smallDescriptor a{
font-size: 10px;
font-family: Georgia;
color: #f00;
}

.personalwebsitelink a{
font-size: 10px;
font-family: Georgia;
color: #7F7F7F;
}

.scoreSmall {
font-size: 10px;
font-weight: bold;
color: #ff0000;
}

#tabAreaContent {
background:#fff;
}

.alphabetical {
font-family: Georgia;
font-size: 16px;
color: #000;
}
.alphabetical a {
font-family: Georgia;
font-size: 16px;
color: #ff0000;
}

.badge {
text-align: center;
font-family: Georgia;
font-size: 17px;
text-transform:capitalize;
background-image:url('images/badgebkg.gif');
}

.tagCloudLg a{
font-size: 18px;
font-weight: bold;
color: #858585;
}

.tagCloudMd a{
font-size: 12px;
font-weight: bold;
color: #858585;
}

.tagCloudSm a{
font-size: 10px;
color: #858585;
}

#AffiliateLink {
width:100%;
height: 90px;
background-color: #CC0000;
}

#AffiliateLink a {
color: #fff;
font-weight: normal;
font-family: Georgia;
font-size: 18px;
}

#giantaskbutton a {
color: #D50000;
font-size: 18px;
width: 150px;
padding: 1px;
background-color: #ccc;
}

#giantaskbutton a:hover {
color: #fff;
text-decoration: underline;
background-color: #D50000;
}

.pad { color: black; margin: 0 0 .5em 0; }

#MessageAtTop {

    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:center;
    font-size:18px;
    color:#fff;
    padding:5px 0px 5px 0px;
    background-color:#D50000;
}

#MessageAtTop a {
	color:#fff;
	font-size:15px;
	font-weight: bold;
}

#MessageAtTop a:hover {
	color: #000;
	font-size:15px;
	font-weight: bold;
}

#MessageAtTop span {
    text-align: center;
    width: 95%;
    float:left;
}

.close-notify {
    white-space: nowrap;
    float:right;
    margin-right:10px;
    color:#fff;
    text-decoration:none;
    border:2px #fff solid;
    padding-left:3px;
    padding-right:3px;
	
}

.close-notify a {
    color: #fff;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
}