/************************************************************************************
* Created on Sep 7, 2007															*
* 																					*
* This is the standard CSS document to use on all websites. The elements shown are 	*
* just the standard ones. Feel free to add any elements you may need. You may also	*
* uncomment any of the attributes from any element you wish to use, or change the	*
* values of any attribute. Whatever works for your site.							*
*																					*
* Edited Jun 20, 2008 by Mark Kitanga												*
* - Added 1 class category called Photo Options										*
* - Added 1 class to Photo Options: photo_border									*
*																					*
* Edited Jun 17, 2008 by Mark Kitanga												*
* - Added 8 classes to Padding Sizes: padding_top_5, padding_top_10,				*
*   padding_bottom_5, padding_bottom_10, padding_left_5, padding_left_10,			*
*   padding_right_5, padding_right_10												*
*																					*
* Edited Feb 23, 2008 by Mark Kitanga												*
* - Added 3 classes to Padding Sizes: padding_5, padding_10, form_field_padding		*
*																					*
************************************************************************************/

/* Conrad Styles */

body
{
	background-image: url(http://archive08.conradawards.org/images/bg.jpg);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #323439; 
	margin-top: 10px;
	margin-bottom: 10px;
}
/********************************************
*					Forms						*
********************************************/

input
{
	padding:5px; 
	font-weight:bold; 
	color:#666666;
}
select 
{
	padding:3px; 
	font-weight:bold; 
	color:#666666;
}

/********************************************
*					IDs						*
********************************************/

#child_content
{
	width: 673px;
	border: 1px solid #AEAEAE;
	padding: 10px;
}

#competition_index
{
	color:#FFFFFF;
	height: 183px;
	padding-right:5px;
	border:none;
}

#container
{
	width: 942px;
	padding: 8px;
	background-color: #FFFFFF;
	border: 1px solid #CFCFCF;
}

#container_email
{
	width: 610px; 
	padding: 5px; 
	margin-top: 10px; 
}

#content
{
	width: 710px;
	border: 1px solid #AEAEAE;
	padding: 10px; 
	margin-top: 10px; 
}
#content_full
{
	width: 920px;
	border: 1px solid #AEAEAE;
	padding: 10px; 
	margin-top: 10px; 
}
#content_index
{
	width: 735px; 
	padding: 0px; 
	margin-top: 10px;  
}
.content_middle
{
	width: 525px; 
	float:left;  
	 
}
.content_middle_border
{
	width: 514px;
	border: 1px solid #AEAEAE;
	padding: 5px;
	margin-top: 10px; 
	margin-bottom: 10px;   
}
.content_right
{
	width: 185px;
	vertical-align:top;
	border: 1px solid #AEAEAE;
	padding: 5px; 
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
#content_email
{
	 
	background-color: #FFFFFF;
	border: 1px solid #AEAEAE;
	width: 600px; 
}

#content_rules_deadlines
{
	width: 673px;
	border: 1px solid #AEAEAE;
	padding: 10px; 
	margin-top: 10px;
	background-image: url(http://archive08.conradawards.org/images/logo_watermark.jpg);
	background-repeat: repeat-y;
}

#content_awards
{
	width: 673px;
	border: 1px solid #AEAEAE;
	padding: 10px; 
	margin-top: 10px; 
	background-image: url(http://archive08.conradawards.org/images/logo_watermark.jpg);
	background-repeat: repeat-y;
}
#header 
{ 
	width: 942px;
	height: 198px; 

}
#faq_index
{
	border: 1px solid #AEAEAE;
	padding: 10px;
	height: 145px;
	margin-top: 10px;
	overflow:auto;
}

#index_content_left
{
	width: 200px;
	margin-right: 10px; 
	margin-top: 10px;
	float:left;
}

#index_content_middle
{
	/*width:425px;*/
	width:710px;	
	height:564px;
	padding:10px; 
	margin-top:10px;
	background-image:url(http://archive08.conradawards.org/images/conrad_1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

#index_content_right
{
	width: 195px;  
	float:left;
	margin-left: 10px;
}

#profile_top
{
	background-color: #cccccc; 
	background-image: url(http://archive08.conradawards.org/images/login_bg.jpg);
	background-repeat:repeat-x;  
}

#login
{
	background-image: url(http://archive08.conradawards.org/images/login_bg.jpg);
	background-repeat:repeat-x;
	padding: 10px;
	height: 183px;
}
#marqueecontainer
{
	position: relative;
	height: 280px; 
	overflow: hidden; 
}

.nav_admin
{
	/* width: 237px; */
	background-color: #cccccc; 
	background-image: url(http://archive08.conradawards.org/images/login_bg.jpg);
	background-repeat:repeat-x; 
	padding: 10px; 
	margin_bottom:10px;
}

#news
{
	height:315px;
	width:255px;
	margin-left:425px;
	margin-right:35px;
	margin-top:120px;
	margin-bottom: 10px;  
}



#welcome
{
	height: 120px;
	width: 400px;
	/*margin-left: 225px;*/
	padding-right:10px;
	padding-left:3px;
	overflow:auto;
	color:#FFFFFF;
}

/********************************************
*					Links					*
********************************************/

/* Primary link */ 
a, a:link, a:visited, a:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #026DC3; 
}
a:hover 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #000000; 
}



a.box_links_w_on_bl, a.box_links_w_on_bl:link, a.box_links_w_on_bl:visited
{
	padding:5px; 
	border:1px solid #006699; 
}
a.box_links_w_on_bl:hover
{
	padding:5px; 
	border:1px solid #006699;
	background-color:#006699;
	color:#FFFFFF;
	
}
a.box_links_w_on_bl:active 
{
	padding:5px; 
	border:1px solid #006699;
	background-color:#006699;
	color:#FFFFFF;
}

a.box_links_bl_on_w, a.box_links_bl_on_w:link, a.box_links_bl_on_w:visited
{
	padding:5px; 
	border:1px solid #006699; 
	background-color:#006699;
	color:#FFFFFF;
}
a.box_links_bl_on_w:hover
{
	padding:5px; 
	border:1px solid #006699; 
	background-color:#006699;
	color:#FFFFFF;
}
a.box_links_bl_on_w:active 
{
	padding:5px; 
	border:1px solid #006699; 
	background-color:#006699;
	color:#FFFFFF;
}
/* Secondary link(s)
   The following style attributes will only apply to this particular link class.
   In this case, the class is named member, but you can change it to anything else.
   If you wish to create another link class, just copy the 2 declaration sets and
   change the name of the link class to something else. */
   
a.copyright, a.copyright:link, a.copyright:visited, a.copyright:active
{
	text-decoration: none; 
	font-weight:normal;
	font-size:12px;
	color: #2B2929; 
}
a.copyright:hover 
{
	text-decoration: none;  
	color: #026DC3; 
}

a.nav_top_bottom_link_on , a.nav_top_bottom_link_on:link, a.nav_top_bottom_link_on:visited, a.nav_top_bottom_link_on:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #2B2929; 
	padding-left:8px;
	padding-right:8px;
}
a.nav_top_bottom_link_on:hover 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #026DC3; 
}

a.nav_top_bottom_link_off , a.nav_top_bottom_link_off:link, a.nav_top_bottom_link_off:visited, a.nav_top_bottom_link_off:active
{
	text-decoration: none; 
	font-weight: bold; 
	color: #026DC3; 
	padding-left:8px;
	padding-right:8px;
}
a.nav_top_bottom_link_off:hover 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #2B2929; 
}

/********************************************
*					Button					*
********************************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://archive08.conradawards.org/images/bg_button_a.gif') no-repeat scroll top right;
    color: #009999;
    display: block;
    float: right; /* Left Or Right Depending on where you want your button*/
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://archive08.conradawards.org/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/********************************************
*					Classes					*
********************************************/
.blog_border
{
	border:1px solid #026DC3; 
	padding:10px; 
	margin:10px; 
}
.blog_comments_border
{
	border:1px solid #AEAEAE; 
	padding:10px; 
	margin:10px; 
} 
.border_right
{
	border-right:1px solid #666666;
}
.border_top
{
	border-top:1px solid #666666;
}
.border_left
{
	border-left:1px solid #666666;
}
.border_bottom
{
	border-bottom:1px solid #666666;
}
.profile_border
{ 
	border:1px solid #AEAEAE; 
	padding:5px; 
	margin-bottom:5px;
	margin-left:10px;
	margin-top:5px; 
}
.nav_top_bottom
{ 
	margin-top: 10px; 
	padding-top: 13px;
	padding-bottom: 5px;
	height: 25px;
	background-image: url(http://archive08.conradawards.org/images/nav_bg.jpg);
	background-repeat: repeat-x;
	width: 942px;
}
.nav_top
{ 
	margin-top: 10px; 
	padding-top: 10px;
	padding-bottom: 0px;
	background-image: url(http://archive08.conradawards.org/images/nav_bg.jpg);
	background-repeat: repeat-x;
	width: 942px;
}
.news_headline
{ 
	color: #02589D; 
	font-size: 14px; 
	margin:0px;
	font-weight:bold;
	text-transform:uppercase;
}
/* Photo Options */
.photo_border
{
	border-left:3px solid #FFFFFF;
	border-top:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	border-bottom:9px solid #FFFFFF;
}

.sponsors
{
	/* width: 225px; 
	border: 1px solid #AEAEAE; */
	padding: 10px; 
	margin-top: 10px;
}
.sponsors_2
{
	/* width: 225px; 
	border: 1px solid #AEAEAE; */
	padding: 10px; 
	margin-top: 10px;
}
.sponsors_3
{
	/* width: 225px; 
	border: 1px solid #AEAEAE;*/ 
	padding: 10px; 
	margin-top: 10px;
}


.table_header
{
	color:#000000;
	font-weight:bold;
	background-color:#eeeeee;
	text-transform:uppercase;
}
.copyright {
	width: 942px;
}

/********************************************
*				  Pop Up Box				*
********************************************/

a.pop_up span {
	display: none;
	text-decoration: none;	
	color:#000000;
	width:375px;
}
a.pop_up:hover {					
	overflow: hidden; /** fix for IE6 popup bug.  nice one Microsoft! */
	text-decoration: none;
	color:#000000;
	
}

a.pop_up:hover span {
	display: inline;
	border: 1px dashed red;
	position: absolute;
	background-color: white;
	padding: 5px;
	margin-left: 5px;
	overflow: hidden;
	text-align:left;
}




/* Padding sizes */
.l_r_padding 
{
	padding-left:5px;
	padding-right:5px;
}
.l_r_padding_more 
{
	padding-left:10px;
	padding-right:10px;
}
.t_b_padding 
{
	padding-top:5px;
	padding-bottom:5px;
}
.t_b_padding_more 
{
	padding-top:10px;
	padding-bottom:10px;
}

.padding_5
{
	padding:5px;
}
.padding_10
{
	padding:10px;
}
.form_field_padding
{
	padding-left:30px;
	padding-right:30px;
}

.padding_top_5
{
	padding-top:5px;
}
.padding_top_10
{
	padding-top:10px;
}
.padding_bottom_5
{
	padding-bottom:5px;
}
.padding_bottom_10
{
	padding-bottom:10px;
}
.padding_left_5
{
	padding-left:5px;
}
.padding_left_10
{
	padding-left:10px;
}
.padding_right_5
{
	padding-right:5px;
}
.padding_right_10
{
	padding-right:10px;
}

/* Header sizes */
h1 { color: #02589D; font-size: 16px; margin:0px; text-transform:uppercase;}
h2 { color: #02589D; font-size: 14px; margin:0px; text-transform:uppercase;}
h3 { color: #02589D; font-size: 12px; margin:0px; text-transform:uppercase;}
h4 { color: #02589D; }
h5 { color: #02589D; }

/* Font sizes */
.section_font 	{ font-size: 18px; }
.big_font 		{ font-size: 16px; }
.mid_font 		{ font-size: 14px; }
.reg_font 		{ font-size: 12px; }
.small_font 	{ font-size: 10px; }

/* Text colors */
.white 			{ color: #FFFFFF; }
.black 			{ color: #000000; }
.blue			{ color: #02589D; }
.blue_bold		{ color: #02589D; font-weight: bold; }

/* Bold text colors */
.bold_white 	{ color: #FFFFFF; font-weight: bold; }
.bold_black 	{ color: #000000; font-weight: bold; }


.required 	{ color: #CC0000; font-weight: bold; }