/*	

	Country Awareness Network
	Web Development: The Web Company
	Design: SASI Marketing
	
	CSS Version 1.0
	
	*/


/* 	Simple Reset */

	body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form, blockquote {
		margin:0;
		padding:0;
		}

	body {
		background:rgb(255,255,255) url(Images/bg-body.gif) top left repeat-x;
		color:rgb(0,0,0);
		font-family:"trebuchet ms", arial, "helvetica neue", helvetica, "liberation sans", tahoma, verdana, "bitstream vera sans", san-serif;
		font-size:62.5%;	
		min-width:960px;
		text-align:center;
		}

	h1, h2, h3, h4, h5, h6, p {
		font-size:1.1em;
		}
	
	ul, ol {
		font-size:1.1em;
		margin:0;
		}

	ul ol, ul p, ol ul, ol p, dl p {font-size:1em;}

	dl {font-size:1.1em;}
		
	hr {display:none;}
	img {border:0;}

	a:link, a:visited {
		color:rgb(51,153,204);
		}	

	a:hover,
	a:active,
	a:focus {
		text-decoration:none;
		}


/*	Container */

	.container {
		background:transparent url(Images/bg-container.gif) 490px 0 no-repeat;
		margin:0 auto;
		position:relative;
		text-align:left;
		width:960px;
		}
		
	body#can-home .container
	{
		background:transparent url(Images/bg-container.gif) 0 0 no-repeat;
	}
		
		
/*	Header */

	#header {
		background:transparent url(Images/bg-header.jpg) 0 10px no-repeat;
		padding:10px 0;
		}


/*	Site Navigation */

	#site-navigation {
		position:absolute;
		top:100px;
		right:10px;
		margin:30px 0 0 0;
		width:400px;
		}

	#site-navigation ul {
		font-size:1.2em;
		list-style:none;
		margin:0;
		padding:0;
		text-align:right;
		}
		
	#site-navigation li {display:inline;}

	#site-navigation a:link,
	#site-navigation a:visited {
		border-right:1px solid rgb(153,102,51);
		color:rgb(255,255,255);
		line-height:1;
		padding:0 10px 0 10px;
		text-decoration:none;
		}

	#site-navigation a:hover,
	#site-navigation a:active,
	#site-navigation a:focus {
		text-decoration:underline;
		}

	#site-navigation .last a {border:0;}

		
/*	Navigation */		
		
	#navigation ul {
		background:rgb(255,247,231) url(Images/bg-navigation-ul.gif) right bottom no-repeat;
		border-top:1px solid rgb(242,221,183);
		font-size:1.2em;
		height:30px;
		list-style:none;
		margin:0 0 0 0;
		padding:0;
		}

	#navigation li {
		display:inline;
		font-size:1em;
		}
		
	#navigation a {
		background:rgb(255,247,231) url(Images/bg-navigation-a.gif) right top no-repeat;
		color:rgb(127,70,61);
		float:left;
		padding:0.5em 11px 0.5em 10px;
		text-decoration:none;
		}
		
	#navigation .nav-hivaids a,
	#navigation .nav-sexualhealth a,
	#navigation .nav-hepatitisc a {background:rgb(255,241,215) url(Images/bg-navigation-alt.gif) right top no-repeat;}
		
	#navigation a:hover, #navigation a:active, #navigation a:focus {text-decoration:underline;}

	#navigation .nav-home a:link, 
	#navigation .nav-home a:visited {padding-left:20px;}
	
		
/*	Email List */

	#email-list {
		position:absolute;
		top:0;
		right:14px;
		}
	

/*	How Can We Help You */

	#howcanwehelpyou {
		background:rgb(234,234,154) url(Images/bg-howcanwehelpyou.gif) top left no-repeat;
		clear:left;
		float:left;
		margin-top:10px;
		padding:20px 20px 20px 20px;
		width:154px;
		}
		
	* html  #howcanwehelpyou ,
	* html #howcanwehelpyou  {
		width:194px; 
		w\idth:154px;
		}


	#howcanwehelpyou h2 {margin-bottom:20px;}

	#howcanwehelpyou ul {
		color:rgb(102,102,51);
		font-size:1.1em;
		line-height:1.4;
		list-style:none;
		margin:0;
		padding:0;
		}
		
	#howcanwehelpyou li {margin-bottom:10px;}

	#howcanwehelpyou p {
		color:rgb(102,102,51);
		font-size:1.1em;
		line-height:1.4;
		}
		
	#howcanwehelpyou a {
		color:rgb(102,102,51);
		font-weight:bold;
		}


/*	Polaroids */
		
	#polaroids {
		float:left;
		height:622px;
		padding-bottom:20px;
		width:276px;
		}


/*	Wrapper */

	#wrapper {
		width:470px;
		padding:20px 0;
		float:left;
		}


/* 	Latest News */

	#latest-news {
		margin-left:10px;
		padding-top:10px;
		width:460px;
		}

	.news-item {
		float:left;
		margin-right:30px;
		width:215px;
		}

	#latest-news h2 {margin-bottom:20px;}
		
	#latest-news h3 {
		font-size:1.8em;
		line-height:1.1;
		margin:0 0 5px 0;
		}

	#latest-news h3 a:link,
	#latest-news h3 a:visited {
		color:rgb(177,1,53);
		text-decoration:none;
		}
		
	#latest-news h3 a:hover,
	#latest-news h3 a:active,
	#latest-news h3 a:focus {
		text-decoration:underline;
		}
		
	#latest-news p {
		color:rgb(51,51,51);
		font-size:1.2em;
		line-height:1.5;
		margin:0 0 5px 0;
		}
		
	#latest-news p.details {color:rgb(204,102,102);}
	#latest-news p.details a {color:rgb(204,102,102);}
	#latest-news span {color:rgb(204,204,204);}


/*	Upcoming Events */		

	#upcoming-events {
		background:transparent url(Images/bg-upcomingevents.gif) 0 0 no-repeat;
		margin:25px 0 0 0;
		width:470px;
		}

	.event-item {
		float:left;
		padding:20px 10px 15px 10px;
		width:130px;
		margin-right:10px;
		}

	* html .event-item {
		width:150px; 
		w\idth:130px;
		}

		
	.last {margin-right:0;}
		
	#upcoming-events h2 {margin:0 0 20px 10px;}		

	#upcoming-events h3 {
		color:rgb(241,142,0);
		font-size:1.2em;
		font-weight:normal;
		line-height:1.5;
		}

	#upcoming-events h4 {
		font-size:1.2em;
		line-height:1.3;	
		margin-bottom:5px;
		}

	#upcoming-events h4 a:link,
	#upcoming-events h4 a:visited {
		color:rgb(0,0,0);
		text-decoration:none;
		}
	
	#upcoming-events h4 a:hover,
	#upcoming-events h4 a:active,
	#upcoming-events h4 a:focus {
		text-decoration:underline;
		}
	
	#upcoming-events p {
		color:rgb(102,102,102);
		font-size:1.1em;
		line-height:1.4;
		margin-bottom:5px;
		}
		
	#upcoming-events strong {color:rgb(51,51,51);}


/*	Links */

	#links {
		margin:30px 0 0 0;
		width:460px;
		}

	#links h2 {margin:0 0 15px 10px;}
		
	#links ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
	#links li {display:inline;}

	#links a {
		border-right:1px solid rgb(242,221,183);
		font-size:1.2em;
		letter-spacing:1px;
		padding:5px 10px;
		text-transform:uppercase;
		}
		
	#links .last {
		border:0;
		}

/*	Breadcrumbs */
	
	#primary #breadcrumbs {
		color:rgb(153,153,153);
		font-size:1.1em;
		height:40px;
		}

	#breadcrumbs strong {
		color:rgb(177,1,53);
		}


/*	Primary */

	#primary {
		float:left;
		padding:20px 40px 50px 20px;
		width:484px;
		}
		
	#form-contact #primary 
	{
	    width: 360px;
	}
		
	#primary p {
		color:rgb(51,51,51);
		font-size:1.2em;
		line-height:1.5;
		margin:0 0 10px 0;
		}
		
	#primary blockquote {
		font-style:italic;
		margin:0 20px;
		}
		
	#primary table blockquote {
	    font-style: normal;
	}
	
	#primary h1 {
		color:rgb(177,1,53);
		font-size:3em;
		font-weight:normal;
		line-height:1;
		margin:0 0 15px 0;
		word-spacing:-2px;
		}
		
	#primary h2 {
		color:rgb(177,1,53);
		font-size:1.8em;
		line-height:1.2;
		margin:20px 0 5px 0;
		}

	#primary h3 {
		color:rgb(177,1,53);
		font-size:1.5em;
		line-height:1.4;
		margin:20px 0 5px 0;
		}
		
	#primary h4 {
		color:rgb(177,1,53);
		font-size:1.3em;
		line-height:1.5;
		margin:20px 0 5px 0;
		}
		
	#primary h5 {
		color:rgb(177,1,53);
		font-size:1.2em;
		line-height:1.5;
		margin:20px 0 5px 0;
		}
		
	#primary h6 {
		color:rgb(0,0,0);
		font-size:1.2em;
		line-height:1.5;
		margin:20px 0 5px 0;
		}		
		
	#primary ul, 
	#primary ol {
		color:rgb(51,51,51);
		font-size:1.2em;
		line-height:1.5;
		margin:10px 0;
		padding:0 0 0 20px;
		}

	#primary ul ul,
	#primary ol ol,
	#primary ul ol,
	#primary ol ul 
	{
	    font-size: 1em;
	}
	
	#primary ul {list-style:square;}

	#primary ul ol, 
	#primary ol ul {
		font-size:1em;
		margin-top:0;
		margin-bottom:0;
		}		

	#primary dl {
		margin:0 0 10px 15px;
		}

	#primary dt { 
		color:rgb(0,0,0);
		font-size:1.2em;
		font-weight:bold;		
		line-height:1.5;
		margin:10px 0 0 0;
		padding:0;
		}

	#primary dd {
		color:rgb(51,51,51);
		font-size:1.1em;
		line-height:1.5;
		padding:0;
		}

	#primary ol p,
	#primary ul p,
	#primary dd p {
		font-size:1em;
		margin-bottom:5px;
		}
		
	#primary table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
		}

	#primary caption {
		color:rgb(102,102,102);
		font-size:1.2em;
		font-style:italic;
		padding:5px 0;
		text-align:left;
		}

	#primary table {
		font-size:100%;
		margin:10px 0 20px 0;
		}

	#primary th {
		border-bottom:1px solid rgb(204,204,204);
		font-size:1.2em;
		font-weight:bold;
		text-align:left;
		}

	#primary th, 	
	#primary td {
		padding:5px 10px 5px 0;
		}
		
	#primary td {
		border-bottom:1px solid rgb(204,204,204);
		color:rgb(51,51,51);
		font-size:1.1em;
		}
		
	#primary tfoot {
		font-style:italic;
		}
		
	#primary tfoot td {
		border-bottom:0;
		}
		
	#primary td p {
		font-size:1em;
		margin-bottom:5px;
		}

/*	Secondary */

	#secondary {
		float:left;
		padding:85px 0 0 0;		
		width:140px;
		}
		
	#form-contact #secondary
	{
	    width: 264px;
	}

	#secondary h1 {
		color:rgb(73,110,148);
		font-size:1.3em;
		letter-spacing:1px;
		line-height:1;
		margin-bottom:20px;
		text-transform:uppercase;
		}

	#secondary ul {
		font-size:1.2em;
		line-height:1;
		list-style:none;
		margin:0;
		padding:0;
		}
		
	#secondary ul ul 
	{
	    font-size: 1em;
	    margin-top: 5px;
	}
		
	#secondary li {
		background:transparent url(Images/secondary-li.gif) 0 4px no-repeat;
		margin-bottom:10px;
		padding-left:10px;
		}

	#secondary a {
		color:rgb(66,85,99);
		text-decoration:none;
		}
		
	#secondary a:hover,
	#secondary a:active,
	#secondary a:focus {
		text-decoration:underline;
		}

	#secondary a.AspNet-Menu-Selected {
		color:rgb(51,153,204);
		text-decoration:underline;
		}

/*	Footer */
	
	#footer {
		background:rgb(177,1,53) url(Images/bg-footer.gif) top left repeat-x;
		clear:both;
		padding:20px 0 40px 0;
		width:100%;
		}

	#footer div {
		margin:0 auto;
		width:960px;
		}
				
	#footer p {
		color:rgb(255,255,255);
		font-size:1.1em;
		line-height:1.5;
		margin:0 0 0 20px;
		text-align:left;
		}

	#footer a:link, 
	#footer a:visited {
		color:rgb(255,204,0);
		}
		
	#footer a:hover,
	#footer a:active {
		text-decoration:underline;
		}		
		
	#footer #credit:link,
	#footer #credit:visited {
		color:rgb(255,255,255);
		text-decoration:none;
		}

	#footer #credit:hover,
	#footer #credit:active {
		text-decoration:underline;
		}
		

    #form label 
    {
        display: block;
        color:rgb(177,1,53);
        font-weight: bold;
        clear: left;
    }
    
    #form label em 
    {
        color: #666;
        font-weight: normal;
        font-style: italic;
        font-size: .8em;
    }
    
    #form input,
    #form textarea,
    #form br
    {
        clear: both;
		font-family:"trebuchet ms", arial, "helvetica neue", helvetica, "liberation sans", tahoma, verdana, "bitstream vera sans", san-serif;
    }
    
    #form input.f-name,
    #form input.f-email, 
    #form textarea.f-message
    {
        width: 300px;
    }
    
    #form input.f-phone
    {
        width: 150px;
    }
    
    #form input.f-verification
    {
        width: 105px;
    }
    
    #form img 
    {
        float: left;
        margin: 3px 10px 10px 0;
    }
    
    #form span.imageverification 
    {
        display: block;
        float: left;
        width: 12em;
        font-size: .9em;
    }
    
    img.Left 
    {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    img.Right 
    {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    
    .pdf 
    {
        padding-left: 20px;
        background: transparent url(Images/icon-pdf.gif) no-repeat top left;
    }
    
    .office 
    {
        padding-left: 20px;
        background: transparent url(Images/icon-office.gif) no-repeat top left;
    }
    
    .webpage 
    {
        padding-left: 20px;
        background: transparent url(Images/icon-webpage.gif) no-repeat top left;
    }

	#primary .borderlessTable td,
    #primary .borderlessTable th
    {
    	border-bottom: 0 none;
    }