/* <!-- */
	/* General styles */
body 
	{
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #1D2F29;
	line-height: 1.8em;
	font-size: 0.75em; 
	background-color: #ffffff;  
    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 */
    }

#fixed 
	{
	margin:0 auto;
	width:980px;   /* you can use px, em or % */
	text-align:left; 
	background-color:#FFFFFF;
	}
	
/*	
a:hover 
	{
	color:#fff;
	background:#369;
	text-decoration:none;
	}
*/    
h1, h2, h3
	{
    margin:.8em 0 .2em 0;
    padding:0;
    }
	
h3
	{
    color:#EA5019; 
	font-size: 1.45em; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:20px;
	}
    
p 
	{
    margin:1em 1em 1em 1em;
    padding:0;
    color:#1D2F29;
    }

p a 
	{
    color:#1D2F29; font-size:1.0em; 
    }

td a 
	{
    color:#1D2F29; font-size:1.0em; 
    }
	
/*	
img {
	margin:10px 0 5px;
	}
*/

/* 2 column left menu settings */
.leftmenu {
    background:#A6C3D3;
}

.leftmenu .colright {
       float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
   }

.leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}

.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
 
.leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:200px;
    }

/* Header styles */
#header 
	{
    clear:both;
    float:left;
    width:100%;
	background: #fff;
	}

/*	
#header 
	{
	border-bottom:1px solid #000;
	}
*/
	
#headerBarTop
	{
	background-color: #474747;
	border-top: 1px #FFFFFF solid;
	border-bottom: 2px #FFFFFF solid; 
	height:26px;
	}

#headerBarBottom
	{ 
	width:100%;
	background-color: #000;
	border-bottom: 1px #FFFFFF solid; 
	height:26px;
	}

.registerNow
	{
	float:left; 
	margin-right: 0;
	background-color: #474747; 
	border-right: 2px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid; 
	}


/* Top Nav bar */	
#mainnav
{
	background-color: #000000;
	padding: 5px 0 5px 190px; 
	line-height:1.1em;  
}

#mainnav ul
{
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}

#mainnav li

{
	display: inline;
	padding: 0 8px;
}



#mainnav li a

{
	text-decoration: none;
	color: #fff;
}



#mainnav li a:hover

{
	text-decoration: none;
	color: #FD9900;
}		

/* end top nav */
	
#leftNav 
	{
	width: 200px;
	/* this width value is also effected by
	the padding we will later set on the links. */
	}
	
#leftNav ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font: bold 14px Arial, Helvetica, sans-serif; 
	line-height:18px;	
	}

#leftNav li 
	{
	margin: 2px 0 0;	
	}

#leftNav a 
	{
	display: block;
	width:188px;
	padding: 2px 2px 2px 10px;
	border-bottom: 1px solid #fff;
	background: #A6C3D3;
	text-decoration: none; /*lets remove the link underlines*/
	}
	
#leftNav a:link, #leftNav a:active, #leftNav a:visited 
	{
	color: #000000;
	}

#leftNav a:hover 
	{
	border-bottom: 1px solid #fff;
	background: #5D92B0;
	color: #fff;
	}
	
/* Auditions */	
#auditions
{
	padding: 5px 0 5px 20px; 
	line-height:1.1em;  
}

#auditions ul
{
	padding: 0;
}

#auditions li

{ 
	font-size:.9em;
}



#auditions li a

{
	font-size:.9em;
	text-decoration: none;
	color: #1D2F29;
}



#auditions li a:hover

{
	text-decoration: none;
	color: #FD9900;
}		

/* end Auditions style */	


/* Auditions on registration page */	
#auditionsReg
{
	padding: 5px 0 5px 30px; 
	line-height:24px;  
}

#auditionsReg ul
{
	padding: 0;
}

#auditionsReg li

{ 
	font-size:1em;
}



#auditionsReg li a

{
	font-size:1em;
	text-decoration: none;
	color: #1D2F29;
}



#auditionsReg li a:hover

{
	text-decoration: none;
	color: #FD9900;
}		

/* end auditionsReg style */	

.columnHeaderBar
	{
	margin:0 0 0 0;
	background-color: #474747;
	border-top: 1px #FFFFFF solid;
	border-bottom: 2px #FFFFFF solid; 
	height:26px;
	}
	
.highlightBox
	{ 
	background-color:#35586C; 
	width:100%; 
	padding: 2px 2px 2px 10px;
	border-bottom: 1px solid #fff;	
    voice-family: "\"}\""; 
    voice-family:inherit;
	}
	
.highlightBox td, a
	{
	color:#fff; 
	font-size:.855em; 
	}
	
.contentWell a
	{	
	color: #1D2F29;
	line-height: 1.8em;
	font-size: 1.0em; 
	}
	
.blogTitle 
	{ 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:bold; 
	font-size:1.25em; 
	color:#35586C; 
	}
	

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* 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 */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#EEF3F7;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#A6C3D3;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	
	.holygrail .col1 {
        margin:0 202px;     	/* 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%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:30px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:39px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

.sectionBar
	{ 
	background-color:#333;
	border-top: 1px #FFFFFF solid; 
	width:100%; 
	height:26px;
	}
	
/* these go inside of col2 first */
.textContainer
	{ 
	margin:5px 5px 5px 5px; 
	font-size:.85em;
	} 
	
.comments
	{ 
	margin:5px 5px 5px 5px;
	}

/* this goes inside of col2 last */
.blogs
	{ 
	margin:5px 5px 5px 5px;
	}
	


/* Footer styles */

#pageBottomWrapper
	{
    clear:both;
    float:left;
    width:980px;
	background: #fff url(/cd/images/bg_bottom_980_blue.gif) repeat-y 50% 0;	
	}

#bottomBlock1
	{
	background: #fff url(/cd/images/bg_bottom_980.gif) repeat-y 50% 0;	
	}
	
#footer
	{
    clear:both;
    float:left;
    width:980px;
	background-color: #474747;
	text-align: left;
	border-top: 2px #FFFFFF solid; 
	color:#FFFFFF; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	height:26px;
	}

#footer a:link,
#footer a:visited
	{
	color:#FFFFFF;
	text-decoration: none; 
	font-size:1.0em;
	}
	
#footer a:hover
	{
	text-decoration: none;
	color: #FD9900;
	}

#footer p 
	{
    padding:10px;
    margin:0;
    }
	
#adBar
	{
    clear:both;
    float:left;
    width:980px;
	background: #fff url(/cd/images/bg_bottom_980_blue.gif) repeat-y 50% 0; font-size:.85em;	
	color:#FFFFFF; 
	height:159px;
	}

#adBar p
	{
	color:#FFFFFF; 
	}
	
    
.formattedTable table 
	{
    margin:1.5em 0;
    font-size:85%;
    }

.formattedTable th 
	{
    border-bottom:1px solid #ace;
    padding:5px 13px 5px 8px;
    color:#235;
    vertical-align:bottom;
    }

.formattedTable td 
	{
    border-bottom:1px solid #ace;
    padding:5px 13px 5px 8px;
    color:#235;
    vertical-align:top;
    }	
	
.head th 
	{
    background:#123456 url("images/bg_table_head.jpg") repeat-x;
    border-bottom-width:0;
    color:#fff;
    vertical-align:bottom;
    }
	
.alt td 
	{
    background:url("images/bg_table.jpg") repeat-x 0 50%;
    }
	
.alt th 
	{
    background:url("images/bg_table.jpg") repeat-x 0 0;
    }	

/* special styles */

.leftBox { background-color:#EEF3F7; padding-left:8px; padding-right:8px }
.rightBox { background-color:#A6C3D3; padding-left:8px; padding-right:8px }
.specialNotice 
	{ 
	background-color:#A6C3D3; 
	padding:5px;
	border: 2px solid #35586C;
	}
.errorBox 
	{ 
	background-color:#EC8D8D; 
	padding:5px;
	border: 2px solid #8C1717; 
	}
.fieldName
	{
	text-align:right;
	font-size:1.0em; 
	font-weight:normal;
	color: #35586C;
	}	
	
#news a:link,
#news a:visited
	{
	color:#1D2F29;
	text-decoration: none; 
	font-size:0.8em; 
	font-weight:bold;
	}
	
#news a:hover
	{
	text-decoration: none;
	color: #FD9900;
	}
	
.newsSource
	{
	font-size:0.8em;
	color:#1D2F29;
	}	


    /* --> */
	
	
/* Google button  */
button.g-button, a.g-button, input[type=submit].g-button, input[type=button].g-button {
padding: 6px 10px;
-webkit-border-radius: 2px 2px;
border: solid 1px rgb(153, 153, 153);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
color: #333;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
}